
/**
*
*  ------------------------------------------------------
*
*  00. reset css
*  01. global styles
*  02. #head
*  03. #content
*  04. #links
*  05. #bottom
*  06. #footer
*
*  ------------------------------------------------------
*
*/

/* 00. reset css
   ------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; font-style:normal; vertical-align:baseline; background:transparent;
}
ol, ul {list-style:none}
a, a:hover {text-decoration:none;}

/* 01. global styles
   ------------------------------------------------------- */
html, body {min-width:980px; font:8pt Tahoma,Verdana,Arial,serif; color:#000; background:#DFE4E7;}
a {color:#000;}
a:hover {color:#F58220;}
.both {display:block; clear:both;}

/* 02. #content
   ------------------------------------------------------- */
#content {width:960px; margin:0 auto; padding:0 10px 10px; background:#FFF;}

/* 03. #links
   ------------------------------------------------------- */
#links {width:960px; margin:10px auto 0; padding:10px 0 16px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
#links h4 {color:#000; font-weight:bold; padding:6px 0;}
#links p {line-height:1.3em; text-align:justify;}
#links p a {color:#464646;}
#links p a:hover {color:#000; text-decoration:underline;}

/* 04. #bottom
   ------------------------------------------------------- */
#bottom {position:relative; width:960px; overflow:hidden; margin:14px auto 0; padding:6px 0; background:#343A3E url('/i/bottom-bg.gif') no-repeat 0 0;}
#bottom span.f1 {z-index:20; display:block; width:960px; height:6px; position:absolute; left:0; bottom:0; background:url('/i/bottom-bg.gif') no-repeat -960px 0;}
#bottom span.f0 {z-index:10; display:block; width:956px; height:202px; position:absolute; left:2px; top:2px; background:url('/i/bottom-bg2.png') repeat-x 0 0;}
#bottom ul.r {position:relative; z-index:40; display:table; padding:18px 14px 18px 6px; background:url('/i/bottom-bg.gif') repeat-y -1920px 0;}
#bottom ul.r li {display:table-cell; width:220px; padding-left:14px; border-right:1px solid #70797F; border-left:1px solid #303A3F;}
#bottom ul.r li.first {border-left:0;}
#bottom ul.r li.last {border-right:0;}
#bottom h4 {margin-bottom:6px;}
#bottom h4, #bottom h4 a {color:#F69222; font-weight:bold;}
#bottom h4 a:hover {text-decoration:underline;}
#bottom ul.r li ul {line-height:1.5em;}
#bottom ul.r li ul li {display:block; border:0; width:auto; padding:1px 8px 1px 10px; background:url('/i/list-bottom.gif') no-repeat 0 center;}
#bottom ul.r li ul a {color:#FFF;}
#bottom ul.r li ul a:hover {text-decoration:underline;}

/* 05. header
   ------------------------------------------------------- */
#header {position:relative; width:100%; height:159px; background:#FFF; border-bottom:1px solid #D4D6D7; z-index:500 !important;font-size: 9pt;}
#head {position:relative; width:100%; height:99px; background:#2D3539 url('/i/header-fotter-bg.png') repeat-x 0 -34px; border-bottom:1px solid #3B4951;}
#head h1 {position:absolute; top:18px; left:50%; margin-left:-471px;}
#head h1, #head h1 a {width:215px; height:68px;}
#head h1 a {display:block; text-indent:-9999px; background:url('/i/logo.png') no-repeat 0 0;}
#header.dark h1 a {background:url('/i/logo-dark.png') no-repeat 0 0;}

#session {position:absolute; top:10px; right:50%; color:#FFF; font-size:8pt; margin-right:-470px; text-align:right;}
#session legend, #session h4 /* ie7 fix */ {text-transform:lowercase; padding:3px 10px 0 0;}
#session form {display:block; float:left;}
#session p, #session legend, #session h4 /* ie7 fix */ {float:left;}
#session p.reg {clear:both; padding:7px 0 0 0;}
#session p.reg a {color:#FFF; padding:0 6px;}
#session label {display:none;}
#session p.rem label {display:inline; cursor:pointer;}
#session p.rem {padding-top:3px;}
#session input, #session label {float:left; margin-right:3px;}
#session input[type=text], #session input[type=password] {background:#B4B7B8; color:#2E3539; width:100px; font-size:8pt; padding:2px 6px;}
#session input[type=text]:focus, #session input[type=password]:focus {background:#FFF;}
#session input[type=submit] {content:' '; margin:3px 3px 0 6px; text-indent:-9999px; width:13px; height:13px; background:#F58020 url('/i/header-icons.png') no-repeat 0 -74px; cursor:pointer;}
#session input[type=submit]:hover {background-position:0 -87px;}
#session input[type=submit]:active {background-position:0 -100px;}
#session p a.facebook {display:block; float:left; margin:2px 10px 0 0; text-indent:-9999px; line-height:9em; width:16px; height:16px; background:#516D88 url('/i/header-icons.png') no-repeat 0 -26px; overflow:hidden;}
#session p a.facebook:hover {background-position:0 -42px;}
#session p a.facebook:active {background-position:0 -58px;}
#header.dark #session {color:#0F0F0F;}
#header.dark #session a {color:#0F0F0F;}
#session.logged {padding:8px 10px 8px; border-bottom:1px dotted #464D52; border-top:1px dotted #464D52;}
#session.logged span {padding:0 10px; color:#464D52;}
#session.logged a {color:#E78B0D;}

#search {position:absolute; top:57px; right:50%; margin-right:-470px;}
#search label, #search legend {position:absolute; left:-9999px; top:-9999px;}
#search p {display:inline;}
#search input[type=text] {width:314px; padding:6px 8px 10px; color:#2E3539; background:#FFF url('/i/icons-1.png') no-repeat 260px -116px; font-size:8pt; float:left; margin-right:2px;}
#search input[type=submit] {color:#FFF; cursor:pointer; padding:4px 10px 10px; float:left; text-shadow:0 1px #D86A15; background:#F6861F url('/i/header-fotter-bg.png') repeat-x 0 -2px;}
#search input[type=submit]:hover {background:#F99E21;}
#search input[type=submit]:active {background:#E0711A;}
#search form {height:25px; background:#CDD1D7; border:2px solid #CDD1D7; overflow:hidden; border-radius:5px;}

#menu {position:relative; width:100%; height:28px; margin-top:-1px; overflow:hidden; background:#30393E;}
#menu h5 {display:none;}
#menu ul {position:absolute; left:50%; top:0; display:table; margin-left:-480px; width:960px; height:27px;}
#menu ul li {display:table-cell; border-top:1px solid #60676B; height:28px; border-right:1px solid #4E555A;}
#menu ul li a {display:block; padding:0 10px; text-align:center; line-height:2.2em; color:#FFF; text-decoration:none;}
#menu ul li.home {border-left:1px solid #4E555A; width:50px;}
#menu ul li.home a {display:block; width:50px; padding:0; height:28px; text-indent:-9999px; overflow:hidden; background:url('/i/header-icons.png') no-repeat 17px 4px;}
#menu ul li.home a:hover {opacity:0.8;}
#menu ul li.home a:active {opacity:0.9;}
#menu ul li.select, #menu ul li:hover {background:#F6861F url('/i/header-fotter-bg.png') repeat-x 0 0; border-top:1px solid #E9C455;}
#menu ul li.select a, #menu ul li.select:hover a {color:#FFF !important; font-weight:bold; text-shadow:0 1px #D36A12 !important; text-decoration:none !important;}

#threads {width:940px; padding:0 10px; height:32px; margin:0 auto; z-index:500 !important;}
#threads h5 {padding-top:0.7em; color:#F97C00; font-weight:bold; float:left; text-transform:uppercase;}
#threads > ul {padding-top:0.7em;}
#threads > ul > li {float:left; border-left:1px solid #DADBDC; padding:0 8px;}
#threads > ul > li:first-child {border:none;}
#threads > ul > li > a {color:#1B5F9F;}
#threads > ul > li.more {position:relative; height:15px; font-size:8pt; padding-right:0;}
#threads > ul > li.more em {display:block; float:left; cursor:pointer; background:#2467A2 url('/i/icons-1.png') no-repeat right -186px; color:#FFF; padding:2px 16px 2px 5px; margin:-2px 0 0 0; text-transform:lowercase; border-radius:5px;}
#threads > ul > li.more ul {position:absolute; top:15px; right:0; display:none; background:#175589; border-top:5px solid #175589; box-shadow:0 3px 3px #0D2739;}
#threads > ul > li.more ul li a {color:#FFF; display:block; padding:4px 40px 6px 10px; white-space:pre;}
#threads > ul > li.more ul li a:hover {background:#2467A2;}
#threads > ul > li.more:hover em {background-color:#175589; border-bottom-right-radius:0; border-bottom-left-radius:0;}
#threads > ul > li.more:hover ul {display:block;}

/* 06. footer
   ------------------------------------------------------- */
#footer {position:relative; width:960px; margin:0 auto; color:#C6D3DA; border-top:3px solid #99A6AD; background:#3B4348 url('/i/header-fotter-bg.png') repeat-x 0 -230px;}
#footer:after, #footer .ieAfter {content:' '; display:block; position:absolute; left:20px; top:20px; width:174px; height:55px; background:url('/i/logo-footer.png') no-repeat 0 0;}
#footer a {color:#FFF;}
#footer > ul {padding:20px 0 0 450px;}
#footer > ul > li {float:left; width:110px; padding-right:10px;}
#footer > ul > li em {display:block; padding-bottom:12px; color:#F58220; font-weight:bold;}
#footer > ul > li li {padding-bottom:3px;}
#footer p.about {position:absolute; left:20px; top:85px; width:380px; line-height:1.5em;}
#footer p.group, #footer p.copyright {text-align:center; font-size:8pt;}
#footer p.group a, #footer p.copyright a {color:#C6D3DA;}
#footer p.group {padding-top:15px; line-height:1.6em;}
#footer p.copyright {padding:2px 0 14px;}

/* 04. content
   ------------------------------------------------------- */
#contentSplash {float:left; width:630px; padding:10px 0 0 10px;}
#bigSplash {width:630px; padding-bottom:10px;}
#bigSplash h5 {display:none;}
#bigSplash .splash {position:relative; width:630px; height:275px; overflow:hidden;}
#bigSplash .splash ul {position:absolute; left:0; top:0; width:9999px; z-index:10;}
#bigSplash .splash ul li {position:relative; float:left; width:640px; height:275px; background:#DFE4E7;}
#bigSplash .splash ul li h3 {position:relative; z-index:20; width:350px; padding:22px 0 0 20px; line-height:0.9em;}
#bigSplash .splash ul li h3, #bigSplash .splash ul li h3 a {font-weight:bold; color:#000; font-size:19pt; letter-spacing:-0.02em; text-decoration:none !important;}
#bigSplash .splash ul li p {position:relative; z-index:20; padding:15px 0 0 20px; width:350px; line-height:1.4em;}
#bigSplash .splash ul li p a {color:#1B5F9F; font-weight:bold;}
#bigSplash .splash ul li p strong, #bigSplash .splash ul li p b {font-weight:bold;}
#bigSplash .splash ul li p a span {color:#F97C00; font-weight:bold;}
#bigSplash .splash ul li p.thumb {position:absolute; left:0; top:0; z-index:10; padding:0;}
#bigSplash .splash .control {position:absolute; bottom:10px; right:10px; z-index:20;}
#bigSplash .splash .control a {padding:1px 6px; background:#303A3E; color:#FFF; font-size:8pt; font-weight:bold; margin-left:3px; border-radius:2px; text-decoration:none !important;}
#bigSplash .splash .control a.select, #bigSplash .splash .control a:hover {background:#F57F20;}
#bigSplash .splash .control a.next, #bigSplash .splash .control a.prev {background:#246BA7; padding:1px 7px;}
#bigSplash .splash .control a.next:hover, #bigSplash .splash .control a.prev:hover {background:#347CBC;}
#bigSplash .promo {padding-top:10px;}
#bigSplash .promo ul li {position:relative; width:145px; float:left; margin-left:16px; padding:0 0 18px; background:url('./bigsplash-promo-bg.png') repeat-x 0 80px;}
#bigSplash .promo ul li:first-child {margin-left:0;}
#bigSplash .promo ul li a {text-decoration:none !important;}
#bigSplash .promo ul li em {position:absolute; z-index:30; left:0; top:60px; padding:0 5px; width:135px; height:20px;}
#bigSplash .promo ul li em span {position:relative; z-index:10; text-transform:uppercase; font-size:8pt; color:#FFF; line-height:1.9em;}
#bigSplash .promo ul li em:after, #bigSplash .promo ul li em .ieAfter {content:' '; display:block; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#bigSplash .promo ul li strong {display:block; padding:3px 2px 0; color:#1B5F9F; font-weight:bold; line-height:1.4em;}
#bigSplash .promo ul li strong span {font-weight:bold; color:#F58220;}
#bigSplash .promo ul li:hover strong {text-decoration:underline;}

.newsBox {position:relative; padding-bottom:10px;}
.newsBox .header {position:relative; z-index:10; height:25px; overflow:hidden; background:#303A3E; color:#FFF; border-radius:6px;}
.newsBox .header h3 {float:left; background:#F58220 url('./icons-1.png') no-repeat right -149px; padding:0 25px 10px 15px; line-height:2.1em; border-top-left-radius:6px;}
.newsBox .header h3 a {display:block; float:left; text-decoration:none !important;}
.newsBox .header h3, .newsBox .header h3  a {color:#FFF; text-shadow:#D36A12 1px 1px; }
.newsBox .header ul.sub {float:right; padding-right:10px; line-height:2.1em;}
.newsBox .header ul.sub li {display:inline; padding-right:10px;}
.newsBox .header ul.sub li a {color:#FFF;}
.newsBox .header span.control {float:right; background:#14426C; font-size:8pt; line-height:1.5em; padding:4px 10px 15px 10px; border-top-right-radius:6px;}
.newsBox .header span.control a {display:inline-block; vertical-align:middle; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:#FFF url('./icons-1.png') no-repeat 0 -46px;}
.newsBox .header span.control a.up {margin-left:0; margin-right:-3px;}
.newsBox .header span.control a.up:hover {background-position:-32px -46px;}
.newsBox .header span.control a.down {background-position:-16px -46px;}
.newsBox .header span.control a.down:hover {background-position:-48px -46px;}
.newsBox .body {padding-top:10px; min-height:210px;}
.newsBox .body h5 {display:none;}
.newsBox .body .promo {position:relative; float:left; width:202px; height:209px; background:#DFE4E7;}
.newsBox .body .promo p.thumb {position:relative; z-index:10;}
.newsBox .body .promo .bar {position:absolute; left:0; bottom:0; z-index:12; color:#FFF; padding:10px 10px 5px 10px;}
.newsBox .body .promo .bar:after, .newsBox .body .promo .bar .ieAfter {content:' '; display:block; position:absolute; left:0; bottom:0; z-index:11; background:#000; width:202px; height:100%; opacity:0.6; filter:alpha(opacity=60);}
.newsBox .body .promo .bar h4 {position:relative; z-index:20; font-weight:bold; font-size:10pt; line-height:1.1em; padding-bottom:5px;}
.newsBox .body .promo .bar h4 a {color:#FFF; text-decoration:none !important; font-weight:bold;}
.newsBox .body .promo .bar h4 span {color:#F58220; font-weight:bold;}
.newsBox .body .promo .bar p {position:relative; z-index:25; padding-bottom:5px; line-height:1.3em; font-size:8pt;}
.newsBox .body .promo .bar p a {color:#FFF; text-decoration:none !important;}
.newsBox .body ul {margin-left:226px; padding:0 10px 0 0; color:#1B5F9F; list-style-type:disc;}
.newsBox .body.noPromo ul {margin-left:20px;}
.newsBox .body ul li {padding-bottom:4px;}
.newsBox .body ul li a {color:#1B5F9F;}
.newsBox .body ul li strong {font-weight:bold;}
.newsBox .body ul li strong a {font-weight:bold;}
.newsBox .body ul li a:visited {color:#555555;}
.newsBox .body ul li em {color:#898989; font-size:8pt;}

.newsBox.blue .header, .newsBox.blue .header h3 {background:#21639B;}
.newsBox.blue .header h3, .newsBox.blue .header h3 a {text-shadow:#124879 1px 1px;}

#content .split2 .left {float:left;}
#content .split2 .right {float:right;}
#content .split2 .left, #content .split2 .right {width:315px;}

#content .simpleBox {border-top:8px solid #D3D3D3; padding-bottom:10px;}
#content .simpleBox h3 {font-size:11pt; padding:11px 0 10px;}
#content .simpleBox h3, .simpleBox h3 a {color:#000;}

#content .simpleBox ul.simpleList {color:#1B5F9F; list-style-type:disc; margin-left:20px;}
#content .simpleBox ul.simpleList li {padding-bottom:4px;}
#content .simpleBox ul.simpleList a {color:#1B5F9F;}
#content .simpleBox ul.simpleList a:visited {color:#555555;}

#content .simpleBox ul.thumbsList li {position:relative; min-height:70px; padding-left:85px;}
#content .simpleBox ul.thumbsList li p.thumb {position:absolute; left:0; top:0; width:75px; height:60px; overflow:hidden; paddin-bottom:0;}
#content .simpleBox ul.thumbsList li h4 {font-size:10pt; padding-bottom:3px;}
#content .simpleBox ul.thumbsList li h4, #content .simpleBox ul.thumbsList li h4 a {color:#1B5F9F;}
#content .simpleBox ul.thumbsList li h4 a:visited {color:#555555;}
#content .simpleBox ul.thumbsList li p {font-size:8pt; line-height:1.4em; padding-bottom:10px;}

#sidebar {float:right; width:300px; padding:10px 10px 0 0;}
#sidebar .block h4 {line-height:2em; padding-left:10px; height:25px; background:#373F44; color:#FFF; border-radius:6px; font-size: 9pt;}
#sidebar .block h4 a {color:#FFF; text-decoration:none !important;}
#sidebar .block .body {padding:10px 2px 0;}
#sidebar .block.silver h4 {background:#D2D7DA; color:#1B5F9F;}
#sidebar .block.silver.shop h4 {background-image:url('./icons-1.png'); background-repeat:no-repeat; background-position:right -65px;}
#sidebar .block.silver h4 a {color:#1B5F9F;}
#sidebar .block.orange h4 {background:#F58120;}

.block ul.simpleList {color:#1B5F9F; list-style-type:disc; margin-left:20px; padding-bottom:6px;}
.block ul.simpleList li {padding-bottom:4px;font-size: 9pt;}
.block ul.simpleList a {color:#1B5F9F;}
.block ul.simpleList a:visited {color:#555555;}


span.voteMain { margin-left: 90px; display:block; width:85px; height:15px; background:url('/i/star5off.gif') repeat 0 0; background-color: #000; float: right;}
span.voteMain span { display:block; height:15px; text-indent:-9999px; background:url('/i/star5.gif') repeat 0 0; }
div.banner { padding-top:10px; text-align: center; }
