HTML, BODY { margin:0; padding:0; }

BODY, .bodybg { background:#EEE url("/bin/img/textured_bg.jpg") repeat 0 0; }

body { border-top:3px solid #222; position:relative; }
body > section,
body > section.contained > .container,
body > header {
	width:940px; margin:0 auto;
}
body > section { margin-top:20px; }
body > section.contained { width:100%; margin-right:0; margin-left:0; }

BODY, TD, TH { font-size:13px; font-family:Helvetica, Arial; text-align:left; vertical-align:top; }

BODY > .overlay, .bodyoverlay { display:none; position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#333; background-color:RGBA(0,0,0,.98); }

.loading, body.loading * { cursor:wait; }
#loading2 { width:16px; height:45px; position:fixed; z-index:105; bottom:30px; right:-20px; background:url("/bin/img/icons/sprites/littlemac_jog.gif"); }

img { vertical-align:middle; }

H1 { margin:0 0 10px; padding:0; font-weight:bold; font-size:30px; color:black; text-shadow:1px 1px 0 #AAA; text-shadow:1px 1px 0 RGBA(0,0,0,.3); }
H2 { margin-bottom:3px; padding-bottom:3px; font-weight:normal; font-size:21px; color:#333; border-bottom:1px solid #C0C0C0; }
H3 { margin:1em 0 .5em; font-size:17px; }
H4 { margin:1em 0 .5em; font-size:16px; }
H5 { margin:1em 0 .5em; font-size:15px; }
H6 { margin:1em 0 .5em; font-size:14px; }

A, .a { color:#06C; text-decoration:underline; cursor:pointer; }
A:ACTIVE { color:#6B3EA8; }
A:HOVER, .a:hover { color:#39F; }
.red { color:#D33; }
A.red:HOVER { color:#F17878; }

A IMG { border-color:#06C; }
A:HOVER IMG { border-color:#39F; }

BIG { font-size:17px; }

form { margin:0; }
fieldset { margin-left:0; margin-right:0; padding:5px 10px 10px 10px; border:1px solid #CCC; }
fieldset.off { border-width:1px 0 0; padding-top:0; padding-bottom:0; }
legend { font-size:14px; color:#666; }
input[type="text"], input[type="password"], TEXTAREA, SELECT, .inputfield {
	padding:3px 1px 3px 2px; margin-bottom:1px;
	border-width:1px; border-style:solid; border-color:#666 #BBB #BBB #666;
	background:white; background:RGBA(255,255,255,.7);
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	font-size:13px; font-family:Arial;
}
textarea { font-family:monospace; font-size:12px; }
.inpfw { margin-right:6px; }
.inpfw input[type="text"], .inpfw input[type="password"], .inpfw TEXTAREA, .inpfw SELECT { width:100%; }
SELECT { padding:2px; }
OPTGROUP {
	padding-top:2px;
	font-weight:normal;
	font-style:italic;
	font-family:Arial;
	color:#777;
	background-color:#EEE;
}
OPTGROUP > OPTION {
	padding-left:20px;
	background-color:#FFF;
	color:black;
}
OPTGROUP > OPTION:first-child {
	margin-top:2px;
}
input[type="button"], button, input[type="submit"], input[type="reset"] {
	padding:2px 10px;
	font-size:13px; font-family:Arial; color:#333; text-shadow:0 -1px #DADADA, 0 1px #EEE;
	background:#DDD; background:-moz-linear-gradient(top, #EEE 50%, #DDD 50%); background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#EEE), color-stop(50%,#DDD));
	border-width:1px; border-style:solid; border-color:#DDD #AAA #AAA #DDD; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	box-shadow:0 1px 0 RGBA(0,0,0,.1);
	cursor:pointer;
}
input[type="button"].over, button.over, input[type="submit"].over, input[type="reset"].over {
	border-color:#777; color:#222;
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	background:#DDD; border-color:#AAA #CCC #CCC #AAA;
}
input[type="button"][disabled="disabled"], input[type="submit"][disabled="disabled"], input[type="reset"][disabled="disabled"], button[disabled="disabled"] { color:#BBB; cursor:not-allowed; }
.redborder > * { border-color:#DA1F1F !important; }
input[type="button"].blue, button.blue, input[type="submit"].blue, input[type="reset"].blue {
	color:white; text-shadow:none !important;
	background:#06C; background:-moz-linear-gradient(top, #FFF 0%, #39F 3%, #0066CC 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(3%,#39F), color-stop(100%,#0066CC));
	border-color:#0073E6 #05A #05A #0073E6;
}
input.blue.over, button.blue.over { border-color:#06C; }

OL { margin:0; }
UL { margin:0; padding-left:23px; list-style-type:square; }
	
ACRONYM, ABBR { border-bottom:1px dotted #BBB; cursor:help; }

DIV.clear { clear:both; }
DIV.clear HR { display:none; }

/* HEADER & FOOTER */

header {
	position:relative; z-index:10;
	height:110px;
	margin-bottom:40px;
}
header h2 {
	margin:0; padding:0;
	border:none;
}
header h2 a {
	position:absolute; z-index:13; top:30px; left:-6px;
	display:block;
	width:270px; height:55px; overflow:hidden;
	text-indent:-999px;
}
header h2 a:hover + span { background-position:0 -90px; }
header h2 span {
	position:absolute; z-index:11; top:30px; left:-6px;
	display:block;
	width:270px; height:55px;
	background:transparent url("/bin/img/h1.png") no-repeat scroll 0 0;
}
header .bgimg {
	position:absolute; z-index:10; top:0; left:-6px;
	width:500px; height:110px;
	overflow:hidden;
}
body.min header .bgimg, header.condensed .bgimg { display:none; }

#twitter_div {
	position:absolute; z-index:12; top:35px; left:304px;
	display:none;
	max-width:135px; max-height:46px;
	padding:5px 8px; 
	font-size:12px; color:#666; text-align:center;
	background-color:white;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	opacity:.8;
}
body.min #twitter_div, header.condensed #twitter_div { display:none !important; }
#twitter_div .speechpt {
	position:absolute; top:7px; left:-9px;
	display:block;
	width:9px; height:10px;
	background:url("/bin/img/speech_point_white.png") no-repeat -1px 0;
}

#topnav {
	position:absolute; z-index:11; top:0; right:50%;
	width:460px; height:110px;
	margin:0 -470px 0 0;
}
#topnav dl {
	width:100px;
	position:absolute; z-index:10; top:0;
	margin:0; padding:17px 20px 16px 20px;
	font-size:14px; line-height:19px;
}
#topnav dl.hov { background-color:white; }
#topnav dl.hov dt span { background-position:-30px -8px !important; margin-left:3px !important; }
#topnav dl.last-child.hov { border-color:#F5F5F5 !important; z-index:12; }
#topnav dt { margin:0; padding:0; font-weight:bold; font-size:14px; color:#999; }
#topnav dd { margin:0; padding:0; }
#topnav dd ul { margin:0; padding:0; list-style:none; }
#topnav dd ul li { margin:0; padding:0; }
#topnav dl a { color:black; text-decoration:none; border-top:1px solid transparent; }
#topnav dl a:hover { text-decoration:underline; }
#topnav dd.more { display:none; }
#topnav dl.hov dd.more { display:block; }
#topnav .usr a { border-top-width:0; }

#topsearch { width:140px; position:absolute; z-index:11; top:62px; right:0; }
#topsearch.foc { width:280px; }
#topsearch.foc > span { display:block !important; }
#topsearch form { position:relative; margin-right:21px; }
#topsearch form input{
	width:100%;
	font-size:12px;
	margin:0; padding:5px 0 5px 21px;
	border-width:0; border-radius:2px;
	background-color:white;
}
#topsearch form a {
	display:block;
	position:absolute; left:4px; top:6px;
	width:13px; height:14px;
	text-indent:-500px;
	overflow:hidden;
	background:url(/bin/img/search_gray.png) no-repeat 0 0;
}
#topsearch form a:hover { background-position:0 -31px; }

#newpms { position:absolute; top:0; right:0; }
#newpms a { display:block; padding:6px 0 6px 30px; font-size:14px; text-decoration:none; background:url(/bin/img/icons/monkey.png) no-repeat 0 -2px; }

#usrpanel {}
#login {
	display:none;
	position:fixed; z-index:101; top:50%; left:50%;
	width:225px;
	margin:-112px 0 0 -112px;
	text-align:left;
	color:white;
}
#login a { color:#09F; text-decoration:none; }
#login .fbconnect { margin:0 0 12px; padding:0 0 12px; border-bottom:1px solid #222; }
#login form > div { clear:left; margin:0 8px 12px 0; }
#login input[type="text"], #login input[type="password"] {
	width:100%;
	padding:6px 0 6px 8px;
	font-size:14px; color:#666; 
	background:white; background:-moz-linear-gradient(top, #E0E0E0, white 7px); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,white));
	border-width:0; border-radius:3px;
	box-shadow:0 0 4px 1px black; -moz-box-shadow:0 0 4px 1px black; -webkit-box-shadow:0 0 4px 1px black;
}
#login button[type="submit"] {
	margin:0 1px 1px 0; padding:5px 15px;
	font-size:15px; font-weight:bold;
	border-width:0;
	box-shadow:1px 1px 3px 1px black; -moz-box-shadow:1px 1px 3px 1px black; -webkit-box-shadow:1px 1px 3px 1px black;
}
#login button[type="submit"]:active {
	margin:1px 0 0 1px;
	box-shadow:0 0 3px 1px black; -moz-box-shadow:0 0 3px 1px black; -webkit-box-shadow:0 0 3px 1px black;
}
#login ul { margin:0; padding:0; list-style:none; }
#login ul li { margin:0 0 5px; padding:0; font-size:14px; }
#login-close {
	position:fixed; top:10px; right:10px;
	padding:10px 28px 10px 10px;
	background:url("/bin/img/x_small_white.png") no-repeat scroll 84% center transparent;
	color:white !important; font-size:16px; font-weight:bold;
	text-decoration:none;
}
#login + .overlay {}

footer {
	width:100%;
	margin:20px 0 0;
	background:#030303 url("/bin/img/pgsec_black.png") repeat-x 0 0;
	font-size:13px; color:#999;
}
footer > .container { width:940px; margin:0 auto; padding:30px 0 100px; position:relative; z-index:2; }
footer A { color:#AAA; }
footer A:HOVER { color:#CCC; }
footer H5 { margin:0 0 5px; font-size:15px; }
footer UL { margin:0; padding:0; list-style:none; }
footer UL LI { margin:0; padding:0; }
footer OL.about { margin:0; padding:0; list-style:none; }
footer .about LI { margin:0; padding:0; float:left; }
footer .about LI A, footer .about LI SPAN { display:block; margin:0 14px 7px 0; font-size:14px; background-position:left center; background-repeat:no-repeat; }

footer .featuredcont ul li { float:left; width:150px; margin:0 10px 4px 0; }

footer form { margin:0 3px 0 0; }
footer textarea, footer input[type="text"]{
	font-size:12px; font-family:Arial;
	background-color:white !important;
	border-width:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
footer textarea { width:100%; height:40px; background:white url("/bin/img/textarea_resize.png") no-repeat bottom right; }
footer textarea { cursor:pointer; }
footer input[type="submit"]{
	font:normal 12px Arial;
	border-width:0;
	border-radius:2px;
}

footer .diorama { position:relative; z-index:1; }
body.min footer .diorama { display:none; }
body.min footer > .container { padding:30px 0; }
body.min footer .feedback, body.min footer .cont { display:none; }

.alert {
	position:fixed; z-index:97; top:30%; left:50%;
	width:500px; max-height:60%; overflow:auto;
	display:none;
	margin:0 0 0 -250px;
	background-color:white;
	border:1px solid #333;
	box-shadow:1px 1px 2px -1px black; -moz-box-shadow:1px 1px 2px -1px black; -webkit-box-shadow:1px 1px 2px -1px black;
}
.alert .closealert { top:15px; right:15px; }
.alert DL { margin:0; padding:0; }
.alert > DL > DT {
	margin:0; padding:15px 40px 15px 20px;
	font-weight:bold; font-size:14px; color:white;
	background-color:#333;
	border-bottom:1px solid #CCC;
}
.alert > DL > DD {
	margin:0;
	padding:15px 20px;
}

/*** Page Sections ***/

#bodybgimg { position:absolute; z-index:-1; top:0; right:0; left:0; bottom:0; width:100%; overflow:hidden; }

/* columns */
.c3 {}
.c2 { margin:0 320px 0 0; }
.c1 { width:300px; float:left; }
.c2r { margin:0 0 0 320px; }
.c1r { width:300px; float:right; clear:right; }

section.white {
	padding:20px 0;
	border-top:2px solid #DDD;
	background-color:white;
}
nav + section.white { margin-top:-1px; padding:40px 0;  }
section.white + footer { margin-top:0; }

section.black {
	padding:40px 0;
	background:#030303 url(/bin/img/pgsec_black.png) repeat-x 0 0;
}
section.black, section.black TD { color:white; }
section.black A { color:#09F; }
section.black A:HOVER { color:#37AAFF; }

section.blue {
	padding:40px 0;
	background:#e3eef9 url(/bin/img/pgsec_blue.png) repeat-x 0 0;
	border-bottom:1px solid #c6e0e4;
}

#pgsecbuff { clear:both; }
#pgsecbuff > DIV { height:20px; }

/* AUXILARY PAGE DESIGN */

#body-message {
	margin:4em auto;
	padding:10px;
	width:300px;
	text-align:center;
	background-color:white;
	color:#696969;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#notify {
	display:none;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:15px 0 0;
	font-size:14px;
	border-bottom:1px solid black;
	background-color:white;
	opacity:.95;
	-moz-box-shadow:0px 0px 20px 5px #666666;
	-webkit-box-shadow:0px 0px 20px 5px #666666;
}
#notify DL {
	margin:0 0 30px;
	padding:0;
}
#notify DT {
	position:relative;
	left:0;
	top:15px;
	width:70px;
	margin:0 0 0 -1px;
	padding:5px 5px 5px 10px;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	background-color:#06C;
}
#notify DT.err {
	background-color:#D23C3C;
}
#notify DT.war {
	background-color:#F4A90B;
}
#notify DD {
	margin:-5px 0pt 10px 90px;
	padding:0px 0pt 5px 14px;
	background:url(/bin/img/bullet-boxed-arrow.png) no-repeat 0px 3px; }

TABLE.plain {
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#AAA;
}
TABLE.plain > TR > TH,
TABLE.plain > TBODY > TR > TH,
TABLE.plain > TR > TD,
TABLE.plain > TBODY > TR > TD {
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:transparent transparent #AAA #CCC;
}
TABLE.plain > TR > TH:first-child,
TABLE.plain > TBODY > TR > TH:first-child,
TABLE.plain > TR > TD:first-child,
TABLE.plain > TBODY > TR > TD:first-child {
	border-left-color:#AAA;
}
TABLE.plain > TR > TH,
TABLE.plain > TBODY > TR > TH { background-color:#AAA; }
	
A.x {
	padding:1px 3px;
	font-weight:bold;
	font-family:verdana;
	font-size:60%;
	color:#D35959;
	text-decoration:none;
	text-transform:capitalize;
	border:1px solid #D35959; }
A.x:hover {
	color:#E58080;
	border-color:#E58080;}
A.xdel {
	padding-left:16px;
	color:#D35959;
	background:url(/bin/img/x_small_red.png) no-repeat 0 3px;
}
A.xdel:hover {
	color:#E58080;
	background-position:0 -29px;
}
.ximg {
	position:absolute;
	width:12px; height:12px;
	overflow:hidden;
	text-indent:-5000px;
	background:url("/bin/img/x_small_red.png") no-repeat 0 0;
}
.ximg-hover, a.ximg:HOVER { background-position:0 -32px; }
.ximg2 {
	background: url("/bin/img/x_small_white.png") no-repeat 3px 3px #E71818;
  border-radius:3em;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
  width:18px; height:18px; overflow:hidden; text-indent:500px;
  position:absolute; z-index:3; right:-4px; top:-4px;
}

.gray { color:#AAA; }
.gray A, A.gray { color:#808080; }
.gray A:HOVER, A.gray:HOVER { color:#999; }

.arrow { display:inline-block; width:10px; height:10px; background:url("/bin/img/sprites_arrows.png") no-repeat 0 0; }
A.arrow-up {
	padding:0 0 0 10px;
	background:url(/bin/img/arrow-small-blue-up.png) no-repeat 0 5px; }
A.arrow-up:HOVER {
	background-position:0 -95px; }

.arrow-right {
	padding-right:11px;
	background:url(/bin/img/arrow-small-gray-right.png) no-repeat center right; }
A.arrow-right {
	padding:0 10px 0 0;
	background:url(/bin/img/arrow-small-blue-right.png) no-repeat 100% 5px; }
A.arrow-right:HOVER {
	background-position:100% -95px; }
	
.arrow-right-off {
	padding:0 10px 0 0;
	background:url(/bin/img/arrow-small-gray-right.png) no-repeat 100% 5px; }
	
BIG A.arrow-right {
	padding:0 17px 0 0;
	font-size:21px;
	background:url(/bin/img/arrow-big-blue.png) no-repeat 100% 5px; }
BIG A.arrow-right:HOVER {
	background-position:100% -37px; }

A.arrow-link-big {
	padding:0 15px 0 0;
	background:url(/bin/img/arrow-link-big.png) no-repeat 100% 8px; }
A.arrow-link-big:HOVER {
	background-position:100% -37px; }

.arrow-right-gray {
	padding-right:13px;
	background:url(/bin/img/arrow-right.gif) no-repeat center right; }

A.arrow-down {
	padding:0 10px 0 0;
	background:url(/bin/img/arrow-small-blue-down.png) no-repeat 100% 5px; }
A.arrow-down:HOVER {
	background-position:100% -95px; }

.arrow-left {
	padding-left:11px;
	background:url('/bin/img/arrow-small-gray-left.png') no-repeat center left; }
A.arrow-left {
	padding:0 0 0 10px;
	background:url(/bin/img/arrow-small-blue-left.png) no-repeat 0 5px; }
A.arrow-left:HOVER {
	background-position:0 -95px; }

.arrow-left-off {
	padding:0 0 0 10px;
	background:url(/bin/img/arrow-small-gray-left.png) no-repeat 0 5px; }

A.arrow-link {
	padding:0 10px 0 0;
	background:url(/bin/img/arrow-link.png) no-repeat 100% 6px; }
A.arrow-link:HOVER {
	background-position:100% -43px; }

A.plus {
	background-color:#F5F5F5;
	border:1px solid #DDD;
	color:#999;
	font-size:14px;
	padding:2px 5px;
	text-decoration:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
A.plus B { color:#39F; }
A.plus:HOVER { border-color:#39F; color:#39F; }
BIG A.plus { font-size:17px; }

.arrow-toggle {
	padding:0 0 0 10px;
	background:url(/bin/img/arrow-left-point.png) no-repeat 2px 50%;
}
.arrow-toggle-on {
	background:url(/bin/img/arrow-down-point.png) no-repeat 0 50%; !important;
}

a.albumlink, .albumlink a { padding-right:11px !important; background:url(/bin/img/musicnote_blue.png) no-repeat right 2px; }
a.albumlink:HOVER { background-position:right -85px; }

.bullet {
	padding-left:13px;
	background:url(/bin/img/bullet-boxed-arrow.png) no-repeat 0 50%; }

TABLE.data { border-bottom:1px solid #C0C0C0; box-shadow:0 0 0 3px white; -moz-box-shadow:0 0 0 3px white; -webkit-box-shadow:0 0 0 3px white; }
	TABLE.data TR > *:first-child { border-left:1px solid #EEE; }
	TABLE.data TH {
		padding:5px 8px;
		border-right:1px solid #DDD;
		background:white url(/bin/img/gradient-b2t-eee.png) repeat-x 0 -149px;
	}
	TABLE.data TH A { text-decoration:none; color:black; display:block; }
	TABLE.data TH A:HOVER { text-decoration:underline; }
	TABLE.data TD {
		padding:5px 8px;
		border-top:1px solid #C0C0C0;
		border-right:1px solid #EEE;
		vertical-align:top;
		background-color:white;
	}
	TABLE.data TR.putborders TH { border-top:1px solid #808080; }
	TABLE.data .altbg { background-color:#F5F5F5; }
	TABLE.data .gap TD { border-right-width:0; border-left-width:0; background-color:transparent; }
 
UL.tree { list-style:none; }
.tree LI { margin:0; padding-left:18px; background:url("/bin/img/tree_branch.png") no-repeat 5px 2px; }

.user {
	position:relative; z-index:1;
	height:20px;
	padding-left:23px !important;
	line-height:20px;
}
.user .avatar {
	position:absolute; z-index:1; top:50%; left:0;
	display:block;
	width:20px; height:20px;
	margin:-10px 0 0;
	background-repeat:no-repeat; background-position:0 0;
	border-radius:3px;
}
.user .avatar img { vertical-align:bottom; }

/*.tag-list {
	margin:0 0 15px 0;
	padding:10px;
	background:#D2E9FF url(/bin/img/white-striped-bg.png) repeat scroll left top;
	border:1px solid #AED7FF;
	line-height:18px; }
.tag-list UL {
	margin:0;
	padding:0;
	list-style:none; }
.tag-list LI {
	display:	inline;
	margin:	0 10px 0 0;
	padding:	0;
	font-weight:bold; }
.tag-list LI A {
	padding:2px; }
.tag-list LI A:HOVER {}*/

.thumbnail { line-height:normal !important; max-width:100%; overflow:hidden; }
.thumbnail.left { float:left; clear:left; margin:3px 10px 5px 0; }
.thumbnail.right { float:right; clear:right; margin:3px 0 5px 10px; }
.thumbnail.center, .thumbnail.nofloat { clear:both; margin:10px 0; }
.thumbnail > .container { margin:0 auto; padding:0; float:left; }
.thumbnail.nofloat > .container { margin:0; }
.thumbnail .image { position:relative; }
.thumbnail .image a { display:block; }
.thumbnail .image a.permalink {
	display:none;
	position:absolute; z-index:1; top:2px; right:2px;
	width:19px; height:19px;
	overflow:hidden;
	text-indent:50px;
	background:url("/bin/img/search_glass.png") no-repeat center center;
}
.thumbnail.hov .image a.permalink { display:block; }
.thumbnail .image img { max-width:100%; }
.thumbnail .caption { display:block; padding:3px; font-size:12px; color:white; background-color:black; text-align:center; }

.gallery {}
.gallery > .container {
	float:left;
	padding:10px 0 5px;
	/*background-color:#F5F5F5; background-color:RGBA(245,245,245,.9);
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	/*box-shadow:rgba(0,0,0,.1) 0 0 6px; -moz-box-shadow:rgba(0,0,0,.1) 0 0 6px; -webkit-box-shadow:rgba(0,0,0,0.1) 0 0 6px;*/
}
.gallery .caption { margin:0 0 10px; font-weight:bold; font-size:16px; color:#555; }
.gallery ul { margin:-5px -5px 0 !important; padding:0; list-style:none; line-height:1em !important; }
.gallery li { margin:5px !important; padding:0 !important; float:left; background-image:none !important; }
.gallery li a.imgupl { display:block; cursor:-moz-zoom-in; }
.gallery li a.imgupl:hover { opacity:.8; }
.gallery li a.imgupl img { width:100%; border-width:0; }
.gallery .clear { clear:left; height:0 !important; }

.hr {
	margin:20px 0;
	border-width:1px 0; border-style:solid; border-color:#CCC transparent white transparent; border-color:RGBA(190,190,190,.6) transparent RGBA(255,255,255,.6) transparent;
	height:0; }

.warn { padding-left:17px !important; background:url(/bin/img/icons/warn.png) no-repeat left center; }

.hintguy { padding-left:40px; background:url("/bin/img/hint_guy.png") no-repeat left center; min-height:35px; }
.hintguy-animated { padding-left:40px; background:url("/bin/img/hint_guy_animated.gif") no-repeat left center; min-height:25px; }
	
.smiley {
	padding-left:40px;
	background:url(/bin/img/icons/smiley.png) no-repeat 0 50%; }
.frowney {
	margin:0 5px; padding:0 8px;
	background:url(/bin/img/icons/emoticons/frown.png) no-repeat 0 50%; }
	
UL.tabbed-nav {
	margin:0; padding:0;
	list-style:none;
	float:left;
	width:100%;
	height:28px;
	border-bottom:1px solid #CCC; }
.tabbed-nav LI { display:inline; }
.tabbed-nav A {
	float:left;
	line-height:26px;
	margin:1px 0 0 5px; padding:0 12px;
	background-color:#DDD;
	border:1px solid #CCC; }
.tabbed-nav LI.on A { border-bottom-color:#e8ebe4 !important; background-color:#e8ebe4; color:black; text-decoration:none; }

#tooltip {
	position:absolute;
	z-index:200;
	max-width:350px;
	margin:10px 5px 0 0;
	padding:2px 5px;
	border:1px solid #333;
	background:#f7f5d1;
	font-size:12px;
	color:#333;
	display:none;
	-moz-border-radius:2px; -webkit-border-radius:2px;
	-moz-box-shadow:RGBA(0,0,0,.3) 1px 1px 3px 0; -webkit-box-shadow:RGBA(0,0,0,.3) 1px 1px 3px 0;
}
.tooltip-bubble-container { position:relative; }
.tooltip-bubble {
	display:none;
	position:absolute; z-index:1; left:0;
	padding:5px 8px;
	font-size:12px; color:white;
	background:black; background:RGBA(0,0,0,.95);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

/*input.off, TEXTAREA.off, input.resetonfocus, TEXTAREA.resetonfocus {
	color:#999;
	font-style:italic; }*/

cite.source { color:#AAA; font-style:normal; }
cite.cite {
	font-size:10px; color:#AAA; font-style:normal;
	vertical-align:super; line-height:1em;
}
cite.cite a { text-decoration:none; padding:0 1px 3px 3px; }
	
a.pglink.nocoverage { color:#E23838; }
a.pglink.nocoverage:HOVER { color:#EA6A6A; }
a.pglink.redirect { color:#855EB9; }
a.pglink.redirect:hover { color:#9978C5; }

.spoiler { background:url(/bin/img/spoiler_overlay.png); }
.spoiler > DEL { text-decoration:none; visibility:hidden; }
.spoiler.hov { background-image:none; }
.spoiler.hov > DEL { visibility:visible; }
	
input.styled, TEXTAREA.styled {
	margin:1px;
	padding:3px;
	border-width:1px;
	border-style:solid;
	border-color:#666 #BBB #BBB #666; }
input.styled-on, TEXTAREA.styled-on {
	margin:0 !important;
	border-width:2px !important;
	border-color:#39F !important; }
	
.emoticon { padding:0 7px; background-position:center center; background-repeat:no-repeat; }

.chbox { position:relative; cursor:pointer; padding:0 0 0 17px; }
.chbox .inp {
	position:absolute; z-index:1; top:50%; left:0;
	display:block; width:13px; height:13px; overflow:hidden;
	margin:-6px 0 0;
	background:url("/bin/img/checkbox.gif") no-repeat 0 -13px;
}
.chbox input[type="checkbox"] { display:none; }
.chbox.hov .inp { background-position:0 -26px; }
.chbox.checked .inp { background-position:0 -39px !important; }
.chbox.checked.hov .inp { background-position:0 -52px !important; }
.chbox.loading .inp, .chbox.loading.hov .inp { background-position:0 0 !important; }

.helpinfo {
	padding:0 6px;
	background:url(/bin/img/icons/question_block.png) no-repeat left center;
	text-decoration:none;
}
.helpinfo > SPAN { visibility:hidden; }

.frown {
	height:16px;
	padding:0 16px !important;
	background:url(/bin/img/icons/emoticons/frown.png) no-repeat center center;
}

.sources OL { margin:0; padding:0; list-style-position:inside; }
.sources LI { padding:1px 5px; }
.sources LI.on { background-color:#FFFFC1; }

.fftt { /* form-field tool-tip */
	position:relative;
}
.fftt .tt { position:absolute; top:0; left:0; z-index:1; margin:0; padding:3px 0 0 5px; color:#666; opacity:.75; cursor:text; }
.fftt .tt.foc { opacity:.2; }
.fftt .tt.off { opacity:0.0; -webkit-transition-duration:0s; }

.pgnav {
	border:1px solid #CCC; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:0 0 6px #DDD; -moz-box-shadow:0 0 6px #DDD; -webkit-box-shadow:0 0 6px #DDD;
}
.pgnav.input { border-color:#666 #BBB #BBB #666; }
.pgnav ul { margin:0; padding:0; list-style:none; }
.pgnav li { float:left; margin:0; padding:0; border-left:1px solid #DDD; }
.pgnav li > * {
	display:block;
	height:26px;
	padding:0 10px;
	line-height:26px;
	background:white;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(245,245,245)),color-stop(1, rgb(255,255,255)));
	background:-moz-linear-gradient(center bottom,rgb(245,245,245) 0%,rgb(255,255,255) 100%);
}
.pgnav li.input > * { padding:0; background:#CCC; background:RGBA(255,255,255,.25); }
.pgnav li.input input { height:26px; padding:0 4px; border-width:0; background-color:transparent; }
.pgnav li > a:hover { background:white; }
.pgnav ul > li:first-child { border-width:0; }
.pgnav ul > li:first-child > * { border-radius:3px inherit inherit 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }
.pgnav ul > li:last-child > * { border-top-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; }
.pgnav .on {}
.pgnav .on > * {
	text-decoration:none; color:#444;
	background:-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgba(235,235,235,.8)),
	    color-stop(1, rgba(215,215,215,.8))
	) !important;
	background:-moz-linear-gradient(
	    center bottom,
	    rgba(238,238,238,.8) 0%,
	    rgba(221,221,221,.8) 100%
	) !important;
}
.pgnav .on a { cursor:text; }
.pgnav li.off > * { color:#CCC; background:RGBA(255,255,255,.3) !important; }
.pgnav .sprite a { position:relative; width:36px; height:26px; padding:0; }
.pgnav .sprite a span { display:block; width:16px; height:16px; overflow:hidden; position:absolute; top:5px; left:10px; text-indent:500px; }
.pgnav .standout { border-color:#005BB7; }
.pgnav .standout a { background-color:#06C; color:white; font-weight:bold; text-decoration:none; }
.pgnav .standout a:hover { background-color:#09F; }

a.addbutton {
	padding:0 8px;
	line-height:24px; text-align:center;
	display:block;
	background-color:#06C;
	color:white !important; text-decoration:none;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
a.addbutton b { font-size:14px; }
a.addbutton:hover { background-color:#09F; }

.bluebutton {
	display:block;
	padding:.2em .8em;
	background:#06C; background:-moz-linear-gradient(top, #0F87FF 0%, #0066CC 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F87FF), color-stop(100%,#0066CC));
	color:white; text-decoration:none;
	border-radius:3px;
	box-shadow:0 0 1px rgba(0,0,0,.3);
}
a.bluebutton:hover { color:white; background:#09F !important; }
.bluebuttoncontainer {
	display:block; padding:0 0 3px; text-decoration:none; background-color:#004F9D; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-shadow:0 0 .4em #BBB; -moz-box-shadow:0 0 .4em #BBB; -webkit-box-shadow:0 0 .4em #BBB;
}
.bluebuttoncontainer .bluebutton {
	padding:5px 10px;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	text-shadow:rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(0,0,0,0.1) -1px -1px;
}
.bluebuttoncontainer:active { margin:2px 0 0; padding:0 0 1px; }

.ui-selectable-helper { position:absolute; z-index:100; border:1px dotted #06C; background-color:#95CAFF; opacity:.5; }

.popmsg {
	position:fixed; left:50%; z-index:100;
	color:white;
	background:black; background:RGBA(0,0,0,.97);
	-moz-box-shadow:1px 1px 7px -3px black; -webkit-box-shadow:1px 1px 7px -3px black;
}
.popmsg, .popmsg > .container { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:10px; }
.popmsg > .container { padding:1em; }
.popmsg .loading { width:120px; height:10px; background:url("/bin/img/loading_bar.gif"); position:absolute; z-index:11; top:50%; left:50%; margin:-5px 0 0 -60px; }
.popmsg > .ximg { right:10px; top:10px; }
.popmsg a { color:#39F; }
.popmsg a:hover { color:#6BF; }


/* game shelf */

.shelf { position:relative; width:100%; overflow:hidden; }
.shelf a.trav {
	position:absolute; z-index:6; top:10px;
	width:25px; height:25px;
	padding: 0 !important;
	background-color: white !important;
	background-position: 10px 10px !important;
	border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
	opacity:.6;
}
.shelf a.trav:hover { opacity:1; }
.gameshelf > .container { /* Gameshelf with a container is horizontal scrolling */
	min-width:100%; height:245px;
	background:url("/bin/img/gameshelf_wood.jpg") repeat 0 0;
}
.shelf dl {
	float:left;
	position:relative; z-index:5;
	width:170px; height:245px;
	margin:0 30px 0 0;
}
.shelf dd { position:absolute; bottom:23px; margin:0; padding:15px 15px 0; }
.shelf dd a { display:block; text-decoration:none; }
.shelf dd .tn { display:block; width:140px; background-color:#222; overflow:hidden; }
.shelf dd .tn img { width:100%; }
.shelf dd .overlay { position:absolute; z-index:4; top:0; right:0; bottom:0; left:0; background-image:url("/bin/img/gamebox_overlay.png"); background-repeat:no-repeat; background-position:0 0; }
.shelf .jewelcase .tn { width:138px; height:130px; margin:0 0 1px 2px; }
.shelf .jewelcase .overlay { width:141px; top:13px; left:15px; background-image:url("/bin/img/jewelcase.png"); }
.shelf .ps .tn { height:137px; margin-bottom:0; margin-left:8px; }
.shelf .ps .overlay { top:-18px; background-image:url("/bin/img/shelf_ps.png"); }
.shelf .dc .overlay { background-image:url("/bin/img/shelf_dc.png") !important; }
.shelf .n3ds .overlay { top:-26px; left:3px; background-image:url("/bin/img/shelf_3ds.png"); }
.shelf .n3ds .tn { margin-bottom:4px; height:125px; background-color:#D7D7D7; }
.shelf .ds .overlay { top:-26px; left:3px; background-image:url("/bin/img/shelf_ds.png"); }
.shelf .ds .tn { margin-bottom:4px; height:125px; background-color:#313131; }
.shelf .ds .overlay { top:-26px; left:3px; background-image:url("/bin/img/shelf_ds.png"); }
.shelf .ds .tn { margin-bottom:4px; height:125px; background-color:#313131; }
.shelf .ps3 .overlay { top:-14px; left:3px; background-image:url("/bin/img/shelf_ps3.png"); }
.shelf .ps3 .tn { height:158px; margin-bottom:5px; }
.shelf .ps3 dt { width:146px; }
.shelf .psp .overlay { width:140px; height:210px; top:-1px; left:3px; background-image:url("/bin/img/shelf_psp.png"); }
.shelf .psp .tn { width:110px; height:190px; margin-bottom:4px; }
.shelf .xbox .overlay { left:3px; background-image:url("/bin/img/shelf_xbox.png"); }
.shelf .xbox .tn { height:198px; margin-bottom:4px; }
.shelf .wii .overlay { left:3px; background-image:url("/bin/img/shelf_wii.png"); }
.shelf .wii .tn { height:196px; margin-bottom:3px; }
.shelf .dvd .overlay { top:-8px; left:3px; background-image:url("/bin/img/shelf_dvd.png"); }
.shelf .dvd .tn { height:196px; margin-bottom:3px; }
.shelf .noimg a { text-decoration:none; }
.shelf .noimg a span { display:block; }
.shelf .game .noimg a { background-color:RGBA(255,255,255,.2) !important; height:136px; border:2px dashed RGBA(255,255,255,.5); }
.shelf .noimg .qmark { display:block; padding:30px 0; line-height:60px; text-align:center; font-weight:bold; font-size:90px; color:RGBA(255,255,255,.2); }
.shelf .screen .noimg .qmark { background-color:black; margin:25px 13px 0; padding:0; line-height:92px; }
.shelf .jewelcase .noimg { display:block; padding:8px 10px 0 20px; font:bold 16px Arial; color:white; }
.shelf .screen dd { background-image:none; padding:0; margin-top:102px !important; }
.shelf .screen dd a { position:relative; width:170px; height:120px; overflow:hidden; background-color:transparent; }
.shelf .screen dd a .overlay { position:absolute; z-index:4; top:0; left:0; width:170px; height:120px; background:url("/bin/img/shelf_screen.png") no-repeat 0 0; }
.shelf .iphone dd a .overlay { background:url("/bin/img/shelf_iphone_h.png") no-repeat 0 0; }
.shelf .n3dssystem dd a .overlay { background:url("/bin/img/shelf_3ds_system.png") no-repeat 0 0; }
.shelf .screen dd img { width:134px; margin:23px 0 0 18px; }
.shelf .iphone dd img { width:78px; margin:62px 0 0 46px; }
.shelf .n3dssystem dd img { width:80px; margin:56px 0 0 45px; }

.shelf dt {
	display:none;
	position:absolute; z-index:5; top:0; left:15px;
	width:140px;
	background:black;
}
.shelf ul { margin:6px 10px; padding:0; list-style:none; }
.shelf ul li { margin:0 0 4px; padding:0; font-size:12px; color:#CCC; }
.shelf h5 { margin:0; padding:0; font-weight:bold; font-size:13px; color:white; }
.shelf dt .speechpt { position:absolute; bottom:-5px; width:100%; height:5px; background:url("/bin/img/speech_point_black.png") no-repeat center bottom; }


/* AutoSuggest CSS - Version 1.2 */

ul.as-selections {
	list-style-type:none;
	border-top:1px solid #888;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:4px 0 4px 4px;
	margin:0;
	overflow:auto;
	background-color:#fff;
	box-shadow:inset 0 1px 2px #888;
	-webkit-box-shadow:inset 0 1px 2px #888;
	-moz-box-shadow:inset 0 1px 2px #888;
}

ul.as-selections.loading {
	background-color:#eee;
}

ul.as-selections li {
	float:left;
	margin:1px 4px 1px 0;
}

ul.as-selections li.as-selection-item {
	color:#2b3840;
	font-size:13px;
	font-family:"Lucida Grande", arial, sans-serif;
	text-shadow:0 1px 1px #fff;
	background-color:#ddeefe;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
	border:1px solid #acc3ec;
	border-top-color:#c0d9e9;
	padding:2px 7px 2px 10px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	box-shadow:0 1px 1px #e4edf2;
	-webkit-box-shadow:0 1px 1px #e4edf2;
	-moz-box-shadow:0 1px 1px #e4edf2;
}

ul.as-selections li.as-selection-item:last-child {
	margin-left:30px;
}

ul.as-selections li.as-selection-item a.as-close {
	float:right;
	margin:1px 0 0 7px;
	padding:0 2px;
	cursor:pointer;
	color:#5491be;
	font-family:"Helvetica", helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
	-webkit-transition:color .1s ease-in;
}

ul.as-selections li.as-selection-item.blur {
	color:#666666;
	background-color:#f4f4f4;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
	border-color:#bbb;
	border-top-color:#ccc;
	box-shadow:0 1px 1px #e9e9e9;
	-webkit-box-shadow:0 1px 1px #e9e9e9;
	-moz-box-shadow:0 1px 1px #e9e9e9;
}

ul.as-selections li.as-selection-item.blur a.as-close {
	color:#999;
}

ul.as-selections li:hover.as-selection-item {
	color:#2b3840;
	background-color:#bbd4f1;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5));
	border-color:#6da0e0;
	border-top-color:#8bb7ed;
}

ul.as-selections li:hover.as-selection-item a.as-close {
	color:#4d70b0;
}

ul.as-selections li.as-selection-item.selected {
	border-color:#1f30e4;
}

ul.as-selections li.as-selection-item a:hover.as-close {
	color:#1b3c65;
}

ul.as-selections li.as-selection-item a:active.as-close {
	color:#4d70b0;
}

ul.as-selections li.as-original {
	margin-left:0;
}

ul.as-selections li.as-original input {
	border:none;
	outline:none;
	font-size:13px;
	width:120px;
	height:18px;
	padding-top:3px;
}

ul.as-list {
	position:absolute;
	list-style-type:none;
	margin:2px 0 0 0;
	padding:0;
	font-size:14px;
	color:#000;
	font-family:"Lucida Grande", arial, sans-serif;
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	z-index:2;
	box-shadow:0 2px 12px #222;
	-webkit-box-shadow:0 2px 12px #222;
	-moz-box-shadow:0 2px 12px #222;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

li.as-result-item, li.as-message {
	margin:0 0 0 0;
	padding:5px 12px;
	background-color:transparent;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

li:first-child.as-result-item {
	margin:0;
}

li.as-message {
	margin:0;
	cursor:default;
}

li.as-result-item.active {
	background-color:#3668d9;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 64%, from(rgb(110, 129, 245)), to(rgb(62, 82, 242)));
	border-color:#3342e8;
	color:#fff;
	text-shadow:0 1px 2px #122042;
}

li.as-result-item em { 
	font-style:normal; 
	background:#444;  
	padding:0 2px;
	color:#fff;
}

li.as-result-item.active em { 
	background:#253f7a;  
	color:#fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	ul.as-selections {
		border-top-width:2px;
	}
	ul.as-selections li.as-selection-item {
		padding-top:3px;
		padding-bottom:3px;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-top:-1px;
	}
	ul.as-selections li.as-original input {
		height:19px;
	}
}

/* Opera Hacks  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	ul.as-list {
		border:1px solid #888;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-left:4px;
		margin-top:0;
	}
}

/* IE Hacks  */
ul.as-list {
	border:1px solid #888\9;
}
ul.as-selections li.as-selection-item a.as-close {
	margin-left:4px\9;
	margin-top:0\9;
}

/* Firefox 3.0 Hacks */
ul.as-list,  x:-moz-any-link, x:default { 
	border:1px solid #888;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
	border:none;
}


/* Autocomplete */

.ac_results {
	overflow:hidden;
	z-index:99999;
	margin:3px 0 0; padding:0px;
	background-color:#F5F5F5;
	border-radius:2px;
	box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.ac_results ul {
	width:100%;
	list-style:none;
	margin:0; padding:0;
}
.ac_results li {
	display:block;
	margin:0px; padding:3px 5px;
	cursor:pointer;
	border-top:1px solid #EEE;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width:100%;*/
	font-size:12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height:16px;
	overflow:hidden;
}
.ac_results li:first-child { border-top:none; }
.ac_results li strong { font-weight:normal; background-color:#FFFFB9; }
.ac_results li b strong { font-weight:bold; }
.ac_results li small { float:right; font-size:12px; color:#AAA; }
.ac_loading { background:white url('/bin/img/loading_arr_bbb.gif') right center no-repeat; }
.ac_odd {}
.ac_over { background-color:#39F;
	color:white !important; }
.ac_over strong { background-color:transparent !important; }
.ac_over SMALL, .ac_over .music I { color:#AAD5FF !important ; }
.ac_results .music { padding-right:11px; background:url("/bin/img/musicnote.png") no-repeat right center; }
.ac_results .music i { color:#666; }
.ac_over .music { background-image:url("/bin/img/musicnote_white.png"); }


/* BADGES */

.badge {}
.badgeearn {
	display:none;
	position:fixed; z-index:101; top:12%; left:50%;
	width:590px;
	margin:0 0 0 -280px;
	cursor:pointer;
}
.badgeearn > .container {
	padding:30px;
	text-align:center;
	background:url("/bin/img/decorative_bg.jpg");
	border-radius:5px;
}
.badgeearn .close { top:15px; right:15px; }
.badgeearn H5 { margin:0; padding:0; font-size:25px; }
.badge H6 { margin:15px 0 0; padding:0; font-size:45px; color:#666; }
.badgeearn .badgeimg { margin:15px 0 0; }
.badge big { display:block; margin:15px 0 0; font-size:21px; }
.badge .message { margin:15px 0 0; font-size:15px; color:#333; }
.badge .value { color:black; padding-left:21px; background:url("/bin/img/icons/gold.png") no-repeat left center; }
.badge .silver { background-image:url("/bin/img/icons/silver.png"); }
.badge .bronze { background-image:url("/bin/img/icons/bronze.png"); }

ul.badges { margin:0; padding:0; list-style:none; }
.badges li { margin:0; padding:0; float:left; }
.badges li a { display:block; padding:8px; }
.badges li a:hover { background-color:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.showbadge {}
.showbadge h6 { margin:0 0 0 165px !important; }
.showbadge big { margin:10px 0 0 165px; font-size:30px; }
.showbadge .message { margin:10px 0 0 165px; font-size:21px; color:#777; }
.showbadge .badgeimg { float:left; }
.showbadge small { display:block; margin:10px 0 0 165px; font-size:14px; color:#555; }
.showbadge + .clear { clear:left; height:15px; }
.showbadge .value { color:#333; }

/* IMG */

.imgframe {
	display:none;
	position:fixed; z-index:99; top:0; left:0;
	width:100%; height:200px;
	background-color:#333; background:RGBA(0,0,0,.97);
	color:white;
	box-shadow:0 0px 5px 0px rgba(0,0,0,.5);
}
.imgframe > .loading { display:none; width:120px; height:10px; background:url("/bin/img/loading_bar.gif"); position:absolute; z-index:11; top:50%; left:50%; margin:-5px 0 0 -60px; }
.imgframe > a.close { position:absolute; z-index:3; bottom:-26px; right:0; padding:0 1em; line-height:26px; background-color:#DE1212; color:white; text-decoration:none; }
.imgframe > a.close .arrow { width:8px; height:6px; margin:0 0 1px; background-position:-20px -18px; }

.imgframe ul.nav { position:absolute; z-index:1; left:0; right:0; margin:0 20px; padding:0; list-style:none; }
.imgframe ul.nav li { float:left; margin:0 10px 0 0; padding:0; }
.imgframe ul.nav li > * { display:block; margin:0; padding:0 10px; line-height:23px; font-size:12px; background-color:#111; }
.imgframe ul.nav li > a { text-decoration:none; }

#insimg > .nav { top:163px; }
#insimg > .nav li > a { color:white; }
#insimg > .nav li > a:hover { background-color:#ccc; color:black; }
#insimg > .nav li.on > a { color:black !important; background-color:white !important; }
#insimg > .nav li > h6 { font-weight:bold; }
#insimg > .nav li > h6 .arrow { width:5px; height:8px; margin:0 0 0 5px; background-position:-11px -21px; }
#insimg-nav-search.on > a { display:none; }
#insimg-nav-search.on > form { display:block; }
#insimg-nav-search > form { display:none; padding:0; }
#insimg-nav-search .tt.foc { opacity:.6 !important; }

#insimg-frame {}
#insimg-frame .frame { height:140px; padding:20px; width:100%; }

#uplimg-editconsole { position:fixed; z-index:99; top:-10px; left:50%; width:560px; margin-left:-280px; }
#uplimg-editconsole > .container { padding:35px 50px; background-color:#EBF4FA; border-radius:5px; border:1px solid rgba(0,0,0,.2); box-shadow:-1px 1px 2px rgba(0,0,0,.2); background:#EBF4FA url("/bin/img/noisy_bg_blue.png"); }
#uplimg-editconsole .img { position:relative; float:left; width:140px; border:1px solid rgba(0,0,0,.1); }
#uplimg-editconsole .img img { max-width:140px; }
#uplimg-editconsole .img.loading img { opacity:.7; }
#uplimg-editconsole .img .loading { display:none; width:22px; height:22px; position:absolute; top:50%; left:50%; margin:-11px 0 0 -11px; background:white url("/bin/img/loading-arrows-small.gif") no-repeat center center; border-radius:30px; }
#uplimg-editconsole .img.loading .loading { display:block !important; }
#uplimg-editconsole .tape { position:absolute; top:-13px; left:20px; width:99px; height:26px; background:url("/bin/img/tape.png"); opacity:.7; }
#uplimg-editconsole .pgfold { position:absolute; left:-9px; bottom:-15px; width:159px; height:27px; background:url("/bin/img/pagefold_140.png"); }
#uplimg-editconsole form > ul > li { margin:0 5px 10px 0; }
#uplimg-editconsole form input[type='text'], #uplimg-editconsole form textarea, #uplimg-editconsole form select { border-color:#ddd #eee #eee #ddd; background:white; font-size:12px; font-family:arial; }

#insimg ul.imgslist { height:100px; margin:0; padding:0 0 0 20px; list-style:none; }
.imgslist li { position:relative; margin:0 10px 0 0; padding:0; width:100px; height:100px; float:left; text-decoration:none; border:2px solid #000; opacity:.8; }
.imgslist li:hover { opacity:1; }
.imgslist .caption { display:none; position:absolute; bottom:0; left:0; width:100px; height:18px; overflow:hidden; text-align:center; line-height:18px; font-size:11px; background:RGBA(255,255,255,.95); color:black; }
.imgslist li:hover .caption { display:block; }
.imgslist .num { position:absolute; top:-5px; right:-5px; background-color:white; color:black; font-size:11px; font-weight:bold; border-radius:20px; line-height:18px; width:18px; text-align:center; box-shadow:-1px 1px 1px RGBA(0,0,0,.8); }
.imgslist label { display:block; width:100px; height:100px; }
.imgslist label input { margin:0; padding:0; position:absolute; top:0; right:0; }
.imgslist-nav { margin-top:10px !important; }
.imgslist-nav li a { background-color:white; }
.imgslist-nav li a .arrow { width:4px; margin:0 5px 0 0; background-position:0 -29px; }

ul.imginslist { margin:0 0 0 30px; padding:0; }
.imginslist li { position:relative; width:100px; height:100px; margin:0 0 9px 9px; padding:0; list-style:none; float:left; }
.sessionlist li { cursor:pointer; }
.imginslist dt { position:absolute; bottom:0; width:90px; overflow:hidden; margin:0; padding:1px 5px; background:url("/bin/img/thickbox_caption_bg.png"); font-size:12px; color:white; }
.imginslist dd { margin:0; padding:0; }

#insimg-code { display:none; top:210px; left:50%; width:800px; margin:0 0 0 -400px; padding:20px; max-height:50%; overflow:auto; } /* .popmsg */
#insimg-code input, #insimg-code select, #insimg-code textarea { background-color:white; border-width:0; }
#insimg-code h5 { margin-top:0; padding-top:0; font-size:15px; font-weight:bold; color:white; }
#insimg-code h6 { margin:15px 0 5px; padding:3px 0 0; border-top:1px solid white; font-weight:bold; color:white; font-size:15px; }
#insimg-gencode { float:left; width:315px; }
#insimg-gencode dl { margin:0; padding:0; }
#insimg-gencode dt { margin:0 0 5px;line-height:22px; float:left; clear:left; color:#CCC; }
#insimg-gencode dd { margin:0 0 5px; padding:0; }
#insimg-code .codeframe { margin:0 0 0 335px; }
#insimg-code .codeframe button { margin:5px 0 0; }
#insimg-gencode-preview .imguplwrapper { position:relative; }
#insimg-gencode-preview .imguplwrapper a.rm { display:none; }
#insimg-gencode-preview .imguplwrapper:hover a.rm { display:block; }
#insimg-gencode-preview .thumbnail { overflow:visible !important; }

/* LIGHTBOX */

a.imgupl{ cursor:-moz-zoom-in; }
#lightbox{ overflow:hidden; }
#lightbox .close { position:fixed; z-index:101; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }
#lightbox .close span {
	display:block;
	position:absolute; top:0; right:0;
	height:20px;
	padding:15px 28px 15px 15px;
	font-weight:bold; font-size:16px; color:white; text-decoration:none;
	background:url("/bin/img/x_small_white.png") no-repeat 84% center;
	cursor:pointer;
}

#lightbox-img {
	position:absolute; z-index:102; left:160px;
}
#lightbox-img > .container { padding:20px; }
#lightbox-img img.scaled { max-width:800px; cursor:pointer; cursor:-moz-zoom-in; }
#lightbox-img img.full { cursor:pointer; cursor:-moz-zoom-out; }

#lightbox-label {
	position:fixed; z-index:102; top:20px; left:20px;
	width:140px;
	font-size:12px; color:#AAA; text-align:right;
}
#lightbox-label > ul { margin:-10px 0 0; padding:0; list-style:none; }
#lightbox-label > ul > li { margin:0; padding:10px 0; overflow:hidden; }
#lightbox-label h5{ margin:0; padding:0; font-size:14px; font-weight:bold; }
#lightbox-label h6 { margin:0; padding:0; font-size:13px; font-weight:bold; }
#lightbox-label .h { color:white; }
#lightbox .taglist * { line-height:normal !important; }
#lightbox .taglist a.rm { right:auto; left:2px; }
#lightbox .taglist .tag-link { margin-right:0; margin-left:8px; }
#lightbox .taglist .tag-wrap { padding-right:0; padding-left:4px; background-position:left center; }
#lightbox .taglist li { margin-right:0; margin-left:7px; }
#lightbox .tagspace { width:136px; }
#lightbox .tt { display:none !important; }
#lightbox input[type="text"] { background-color:white; border-color:#AAA; }

#lightbox.loading .container img { opacity:.5; }
#lightbox.loading + #lightbox-img { opacity:.3 }

#lightbox-nav > * { position:fixed; z-index:103; bottom:20px; left:0; }
#lightbox-nav span { width:75px; margin-left:85px; }
#lightbox-nav span a { display:block; float:left; width:20px; height:20px; overflow:hidden; text-indent:999px; background:url("/bin/img/sprites_img.png") no-repeat -28px 3px; opacity:.5; }
#lightbox-nav span a:hover { opacity:.8; }
#lightbox-nav span a:first-child { float:right; background-position:-58px 3px; }
#lightbox-nav span i { display:block; height:20px; margin:0 20px; text-align:center; color:white; }
#lightbox-nav div { left:180px; height:20px; }
#lightbox-nav ul { width:100%; padding:0; list-style:none; }
#lightbox-nav li { float:left; }
#lightbox-nav li a { display:block; width:20px; height:20px; overflow:hidden; margin-top:-2px; text-indent:-500px; background:url("/bin/img/sprites_img.png") no-repeat 5px 5px; opacity:.2; }
#lightbox-nav li a:hover { opacity:.6; }
#lightbox-nav li.on a { opacity:1 !important; }

/* TAGS */

ul.taglist, .taglist li { margin:0; padding:0; list-style:none; font-size:12px; line-height:18px; color:#999; }
.taglist li { display:inline-block; position:relative; margin-right:7px; }
.taglist .tag-wrap { position:relative; padding-right:4px; background:url("/bin/img/bullet.png") no-repeat right center; }
.taglist.hov .rmable .tag-wrap{ background-image:none; }
.taglist .tag-link { margin-right:9px; word-wrap:break-word; }

.taglist.nohov a.tag-link { color:#888; text-decoration:none; }
.taglist.nohov a.nocoverage { color:#AAA; text-decoration:line-through; }

.taglist .albumlink { margin-right:5px; }

.taglist a.rm {
	position:absolute; top:0; right:2px;
	display:none;
	height:15px; width:8px; overflow:hidden; text-indent:500px;
	background:url("/bin/img/sprites_tags.png") no-repeat 0 5px;
}
.taglist.hov .rmable a.rm { display:block; }
.taglist.hov .rmable a.rm:hover { background-position:0 -35px; }

.taglist .removed .tag-link { text-decoration:line-through !important; opacity:.5; color:#888; }

.taglist.hov a.suggtaglink { color:#44AF41; }
a.suggtaglink { text-decoration:none; }
a.suggtaglink b { font-size:14px; font-weight:bold !important; line-height:14px; }

.suggestedtag a.chbox { padding-left:18px !important; }
.suggestedtag a.chbox .inp { left:0 !important; }
.suggestedtag dfn { font-style:normal; }

.tagspace {
	display:none;
	width:230px; height:25px;
	position:relative;
	margin:5px 0 0;
}
.tagspace .container {}
.tagspace form {}
.tagspace INPUT[type='text'] {
	width:100%;
	margin:0 !important;
}
.tagspace .ac_loading { background-position:145px center !important; }
.tagspace INPUT[type='submit'] {
	position:absolute; z-index:1; top:0; right:-5px;
	height:24px;
	margin:0; padding:0 10px;
	font-size:14px; font-weight:bold; line-height:22px;
	border-radius:0 2px 2px 0;
}
.tagspace .tt { padding:3px 6px; }

.taga {
	padding: 25px;
	background: #fcc73a url(/bin/img/gradient_yellow_med.png) repeat-x 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: #faf28f #F9C848 #F9C848 #faf28f;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.taga > .container {
	padding: 15px;
	background-color:white;
	border-width: 1px;
	border-style: solid;
	border-color: #F9C848 #faf28f #faf28f #F9C848;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.taga H6 { margin:0; padding:0; font-weight:bold; font-size:15px; color:#888; }
.taga P { margin:5px 0 0; padding:0 0 0 11px; background:url(/bin/img/arrow-small-gray-right.png) no-repeat 0 3px; }
.taga .taglist { padding:7px 10px; background-color:#EEE; font-size:14px; }


/* jGrowl */

div.jGrowl { padding:10px; position:absolute; z-index:9999; top:25px; right:0px; color:#fff; font-size:12px; }
body > div.jGrowl { position:fixed; }
div.jGrowl.top-left { top:25px; left:0px; }
div.jGrowl.bottom-left { left:0px; bottom:0px; }
div.jGrowl.bottom-right { right:0px; bottom:0px; }
div.jGrowl.center { top:0px; width:50%; left:25%; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	display:none;
	width:235px;
	margin:5px 0; padding:10px;
	text-align:left;
	background-color:black;
	opacity:.85;
	-moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:1px 1px 2px -1px black; -moz-box-shadow:1px 1px 2px -1px black; -webkit-box-shadow:1px 1px 2px -1px black;
}
div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index:99; float:right; cursor:pointer; }
div.jGrowl div.jGrowl-closer {
	padding-top:5px;padding-bottom:5px;
	cursor:pointer;
	font-size:11px;
	text-align:center; text-transform:uppercase;
}

/** POSTS **/

.posts { position:relative; }

.posts aside {
	min-height:18px;
	margin:0; padding:20px 0 0;
	font-size:14px;
	background:url("/bin/img/dotline_x.png") repeat-x top;
}
.posts aside h5 { float:left; width:140px; margin:0; padding:0; font-size:14px; font-weight:bold; }
.posts aside nav { float:right; width:300px; margin-top:-4px; }
.posts aside h6 { float:left; width:140px; text-align:right; margin:5px 0 0; padding:0; font-weight:normal; }
.posts aside ul {
	margin:0 0 0 160px; padding:0;
	list-style:none;
	background-color:rgba(0,0,0,.1);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.posts aside ul li { display:inline-block; margin:0; padding:0 9px; color:#999; line-height:26px; }
.posts aside ul li.next { float:right; }
.posts aside ul li > a, .posts aside ul li > span {}

.posts aside .opts {
	margin:0 200px 0 160px;
	color:#CCC;
}
.posts aside .opts a.addpost { text-decoration:none; }

#postsqueryparams dl { margin:0 padding:0; color:black; }
#postsqueryparams dt { float:left; clear:left; margin:4px 0 4px; padding:0; }
#postsqueryparams dd { margin:8px 0 8px 90px; padding:0; }
#postsqueryparams dd + dd { margin-top:-6px; }

.posts aside + * { margin-top:20px; }
.postlist {}
.postlist .clear { clear:both; height:15px; }
.postlist > DL {
	position:relative;
	margin:0 0 20px; padding:20px 0 0;
	background:url("/bin/img/dotline_x.png") repeat-x top;
}
.postlist > dl.hov {}
.postlist > dl > dt { display:none; }
.postlist > dl.closed { margin:0; padding:5px 0 5px 160px; }
.postlist > dl.closed > dt { display:block; }
.postlist > dl > dt > a {
	display:block;
	margin:0; padding:10px 0 10px 23px;
	text-decoration:none;
	background-repeat:no-repeat; background-position:left center;
}
.postlist > DL.closed > dt .description { display:inline; font-size:14px; text-decoration:underline; }
.postlist > DL.closed > dt time { position:absolute; right:800px; color:#888; text-decoration:none; font-style:italic; }
.postlist > DL.closed > dd { display:none; }

.postlist > dl > dd { margin:0; padding:0; }
.postlist dd.listitem { width:620px; min-height:91px; margin-left:160px; }
.postlist dd.det {
	position:absolute; z-index:10; right:0; top:20px;
	width:140px;
	font-size:12px; color:#AAA;
}
.postlist .det UL { margin:0; padding:0; list-style:none; height:}
.postlist .det LI { margin:0; padding:0; float:left; }
.postlist .det li.posted { float:none; margin-bottom:10px; }
.postlist .det A, .postlist .det time { text-decoration:none; color:#333; }
.postlist .det A:HOVER { text-decoration:underline; }
.postlist .det A.discuss {
	position:relative;
	display:block;
	margin:-2px 10px 0 0; padding:2px 6px;
	background-image:url(/bin/img/speechbubble_white.png);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.postlist .det a.discuss SPAN { position:absolute; bottom:-5px; left:10px; width:10px; height:5px; background:url(/bin/img/speechbubble_white.png) no-repeat center -244px; }
.postlist .det a.permalink { text-decoration:none; visibility:hidden; }
.postlist dl.hov .det .permalink { visibility:visible; }
.postlist .poll {
	margin:10px 160px 0;
	font-size:12px; color:#999;
}
.postlist .tags { position:absolute; right:0; top:50px; width:300px; }

.posts .hrate {}
.postlist .hrate { position:absolute; z-index:11; right:0; bottom:0; }
.posts .hrate.hov {}
.posts .hrate.disabled {}
.posts .hrate.disabled A {}
.posts .hrate .loading A, .posts .hrate .loading SPAN { opacity:.3; }
.posts .hrate a {
	float:left;
	display:block;
	width:14px;
	font-weight:bold; font-size:16px;
	text-decoration:none; text-align:center;
	line-height:14px;
	color:#70C563;
	opacity:.7;
}
.posts .hrate a.hrate-minus { color:#E74141; }
.posts .hrate A:HOVER { opacity:1; }
.posts .hrate A:first-child:HOVER {  }
.posts .hrate SPAN {
	display:block;
	float:left;
	padding:0 0 0 3px;
}
.posts .hrate SPAN IMG { margin:0 1px 0 0; }

.posts .share { margin:8px 0 0; }
.postlist .share { display:block; width:70px; margin:0; position:absolute; z-index:11; right:70px; bottom:0; }
.postlist .share a { color:#333; }
.postlist .nohov .share { display:none; }
.postlist .shareconsole { display:none; position:absolute; left:0; bottom:0; width:140px; height:95px; background-color:white; box-shadow:1px 1px 1px 1px RGBA(0,0,0,.1); border-radius:2px; }

.postlist > i.null { display:block; margin:0 0 20px 160px; }

.posts .item .heading {
	margin:0 0 3px !important; padding:0 !important;
	font-weight:normal !important; font-size:21px !important;
	border-width:0 !important;
}
.posts .item .subheading {
	font-size:14px;
	line-height:1.5em;
}
.posts .item .subheading H5 {
	margin:6px 0 0; padding:0;
	font-weight:bold; font-size:15px; color:#666;
}
.posts .item .subheading H6 {
	margin:6px 0 0; padding:0;
	font-weight:bold; font-size:14px; color:#333;
}
.posts .item .subheading p {
	margin:6px 0 0;
}
.posts .item IMG { max-width:100%; }
.posts .item blockquote { margin:0; padding:0; color:#666; background:url("/bin/img/quote_sm.png") no-repeat 0 6px; text-indent:18px; line-height:1.5em; }
.posts .item .subheading .gallery { margin:0; padding:6px 0 0; }
.posts .item .subheading * + .gallery { padding-top:10px; }
.posts .item .headingimg {
	float:left;
	margin:2px 10px 0 0;
	border:1px solid #CCC;
}
.posts .item .headingimg img { margin:2px; }

.posts .star-rating {
	display:block;
	float:left;
	width:78px;  height:16px; 
	margin:0 2px 0 0;
	background:url("/bin/img/star_rating_.png") no-repeat -3px -16px;
}

.posts .text-tag {
	display:block;
	float:left;
	margin:6px 9px 0 0; padding:0 11px;
	line-height:33px;
	font-weight:bold; font-size:15px; color:#888;
	background:#DDD; background-color:RGBA(0,0,0,.06);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.posts .text-tag .img {
	display:block;
	width:16px; height:33px; overflow:hidden; text-indent:-500px;
	background-repeat:no-repeat; background-position:center center;
}
.posts .text-tag .star-rating { margin:8px 0; }
.posts .text-tag a { text-decoration:none;  color:#888; }
.posts cite.inlinecite { font-style:normal; color:#AAA; }
.posts .inlinecite A { color:#888; }
.posts .heading A { color:black; text-decoration:none; }

.postlist .type-text {}
.posts .type-text .heading {}
.posts .type-text .heading A:HOVER { text-decoration:underline; }
.posts .type-quote {}
	.postlist .type-quote {}
	#forum .type-quote {}
	.posts .type-quote .quote-container {
		position:relative;
		padding:0 0 14px 0;
	}
	.posts .type-quote blockquote {
		margin:0; padding:0;
		font-size:25px; font-family:Georgia; font-style:italic; line-height:122%; color:#444;
		text-indent:20px;
	}
	.posts .type-quote blockquote .qmarks {
		position:absolute; z-index:1; top:6px; left:0;
		display:block;
		width:12px; height:9px; overflow:hidden; text-indent:-500px;
		background:url("/bin/img/quote_sm.png") no-repeat 0 0;
	}
	.posts .type-quote BLOCKQUOTE.shortquote { font-size:40px; line-height:110%; }
	.posts .type-quote BLOCKQUOTE.medquote { font-size:30px; line-height:115%; }
	.posts .type-quote BLOCKQUOTE.longquote { font-size:20px; line-height:130%; }
	.posts .type-quote BLOCKQUOTE I, .posts .type-quote BLOCKQUOTE EM { font-style:normal; }
	.posts .type-quote .quoter { margin:5px 0 0; font-size:15px; color:#777; line-height:20px; }
.postlist .type-link {}
	.posts .type-link .heading { font-size:18px; }
	.posts .type-link .heading a { color:#06C; text-decoration:underline; padding-right:10px; background:url("/bin/img/arrow-link.png") no-repeat right 5px; }
	.posts .type-link .heading a:hover { color:#39F; background-position:right -45px; }
	.posts .type-link .heading a span {}
	.posts .type-link .subheading { margin:3px 0 0; }
.postlist .type-image {}
	.posts .type-image .subheading { margin:5px 0 3px 0; }
	.posts .type-image img { box-shadow:1px 1px 4px #BBBBBB; -moz-box-shadow:1px 1px 4px #BBBBBB; -webkit-box-shadow:1px 1px 4px #BBBBBB; }
	.posts .type-image .img a:hover img { box-shadow:1px 1px 4px #888; -moz-box-shadow:1px 1px 4px #888; -webkit-box-shadow:1px 1px 4px #888; }
	.postlist .gallery > .container { padding:0 !important; border-width:0 !important; }
	.posts .type-image .thumbnail { clear:none !important; margin:0 !important; }
	.posts .type-image .thumbnail > .container { border:none !important; margin:0 !important; padding:0 !important; max-width:620px; }
.postlist .type-video { min-height:91px; }
.posts .type-video .subheading {}
	
.posts H2 {
	font-size:21px;
	color:#BBB; }
.posts H2 SELECT {
	font-size:13px;
	font-family:Arial;
	border-width:1px;
	border-style:solid;
	border-color:#888 #BBB #BBB #888; }

a.himgtn, a.video-tn { display:block; position:absolute; left:0; top:20px; opacity:.95; }
a.video-tn .play {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	background:url("/bin/img/video_overlay.png") no-repeat 50% 50%;
}
a.himgtn .pgfold, a.video-tn .pgfold { position:absolute; left:-9px; bottom:-15px; display:block; width:159px; height:27px; background:url("/bin/img/pagefold_140.png"); }
a.himgtn:hover, a.video-tn:hover { opacity:1; }

.himg { display:block; margin-bottom:10px; position:relative; }
.himg img { max-width:100%; }
.himg .pgfold { position:absolute; left:-9px; bottom:-15px; display:block; width:639px; height:27px; background:url(/bin/img/pagefold_620.png); }

p + p + blockquote { clear:left; }UL.posts-shortlist {
	padding:0;
	list-style:none;
}

.posts A.pglink { text-decoration:none; }
.posts A.pglink:HOVER { text-decoration:underline; }

UL.posts-shortlist LI {
	margin:6px 0 !important;
	padding-left:20px !important;
	background-position:0 0 !important;
	background-repeat:no-repeat;
}
.posts-shortlist .date { color:#999; font-style:italic; }
.posts-shortlist + .more { padding:0 0 0 20px; }

/* article */

#article-left {
	position:relative;
	float:left;
	width:780px;
	padding-top:55px; /*make room for date & rating */
}
#article-right {
	float:right;
	width:140px;
}

#post-article { position:relative; margin:0 0 0 160px; }
#post-article H1 {
	margin-bottom:.5em !important;
	font:bold 30px Helvetica !important;
	letter-spacing:-1px;
	line-height:34px !important;
}
#post-article H1 A { text-decoration:none !important; }
#post-article H5 {
	margin:1em 0 .5em;
	padding:0 0 10px;
	font-weight:bold;
	font-size:19px;
	color:#444;
	border-bottom:1px solid #CCC;
}
#post-article H6 {
	margin:1em 0 .5em;
	padding:0;
	font-weight:bold;
	font-size:16px;
	color:#777;
}
#post-article .himgtn { top:4px; left:-160px; }
#post-article .expanded-text { font-size:14px; }
#post-article .expanded-text .thumbnail { margin:12px 20px 15px 0; }
#post-article .expanded-text .thumbnail.left { margin-left:-160px; }

.posts .expanded-text P, .posts .expanded-text UL, .posts .expanded-text OL, .posts .expanded-text BLOCKQUOTE {
	margin:1em 0 .5em;
	line-height:1.5em;
}

.expanded-text BLOCKQUOTE {
	margin-left:0;
	padding-left:40px;
	color:#555;
	background:url(/bin/img/blockquote.png) no-repeat 0 0;
	min-height:2em;
}
.expanded-text DL { line-height:1.5em; }
.expanded-text DT { margin:5px 0 3px; font-weight:bold; font-size:110%; }
.expanded-text DD { margin:0 0 3px 40px; }
.expanded-text DD P { margin:3px 0 0; }

H2#article-postdate {
	position:absolute; top:0; left:0;
	width:620px;
	margin:0; padding:0 160px 20px;
	border-width:0;
	font-size:12px;
	color:#CCC;
	background:url("/bin/img/dotline_x.png") repeat-x bottom;
}
#article-postdate .nav { display:block; float:left; width:50px; margin-left:-70px; text-align:right; }
.article-trav {
	padding:0 8px !important;
	background-color:#EEE !important;
	background-position:5px 5px !important;
	border-radius:8px;
}
A.article-trav:HOVER {
	background-color:#DDD !important;
}
	
#post-article .sources { margin-bottom:20px; }

.posts #poll {
	margin:20px 0 0 160px;
	padding:15px;
	border:3px solid #CCC;
	background-color:white;
}
	.posts #poll h4 { margin:0; padding:0; font-weight:normal; font-size:15px; color:#666; }
	.posts #poll h4 B { color:#333; }
	.posts #poll OL { margin:5px 0 10px 0; padding:0; border-top:1px solid #DDD; list-style:none; }
	.posts #poll OL LI { position:relative; margin:0; padding:5px; border-bottom:1px solid #DDD; }
	.posts #poll OL LI LABEL { position:relative; z-index:2; color:black; }
	.posts #poll OL LI INPUT { margin:0; vertical-align:middle; }
	.posts #poll.hideres .res { display:none; }
	.posts .poll-data { float:right; position:relative; z-index:2; }
	.posts .poll-data .data { float:right; display:block; width:45px; text-align:right; }
	.posts .poll-bg { position:absolute; z-index:0; top:0; bottom:0; left:0; display:block; background:#E1F3FA none repeat scroll 0 0; }
	.posts #poll .yourvote { background:url("/bin/img/check_15.png") no-repeat 0 50%; color:#61BE6F; padding-left:17px; white-space:nowrap; }
	
#article-right a { text-decoration:none; }
#article-right UL { margin:57px 0 0; padding:0; list-style:none; }
#article-right UL LI {
	margin:0 0 10px; padding:0;
	font-size:12px;
}

#article-bottom { margin:20px 0 0; padding:20px 0 0; background:url("/bin/img/dotline_x.png") repeat-x top; }
#article-bottom #tags { margin:0 160px 0 160px; }
#article-bottom .hrate { width:140px; float:right; }
#article-bottom .fblike { margin:20px 0 0 160px; }

/* special styles for article items */

#galleryspace { margin:0 0 30px; }
#galleryspace A.fsimg { display:block; background-color:black; text-align:center; }
#galleryspace A.fsimg IMG { background-color:black; max-width:965px; }
#galleryspace A.fsimg + DIV {
	padding:5px 10px;
	background-color:black;
	font-size:110%;
	color:white;
	text-align:center;
}
#galleryspace A.fsimg + DIV A {
	display:block;
	width:26px;
	height:26px;
	margin:-5px -10px;
	background-color:#111;
	background-repeat:no-repeat;
	background-position:10px 10px;
	text-indent:-500px;
	overflow:hidden;
}
#galleryspace A.fsimg + DIV > A:HOVER { background-color:#333; }