/* Reset ---------- */
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, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }
.clear { clear:both; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Generic ---------- */
* { outline:none; }
/* body { text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#434343; background:url(../media/images/mainbg.jpg) repeat-x 0 0; } */
body { text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#434343; }
a { color:#2e60af; text-decoration:none;}
a:hover { text-decoration:underline; }
.container { width:100%; text-align:center; }
.wrapper { width:984px; text-align:left; margin:0 auto; }
.section { width:100%; overflow:hidden; margin:10px 0; }
.button { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#acacac; padding:0 6px; font-size:11px; color:#fff; }
.button:hover { text-decoration:none; }
.resetmargin { margin:0 !important; }
/* #background { background:url(../media/images/bg-sponsor2.jpg) no-repeat center 0; } */
/* Headerbar ---------- */
#headerbar .wrapper { overflow:hidden; padding:4px 0; }
#headerbar { background-color:#2d3c47; }
#headerbar ul { float:left; }
#headerbar li { float:left; margin:0 12px 0 0; }
#headerbar li a { color:#fff; font-size:11px; float:left; display:block; padding:4px 0 4px 22px; }
#headerbar .twitter { background:url(../media/images/twitter.gif) no-repeat 0 3px; }
#headerbar .facebook { background:url(../media/images/facebook.gif) no-repeat 0 3px; }
#headerbar .youtube { background:url(../media/images/youtube.gif) no-repeat 0 3px; }
#headerbar .steam { background:url(../media/images/steam.gif) no-repeat 0 3px; }
#headerbar .rss { background:url(../media/images/rss.gif) no-repeat 2px 3px; }
#headerbar fieldset { float:right; }
#headerbar .button { height:22px; line-height:22px; display:block; float:left; margin:0 6px 0 0; }
#headerbar .button .login { display:block; background:url(../media/images/login.gif) no-repeat 0 4px; padding:0 0 0 14px; }
#headerbar .button .signup { display:block; background:url(../media/images/signup.gif) no-repeat 0 4px; padding:0 0 0 14px; }
#headerbar .button .logout { display:block; background:url(../media/images/logout.gif) no-repeat 0 5px; padding:0 0 0 16px; }
#headerbar fieldset .textfield { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:url(../media/images/search.png) no-repeat 0 0; font:normal 12px Arial; color:#787878; padding:0 4px 0 26px; border:0; height:22px; line-height:22px; width:184px; float:left; margin:0 4px 0 10px; }
#headerbar fieldset .submit { border:0; padding:0 12px 0 0; margin:0; cursor:pointer; background:url(../media/images/arrow01.gif) no-repeat right center; color:#fff; font:bold 14px Arial; height:22px; line-height:22px; text-shadow: 2px 2px 1px #285499; width:38px; }
#headerbar fieldset span .button { margin:0; }
#headerbar .userlogged { display:block; float:left; margin:0 14px 0 0; overflow:hidden;}
#headerbar .avatar img { border:1px solid #686f74; float:left; }
#headerbar .username { color:#8ed0ff; padding:4px 0 0 4px; float:left; }
#headerbar .inbox { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#425059; border:1px solid #425059; color:#fff; font-size:11px; height:20px; line-height:20px; padding:0 6px; display:block; float:left; margin:0 12px 0 0; position:relative; }
#headerbar .inbox:hover { text-decoration:none; }
#headerbar .inbox span { background:url(../media/images/inbox-icon.gif) no-repeat 0 center; padding:0 0 0 16px; }
#headerbar .inbox.newmsg { background:url(../media/images/inbox-new.gif) repeat-x 0 0; border-color:#abb1b5; }
#headerbar .inbox strong { position:absolute; right:-10px; top:-3px; background-color:#f00; font-size:9px; font-weight:normal; display:block; line-height:5px; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000; border:1px solid #abb1b5; }
#header { width:100%; }
#upperheader { padding:12px 0; width:100%; overflow:hidden; }
#upperheader fieldset { float:right; }
#upperheader fieldset p { background:url(../media/images/iconnewsletter.png) no-repeat right 0; padding:8px 0 14px; font-weight:bold; color:#FFFFFF; }
#upperheader fieldset p a { text-decoration:none; border-bottom:1px dotted #376fc9; color:#376fc9; }
#upperheader fieldset div { background:url(../media/images/newsletter.png) no-repeat 0 0; width:227px; height:32px; padding:16px 0 0 4px; }
#logo { display:block; float:left; }
#upperheader .button { height:22px; line-height:22px; display:block; float:left; margin:0 6px 0 0; padding:0; }
#upperheader fieldset .textfield { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:url(../media/images/newsletter.gif) no-repeat 0 0; font:normal 12px Arial; color:#787878; padding:0 4px; border:0; height:22px; line-height:22px; width:180px; float:left; margin:0 4px 0 0; }
#upperheader fieldset .submit { border:0; padding:0; margin:0; cursor:pointer; background:url(../media/images/arrow01.gif) no-repeat 10px center; height:22px; width:26px; font-size:0; line-height:0; text-indent:-9999px; float:left; }
#nav { background:url(../media/images/nav.gif) repeat-x 0 0; z-index:1; position:relative; }
#nav > ul { float:left; }
#nav > ul > li { float:left; background:url(../media/images/navsep.gif) no-repeat right bottom; padding:0 2px 0 0; position:relative; }
#nav > ul > li > a { display:block; height:46px; padding:0 26px; text-align:center; line-height:50px; color:#fff; font-weight:bold; overflow:hidden; }
#nav > ul > li > a:hover,
#nav > ul > li:hover > a { background:url(../media/images/navhover.gif) repeat-x 0 0; color:#518ded; text-decoration:none; -webkit-box-shadow:0 3px 6px #000; -moz-box-shadow:0 3px 6px #000; box-shadow:0 3px 6px #000; }
#nav .tv { float:right; background:url(../media/images/buttontv.png) no-repeat 0 0; width:102px; height:30px; color:#fff; font-weight:bold; font-size:13px; padding:0 0 0 40px; margin:10px 6px 0 0; line-height:30px; }
#nav .tv:hover { text-decoration:none; }
#nav .megamenu { display:none; position:absolute; width:374px; top:46px; left:0; z-index:100; background-color:#f1f0f0; -webkit-box-shadow:2px 2px 2px rgba(30, 32, 34, 0.3); -moz-box-shadow:2px 2px 2px rgba(30, 32, 34, 0.3); box-shadow:2px 2px 2px rgba(30, 32, 34, 0.3); padding:12px 0; }
#nav li:hover .megamenu { display:block; }
#nav .megamenu-inner { overflow:hidden; background:url(../media/images/megamenudot.gif) repeat-y center 0; }
#nav .megamenu .column { padding:0 12px; float:left; width:163px; }
#nav .megamenu .column:first-child ul { padding:0 0 10px; }
#nav .megamenu .column:first-child li { margin:5px 0; }
#nav .megamenu .column:first-child li a { font-weight:bold; background:url(../media/images/bullet01.gif) no-repeat 0 6px; padding:0 0 0 10px; }
#nav .megamenu .column + .column li { margin:5px 0 8px; background:url(../media/images/bullet01.gif) no-repeat 0 6px; padding:0 0 0 10px; }
#nav .megamenu .column + .column li a { color:#787878; }
#nav .megamenu .column + .column li a:hover { color:#518ded; }
#nav .megamenu .column .entry { margin:0 0 10px; }
#nav .megamenu .column .entry .thumb { float:left; border:1px solid #ddd; margin:0 6px 0 0; }
#nav .megamenu .column .entry h2 { color:#32373b; font:bold 12px Arial; }
#nav .megamenu .column .entry h2 a { color:#32373b; }
#nav .megamenu .column .entry p { color:#787878; font-size:11px; line-height:13px; overflow:hidden; margin:2px 0 0; }
#lowerheader { overflow:hidden; padding:14px 0; }
#lowerheader .promo { float:left; background-color:#52616b; border:1px solid #d5d5d5; padding:7px; width:230px; }
#lowerheader .promo .thumb { float:left; margin:0 6px 0 0; }
#lowerheader .promo h2 { color:#fff; font:bold 14px Arial; }
#lowerheader .promo h2 a { color:#fff; }
#lowerheader .promo p { color:#fff; overflow:hidden; margin:2px 0 0; line-height:14px; }
#lowerheader .banner { float:right; }
/* Main ---------- */
#main { overflow:hidden; width:100%; }
#content { float:left; width:674px; }
#sidebar { float:right; width:300px; }
#main .banner,
.sidebox { margin:10px 0; background-color:#fff; }
#main .banner.split { background-color:#e3e3e3; padding:20px; overflow:hidden; }
#main .banner.split div:first-child { float:left; }
#main .banner.split div + div { float:right; }
#sidebar .banner:first-child,
#sidebar .sidebox:first-child { margin-top:0; }
.intro { overflow:hidden; margin:0 0 10px; }
.commentcount { background:url(../media/images/sep.gif) no-repeat 0 center; margin:0 0 0 4px; padding:0 0 0 7px; }
.commentcount a { background: url(../media/images/comment.gif) no-repeat 0 center; padding: 0 0 0 13px; font-size:10px; }
.category,
.post-time { color:#9b9b9b; font-size:10px; padding:0 0 0 8px; background:url(../media/images/dot.gif) no-repeat 0 center; }
.category a:first-child { color:#9b9b9b; }
.category a,
span.username { color:#7ca8ed; }
.username { font-size:11px; }
.category a img { vertical-align: text-bottom; }
.date { font-size:10px; color:#9b9b9b; }
#main .thumb { float:left; border:1px solid #ddd; padding:2px; background-color:#fff; margin:0 8px 0 0; }
#main .thumb.thick { padding:6px; margin:12px 16px 0 0; }
.button.green { background:url(../media/images/buttongreen.gif) repeat-x 0 0; }
.button.blue { background:url(../media/images/buttonblue.gif) repeat-x 0 0; }
.button.grey { background:url(../media/images/buttongrey.gif) repeat-x 0 0; }
.sidebox-title { font:bold 15px Arial; color:#32373b; border-bottom:2px solid #6f7375; display:block; padding:8px 10px; }
.sidebox-inner { padding:10px; }
#breadcrumb { border:1px solid #d5d5d5; background:url(../media/images/breadcrumb.gif) repeat-x 0 0; overflow:hidden; height:32px; line-height:34px; }
#breadcrumb li { float:left; background:url(../media/images/breadcrumb-sep.gif) no-repeat right 0; padding:0 18px 0 8px; }
#breadcrumb a { color:#494949; font-weight:bold; }
#breadcrumb a:hover { color:#2e60af; text-decoration:none; }
#breadcrumb li:first-child a { text-indent:-9999px; background:url(../media/images/icon-home.gif) no-repeat center; display:block; float:left; width:16px; margin:-1px 0 0; }
.maintitle { border:1px solid #d5d5d5; background:#12171e url(../media/images/maintitle.png) repeat-y 0 0; min-height:30px; font:bold 26px Arial; color:#fff; padding:14px; }
.ps3, .xbox, .wii, .ds, .psp, .pc { color:#fff !important; font-size:9px !important; background-color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 2px; }
.ps3:hover, .xbox:hover, .wii:hover, .ds:hover, .psp:hover, .pc:hover { text-decoration:none; }
.xbox { background-color:#6eac3f; }
.wii { background-color:#34beed; }
.ds { background-color:#df4a4c; }
.psp { background-color:#7f7f7f; }
.pc { background-color:#ff7f33; }
.console { color:#fff !important; font-size:9px !important; background-color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 2px; }
.console:hover { text-decoration:none; }
.console { background-color:#ffffff; }
/* Top 10 ---------- */
.top10more { font:bold 17px Arial; color:#fff; margin:12px 0 0; background:url(../media/images/top10more.png) no-repeat; width:178px; height:33px; line-height:33px; display:inline-block; padding:0 20px 0 10px; }
.top10more:hover { text-decoration:none; }
.top10paging { overflow:hidden; margin:14px 0 -10px; }
.top10paging li { float:left; margin:0 0 0 1px; }
.top10paging li a,
.top10paging li span { display:block; height:53px; width:53px; color:#fff; font:normal 32px Arial; line-height:53px; text-align:center; background:url(../media/images/top10paging.png) no-repeat 0 -162px; }
.top10paging li span { background-position:0 -270px; height:59px; }
.top10paging li a:hover { background-position:0 -216px; text-decoration:none; }
.top10paging li .top10prev,
.top10paging li .top10next { text-indent:-9999px; }
.top10paging li a.top10prev { background-position:0 -54px; }
.top10paging li a.top10prev:hover { background-position:0 -108px; }
.top10paging li span.top10prev {background-position:0 0; height:53px; }
.top10paging li a.top10next { background-position:-54px -54px; }
.top10paging li a.top10next:hover { background-position:-54px -108px; }
.top10paging li span.top10next {background-position:-54px 0; height:53px; }
#article #adjust-text { font-size:15px; line-height:22px; margin:22px 0; text-align:justify;}
/* Article ---------- */
#article { background:#fff url(../media/images/article.gif) repeat-x 0 0; padding:14px 10px; overflow:hidden; border:1px solid #d5d5d5; border-top:0; }
#article h2 { font:bold 18px Arial; color:#32373b; margin:22px 0; }
#article p { font-size:15px; line-height:22px; margin:22px 0; }
#article p img { padding:2px; border:1px solid #ddd; }
#article p img.thick { padding:7px; }
#article .info .platform { display:block; margin:0 0 8px; }
#article .info ul { overflow:hidden; margin:0 0 8px; }
#article .info li { float:left; color:#9b9b9b; font-size:10px; margin:0 0 0 24px; }
#article .info li:first-child { margin:0; }
#article .info li strong { display:block; font-size:13px; color:#434343; }
#article .info li strong a { font-weight: normal; }
#article .infolower { border-top:1px solid #e4e4e4; padding:12px 0; background:url(../media/images/pattern.gif) repeat-x 0 bottom; }
#article .infolower:first-child { padding:0 0 12px; border:0; }
#article .infolower .column:first-child { float:left; width:480px; top:0; }
#article .infolower .column { float:left; width:160px; float:right; position:relative; top:42px; }
#article .infolower .fontadjust { vertical-align:middle; }
#article .infolower .date { font-size:11px; margin:0 22px 0 0; }
#article .author { background:url(../media/images/icon-author.gif) no-repeat 0 1px; padding:0 0 0 16px; font-size:13px; }
#article .field { display:block; font-size:10px; color:#9b9b9b; margin:2px 0 4px; }
#article .mediareel { padding:24px 24px 12px 28px; }
#article .mediareel .prev { left:7px; }
#article .mediareel .next { right:7px; }
#article .social-lower { padding:20px 0 10px; overflow:hidden; text-align:right; }
#article .mediareel.rows3 li { height:134px; }
#article .mediareel.rows3 .prev,
#article .mediareel.rows3 .next { top:192px; }
#article .mediareel.rows3p li { height:105px; }
#article .mediareel.rows3p .prev,
#article .mediareel.rows3p .next { top:192px; }
#article .mediareel.rows5 li { height:130px; }
#article .mediareel.rows5 .prev,
#article .mediareel.rows5 .next { top:318px; }
/* Comments ---------- */
#article .comments { padding:12px 0 0; background:url(../media/images/pattern.gif) repeat-x 0 0; margin:12px 0 0; }
#article .comments > .comment-entry { border-bottom:1px solid #e4e4e4; padding:0 0 12px; margin:0 0 12px; }
#article .comment-entry li { overflow:hidden; background:url(../media/images/commentbox.gif) no-repeat 66px 28px; padding:6px 0 0; margin:6px 0 0; }
#article .comments > .comment-entry > li { padding:10px 0 0; margin:10px 0 0; border-top:1px solid #e4e4e4; background-position:66px 32px; }
#article .comment-entry li .thumb { margin:7px 20px 0 0; }
#article .comment-entry li .commentbody { overflow:hidden;}
#article .comment-entry ul { margin:0 0 0 76px; }
#article .comment-entry .commentbox { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin:8px 0 4px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; }
#article .comment-entry .commentbox-inner { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 23px; margin-bottom:-23px; float:left; }
#article .comment-entry .commentbox p { color:#434343; font-size:12px; overflow:hidden; line-height:16px; margin:4px 0; }
#article .comment-entry .comments-extras { overflow:hidden; }
#article .comment-entry .likes,
#article .comment-entry .dislikes { color:#9b9b9b; background:url(../media/images/likes.gif) no-repeat 0 0; padding:0 0 0 13px; font-size:10px; float:left; display:block; height:15px; line-height:15px; margin:0 10px 0 0; }
#article .comment-entry .dislikes { color:#9b9b9b; background:url(../media/images/dislikes.gif) no-repeat 0 0; }
#article .comment-entry .likes:hover,
#article .comment-entry .dislikes:hover { text-decoration:none; }
#article .comment-entry .reply,
#article .comment-entry .report { font-size:11px; background:url(../media/images/reply.gif) no-repeat 0 3px; padding:0 0 0 18px; margin:0 4px; }
#article .comment-entry .report { background-image:url(../media/images/report.gif); padding:0 0 0 16px; }
#article .comment-entry .del { font-size:11px; background:url(../media/images/del.gif) no-repeat 0 3px; padding:0 0 0 18px; margin:0 4px; }
#article .comment-entry .del { background-image:url(../media/images/del.gif); padding:0 0 0 16px; }
#article .comment-entry span.reply { color:#9b9b9b; }
#article .comment-entry .comments-extras { padding:0 10px; }
#article .messagebox { padding:10px 0 0; }
#article .messagebox .textarea { background:url(../media/images/textarea.png) no-repeat 0 0; border:1px solid #e0e0e0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; }
#article .messagebox textarea { border:0; width:100%; color:#787878; font:normal 12px Arial; height:132px; }
#article .comment-entry textarea { height:82px; }
#article .messagebox input { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 0 0 6px; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
#article .messagebox input.blue { background:url(../media/images/buttonblue.gif) repeat-x 0 0; }
#article .messagebox .buttons { text-align:right; overflow:hidden; padding:10px 0 0; }
#article .messagebox .buttons em { color:#9b9b9b; font-size:11px; text-align:right; float:left; }
#article .messagebox .title strong { color:#616161; display:block; background-color:#cfcfcf; padding:4px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; }
#article .messagebox .title { display:block; float:left; margin:0 10px 0 0; background:url(../media/images/comment-title.gif) no-repeat center bottom; padding:0 0 7px; }
#article .messagebox .title + p { margin:0 0 10px; color:#9b9b9b; font-size:11px; }
#article .comments-count { background:url(../media/images/comment2.gif) no-repeat 0 6px; padding:0 0 0 16px; color:#32373b; font:bold 16px Arial; float:left; }
#article .comments-sorting { text-align:right; }
#article .comments-sorting p { font-size:11px; margin:4px 0; }
#article .comments-sorting p a { font-weight:bold; margin:0 4px; }
#article .comments-sorting p span { margin:0 4px; }
#article .comment-submit a { display:block; float:left; border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #285398; line-height:22px; }
#article .comment-submit { overflow:hidden; display:block; margin:-4px 8px 0 0; }
#article .addcomment { font-size:11px; overflow:hidden; padding:20px 0 10px; }
#article .addcomment .comment-submit { float:left; }
/* Article Group ---------- */
#article .articlegroup { margin:0 0 20px; }
#article .articlegroup .title { background:url(../media/images/articlegrouptitle.jpg) repeat 0 0; padding:5px 10px; border:1px solid #d6d6d6; display:block; margin:0 0 10px; font:bold 18px Arial; color:#32373b; }
#article .articlegroup li { margin:4px 0 10px; padding:0 0 10px; overflow:hidden; }
#article .articlegroup li h3 { font-size:15px; margin:2px 0; }
#article .articlegroup p { margin:0; font-size:12px; line-height:15px; overflow:hidden; }
#article .articlegroup .rating { overflow:hidden; margin-top:6px; }
#article .articlegroup .rating span { background-color:#f3f3f3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; float:left; }
#article .articlegroup .rating span em { color:#9b9b9b; display:block; float:left; font-size:10px; padding:0 5px; font-style:normal; margin-top:6px; }
#article .articlegroup .rating span strong { font-size:16px; font-weight:bold; color:#2e60af; display:block; float:left; border-left:1px solid #e5e5e5; padding:2px 4px; }
#article .articlegroup.gallery { overflow:hidden; padding:20px 0 0; background:url(../media/images/pattern.gif) repeat-x 0 0; margin:10px 0 0; }
#article .articlegroup.gallery ul { overflow:hidden; }
#article .articlegroup.gallery li { float:left; margin:0 0 0 6px; width:158px; }
#article .articlegroup.gallery li:first-child { margin:0; }
#article .articlegroup.gallery li h3 { margin:6px 0 0; float:left; clear:both; width:100%; }
#article .articlegroup .button.grey { line-height:20px; height:20px; display:block; float:left; margin:16px 0 0; }
#article .articlegroup .button.grey a { color:#fff; background:url(../media/images/arrow02.gif) no-repeat right center; padding:0 10px 0 0; }
#article .articlegroup .button.grey a:hover { text-decoration:none; }
/* Paging ---------- */
#main .paging { text-align:center; padding:10px 0; margin:20px 0; }
#main .paging .button.grey { line-height:20px; height:20px; display:inline-block; margin:1px; float:none; }
#main .paging .button span { background:url(../media/images/arrow02.gif) no-repeat right center; padding:0 10px 0 0; }
#main .paging .button:hover { color:#32373b; }
#main .paging .button.selected { background-image:url(../media/images/paging-selected.gif); cursor:default; }
#main .paging .button.selected:hover { color:#fff; }
#main .paging .button .prev { background:url(../media/images/arrow03.gif) no-repeat 0 center; padding:0 0 0 10px; }
/* Ratingbox ---------- */
.ratingbox { background:#f3f3f5 url(../media/images/pattern.gif) repeat-x 0 bottom; overflow:hidden; padding:10px 10px 14px 10px; position:relative; border-top:1px solid #e4e4e4; margin:0 0 20px; }
.ratingbox .column { float:left; }
.ratingbox .column:first-child { background:url(../media/images/ratingthumb.png) no-repeat 0 0; margin:0 -30px 0 0; }
.ratingbox .thumb img { display:block; }
.ratingbox .thumb img + img { position:absolute; right:2px; bottom:2px; }
.ratingbox .thumb { position:relative; }
.ratingbox .ratingvalue { border:1px solid #e4e4e4; display:block; float:left; background:url(../media/images/ratingvalue.png) no-repeat 0 center; width:262px; padding:10px; height:35px; clear:both; line-height:35px; position:relative; color:#9b9b9b; margin:72px 0 30px; }
.ratingbox .ratingvalue strong { color:#434343; font:bold 15px Arial; }
.ratingbox .ratingvalue .value { float:right; font:bold 38px Arial; color:#2e60af; margin:-10px 0 0; display:block; width:72px; text-align:center; }
.ratingbox .ratingvalue .wordvalue { position:absolute; right:-1px; bottom:-18px; background-color:#969696; color:#fff; font-size:10px; text-align:center; width:95px; height:17px; line-height:17px; }
.ratingbox .ratingvalue span:first-child { padding:0 0 0 16px; display:block; float:left; font-size:10px; }
.ratingbox .ratingvalue.users { height:15px; line-height:15px; }
.ratingbox .ratingvalue.users span:first-child { background:url(../media/images/ratingusers.gif) no-repeat 0 3px; }
.ratingbox .ratingvalue.users strong { font-size:13px; }
.ratingbox .ratingvalue.users .value { font-size:28px; margin:-8px 0 0; }
.ratingbox .ratingvalue.ratingcard { position:absolute; right:10px; top:10px; background:url(../media/images/ratingcard.png) no-repeat; width:159px; height:192px; margin:0; border:0; padding:0; }
.ratingbox .ratingvalue.ratingcard span:first-child { padding:0; float:right; line-height:12px; margin:6px 10px 0; }
.ratingbox .ratingvalue.ratingcard .value { clear:both; margin:0 6px 0 0; line-height:34px; }
.ratingbox .ratingvalue.ratingcard .wordvalue { position:relative; float:right; clear:both; background:none; width:74px; margin:0 5px 0 0; bottom:0; right:0; }
.ratingbox2 { overflow:hidden; padding:10px 10px 14px 10px; position:relative; margin:0 0 20px; }
.ratingbox2 .ratingvalue { border:1px solid #e4e4e4; display:block; float:left; background:url(../media/images/ratingvalue.png) no-repeat 0 center; width:262px; padding:10px; height:35px; clear:both; line-height:35px; position:relative; color:#9b9b9b; margin:72px 0 30px; }
.ratingbox2 .ratingvalue strong { color:#434343; font:bold 15px Arial; }
.ratingbox2 .ratingvalue .value { float:right; font:bold 38px Arial; color:#2e60af; margin:-10px 0 0; display:block; width:72px; text-align:center; }
.ratingbox2 .ratingvalue .wordvalue { position:absolute; right:-1px; bottom:-18px; background-color:#969696; color:#fff; font-size:10px; text-align:center; width:95px; height:17px; line-height:17px; }
.ratingbox2 .ratingvalue span:first-child { padding:0 0 0 16px; display:block; float:left; font-size:10px; }
.ratingbox2 .ratingvalue.users { height:15px; line-height:15px; }
.ratingbox2 .ratingvalue.users span:first-child { background:url(../media/images/ratingusers.gif) no-repeat 0 3px; }
.ratingbox2 .ratingvalue.users strong { font-size:13px; }
.ratingbox2 .ratingvalue.users .value { font-size:28px; margin:-8px 0 0; }
.ratingbox2 .ratingvalue.ratingcard { position:absolute; right:10px; top:10px; background:url(../media/images/ratingcard.png) no-repeat; width:159px; height:192px; margin:0; border:0; padding:0; }
.ratingbox2 .ratingvalue.ratingcard span:first-child { padding:0; float:right; line-height:12px; margin:6px 10px 0; }
.ratingbox2 .ratingvalue.ratingcard .value { clear:both; margin:0 6px 0 0; line-height:34px; }
.ratingbox2 .ratingvalue.ratingcard .wordvalue { position:relative; float:right; clear:both; background:none; width:74px; margin:0 5px 0 0; bottom:0; right:0; }
/*article*/
.articleratingbox .ratingbox2 { overflow:hidden; padding:10px 10px 14px 10px; position:relative; margin:0 0 20px; }
.articleratingbox .ratingbox2 .ratingvalue.ratingcard { position:absolute; right:10px; top:10px; width:159px; height:192px; margin:0; border:0; padding:0; }
.articleratingbox .ratingbox2 .ratingvalue.ratingcard span:first-child { padding:0; float:right; line-height:12px; margin:6px 10px 0; }
.articleratingbox .ratingbox2 .ratingvalue.ratingcard .value { clear:both; margin:0 6px 0 0; line-height:34px; }
.articleratingbox .ratingbox2 .ratingvalue.ratingcard .wordvalue { position:relative; float:right; clear:both; background:none; width:74px; margin:0 5px 0 0; bottom:0; right:0; }
.ratingslider { float:left; clear:both; background:url(../media/images/slider.gif) repeat-x; border:1px solid #e4e4e4; color:#9b9b9b; font-size:10px; padding:0 0 0 4px; width:276px; }
.ratingslider strong { float:left; font-style:normal; margin:1px 0 0; }
.ratingslider .slider { background:url(../media/images/sliderbg.gif) no-repeat; width:169px; height:14px; float:right; margin:0 0 0 4px; position:relative; }
.ratingslider .ui-slider-handle { background:url(../media/images/handle.gif) no-repeat; width:11px; height:11px; position:absolute; left:0; top:8px; z-index:1; margin:0 0 0 -5px; }
.ratingslider .ui-slider-range { background:url(../media/images/sliderbg2.gif) no-repeat 0 0; position:absolute; width:100%; height:100%; }
.ratingbox .activevalue { color:#2e60af; font:bold 20px Arial; float:left; clear:both; padding:10px 0 0 156px; width:68px; }
.ratingbox .activevalue .button { position:relative; top:-4px; padding:3px 6px; }
/* Ratingbox ---------- */
.newslist { margin:0 0 20px; }
.newslist .title { font:bold 15px Arial; color:#32373b; display:block; padding:7px 10px 6px 10px; background:url(../media/images/newlisttitle.gif) repeat-x 0 0; }
.newslist ul { background-color:#f3f3f5; padding:10px; }
.newslist li { background:url(../media/images/bullet02.gif) no-repeat 0 6px; font-weight:bold; font-size:13px; margin:5px 0; padding:0 0 0 10px; }
.newslist .mostread li { background:none; margin:10px 0 4px; padding:10px 0 0; overflow:hidden; border-top:1px solid #e4e4e4; }
.newslist .mostread li:first-child { margin:4px 0; padding:0; border:none; }
#article .mostread p { margin:0; font-size:12px; font-weight:normal; line-height:15px; overflow:hidden; }
#article .mostread li h3 { font-size:15px; margin:2px 0; }
#article .mostread .category a:first-child { color:#7ca8ed; }
/* Box ---------- */
.box { margin:10px 0; border-top:5px solid #32373b; background-color:#fff; }
.boxcontent { padding:10px; overflow:hidden; border:1px solid #d5d5d5; }
.box li { overflow:hidden; margin:8px 0 0; }
.box li:first-child { margin:0; }
.box .primary { float:left; width:376px; padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px solid #d5d5d5; }
.box .primary h3 { font-size:15px; margin:0 0 2px; line-height:15px; }
.box .secondary { float:left; width:255px; }
.box .secondary h3 { font-size:13px; }
.box .title { font:bold 20px Arial; color:#32373b; background:url(../media/images/boxtitle.jpg) no-repeat 0 0; display:block; line-height:38px; padding:0 6px; border-top:1px solid #fff; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; position:relative; height:38px; }
.box .title strong { display:block; position:absolute; right:0; top:0; font-size:12px; color:#32373b; font-weight:normal; height:38px; background:url(../media/images/sponsored.png) no-repeat 0 0; padding:0 5px 0 35px; }
.box .title strong img { vertical-align:middle; margin:0 0 0 6px; }
.box .button.grey { line-height:20px; height:20px; display:block; float:right; margin:16px 0 0; }
.box .button .more { background:url(../media/images/arrow02.gif) no-repeat right center; padding:0 10px 0 0; }
.box .category a:first-child { color:#7ca8ed; }
.box p { overflow:hidden; }
.box.articlelist li { border-bottom:1px solid #e4e4e4; margin:4px 0 10px; padding:0 0 10px; }
.box.articlelist { background:#fff url(../media/images/article.gif) repeat-x 0 0; }
.box.articlelist li h3 { font-size:15px; margin:2px 0; }
/* Userbox ---------- */
.userbox { margin:0 0 24px;}
.userbox .usercontrols { overflow:hidden; padding:5px 0 10px; border-bottom:1px solid #e4e4e4; margin:0 0 10px; }
.userbox .usercontrols .button { float:left; line-height:22px; margin:0 4px 0 0; }
.userbox .usercontrols .button span { background:url(../media/images/arrow02.gif) no-repeat right center; padding:0 10px 0 0; }
.userbox .usercontrols .delete { float:right; margin:0; background-color:#bcbcbc; }
.userbox .grey.active { background:url(../media/images/greyactive.gif) repeat-x 0 0; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
.userbox .usercontrols .button.grey span { background:url(../media/images/arrow04.gif) no-repeat right center; color:#434343; text-shadow: 1px 1px 1px #fff; }
.userboxmain { border-top:1px solid #e4e4e4; background:#f3f3f5 url(../media/images/pattern.gif) repeat-x 0 bottom; padding:10px; overflow:hidden; }
.userboxmain p { font:bold 13px Arial !important; color:#434343 !important; margin:2px 0 !important; }
.userboxsidebar { width:134px; float:left; }
.userboxcontent { float:right; width:480px; }
.userbox li span { display:block; font:normal 10px Arial; color:#9b9b9b; margin:0 0 2px; }
.userbox li { margin:0 0 10px; }
.userboxcontent li .text { width:470px; }
.userboxsidebar li .text { width:110px; height:20px; line-height:20px; }
.userbox .text { background:#fff url(../media/images/usertextfield.gif) repeat-x 0 0; padding:3px 5px; height:30px; border:1px solid #d9d9d9; border-top-color:#a3a3a3; font:bold 13px Arial; color:#434343;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:14px; }
.userbox .textselect { background:#fff url(../media/images/usertextfield.gif) repeat-x 0 0; padding:3px 5px; height:26px; border:1px solid #d9d9d9; border-top-color:#a3a3a3; font:bold 13px Arial; color:#434343;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:14px; }
.userbox .textava { background:#fff url(../media/images/usertextfield.gif) repeat-x 0 0; padding:3px 5px; height:20px; width:100px; border:1px solid #d9d9d9; border-top-color:#a3a3a3; font:bold 11px Arial; color:#434343;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:14px; }
.userbox .avatar { position:relative; margin:0 0 6px; }
.userbox .avatar .thumb { float:none !important; }
.userbox .avatar a { color:#fff; font:bold 13px Arial; background:rgba(0, 0, 0, 0.5); display:block; position:absolute; left:3px; bottom:3px; text-align:center; width:128px; padding:4px 0; }
.userbox .filesize { color:#9b9b9b; font-size:10px; margin:0 0 6px; }
.userbox .sig { background:url(../media/images/sig.png) no-repeat 10px 0; margin:8px 0; padding:10px 0 0; }
.userbox .siginner { padding:2px 6px 6px; background-color:#e4e4e4; -webkit-box-shadow:0 1px 2px #bbb; -moz-box-shadow:0 1px 2px #bbb; box-shadow:0 1px 2px #bbb;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px; }
.userbox .sig .text { width:110px; height:57px; margin:4px 0 0; font-size:11px; font-weight:normal; }
.userbox .sig p { font:normal 11px Arial !important; line-height:16px; }
.userbox .gamingids { margin:10px 0; overflow:hidden; padding:0 0 3px; }
.userbox .gamingids ul { padding:6px; background-color:#fff; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px; }
.userbox .gamingids .title { color:#32373b; padding:6px; display:block; background:#c4c8cc url(../media/images/gamingids.gif) repeat-x 0 0;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border-top-left-radius:6px;
border-top-right-radius:6px; }
.userbox .buttons input { border:0; height:30px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 0 0 6px; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
.userbox .buttons input.blue { background:#427ede url(../media/images/buttonblue.gif) repeat-x 0 0; }
.userbox .buttons { overflow:hidden; padding:16px 6px 18px; background:#e4e4e4 url(../media/images/pattern.gif) repeat-x 0 bottom; }
ol.platform li { margin:0 4px 0 0 !important; text-align:center; }
ol.platform { overflow:hidden; margin:2px 0 0 !important; }
.userbox .info .text { font-weight:normal; color:#2e60af; height:16px; line-height:16px; margin:2px 0 0; width:100px; }
.userbox .info strong { margin:6px 0 0; }
.userbox .points { color:#2e60af !important; font:bold 12px Arial !important; background-color:#f3f3f3; padding:0 2px; text-align:right; }
/* Mediareel ---------- */
.mediareel { background:#2c3134 url(../media/images/mediareel.gif) repeat-x 0 0; width:600px; padding:24px 35px 12px 39px; position:relative; }
.mediareel-inner { position:relative; overflow:hidden; width:600px; }
.mediareel .items { width:20000em; position:relative; }
.mediareel .items ul { float:left; width:600px; overflow:hidden; }
.mediareel .items li { width:145px; float:left; margin:0 5px 0 0; }
.mediareel .items li a:first-child { display:block; float:left; border:1px solid #3b6a84; position:relative; text-decoration:none; margin:0 0 4px; }
.mediareel .items li a:first-child:hover { border-color:#7ccced; }
.mediareel .items li a:first-child img { border:2px solid #000; display:block; }
.mediareel .items li a:first-child .mediatype { border:none; position:absolute; top:2px; right:2px; }
.mediareel .items li a:first-child span { background-color:rgba(0, 0, 0, 0.6); font-size:10px; color:#fff; position:absolute; left:2px; bottom:6px; padding:2px 4px 2px 2px; }
.mediareel .items li a + a { color:#7ca8ed; font-size:11px; }
.mediareel .items li a + a:hover { text-decoration:none; color:#b0ccf9; }
.mediareel .prev,
.mediareel .next { display:block; text-indent:-9999px; width:15px; height:21px; position:absolute; top:64px; cursor:pointer; }
.mediareel .prev.disabled { background-position:0 -21px; cursor:default; }
.mediareel .next.disabled { background-position:-14px -21px; cursor:default; }
.mediareel .prev { background:url(../media/images/mediareel-controls.gif) no-repeat 0 0; left:12px; }
.mediareel .next { background:url(../media/images/mediareel-controls.gif) no-repeat -14px 0; right:12px; }
.mediareel .naviholder { text-align:center; margin:14px 0 0; }
.mediareel .navi { height:12px; margin:0 auto; display:inline-block; }
.mediareel .navi a { background:url(../media/images/mediareel-buttons.gif) no-repeat 0 -13px; width:12px; display:block; height:12px; float:left; margin:0 2px; }
.mediareel .navi .active { background-position:0 0; }
/* Introreel ---------- */
h1 + .intro { margin:10px 0; }
.introgal { border:1px solid #d5d5d5; width:440px; position:relative; z-index:0; position:relative; float:left; }
.introreel { position:relative; height:247px; }
.introreel h2 { color:#fff; font:bold 24px Arial; position:absolute; padding:10px; background:rgba(0, 0, 0, 0.5); position:absolute; left:0; bottom:0; width:420px; }
.introreel h2 a { color:#fff; }
.introreel .supertitle { display:block; color:#9b9b9b; font-size:11px; font-weight:normal; }
.introreel div { display:none; position:absolute; top:0; left:0; }
.introtabs { background:#1a1d1f url(../media/images/introtabs.gif) no-repeat 0 0; height:91px; padding:13px 0 0; }
.introtabs a { display:block; float:left; border:1px solid #3b6a84; margin:0 0 0 8px; }
.introtabs a img { border:2px solid #000; }
.introtabs a:hover { border-color:#7ccced; }
.introtabs .current,
.introtabs .current img { border-color:#fff; }
.introgal .play,
.introgal .stop { position:absolute; width:14px; height:14px; top:230px; cursor:pointer; text-indent:-9999px; font-size:0; line-height:0; border:0; padding:0; }
.introgal .play { background:url(../media/images/playpause.gif) no-repeat 0 0; right:20px; }
.introgal .stop { background:url(../media/images/playpause.gif) no-repeat -14px 0; right:3px; }
/* Intro Latest ---------- */
.intro-latest { border:1px solid #d5d5d5; width:225px; float:right; min-height:351px; background-color:#fff; }
.intro-latest .title { font:bold 15px Arial; color:#fff; display:block; background:url(../media/images/introlatest.png) no-repeat 0 0; padding:0 6px; line-height:38px; }
.intro-latest ul { padding:0 6px; }
.intro-latest p { color:#434343; font-size:11px; overflow:hidden; }
.intro-latest li { margin:6px 0 0; overflow:hidden; }
.intro-latest h3 { font:bold 12px Arial; }
/* Sidetabs ---------- */
.sidebox.tabs { background:none; }
.sidetabs { overflow:hidden; position:relative; z-index:1; }
.sidetabs li { float:left; margin:0 0 0 3px; }
.sidetabs li:first-child { margin:0; }
.sidetabs li:first-child a { padding:4px 6px 4px 5px; }
.sidetabs li a:hover { text-decoration:none; }
.sidetabs li a { display:block; border:1px solid #dfe0e1; border-bottom:0; padding:4px 5px; font-weight:bold; background:url(../media/images/sidetabs.gif) repeat-x 0 bottom;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border-top-left-radius:3px;
border-top-right-radius:3px; }
.sidetabs .current { color:#32373b; cursor:default; background:#fff; border-color:#d5d5d5; }
.sidepanes { border:1px solid #d5d5d5; padding:10px; position:relative; z-index:0; top:-1px; background-color:#fff; }
.sidepanes p { color:#434343; font-size:11px; overflow:hidden; }
.sidepanes li { padding:8px 0 0; margin:8px 0 0; border-top:1px solid #e4e4e4; overflow:hidden; }
.sidepanes li:first-child { padding:0; margin:0; border:0; }
.sidepanes h3 { font:bold 12px Arial; margin:2px 0 0; }
.sidepanes .commentbox { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin:8px 0 12px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; }
.sidepanes .commentbox-inner { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 23px; margin-bottom:-23px; float:left; }
/* Sidenav ---------- */
.sidenav { border:1px solid #d5d5d5; border-bottom:0; background-color:#fff; }
.sidenav li a { font-size:13px; color:#787878; padding:8px 12px; display:block; background:#eceadf url(../media/images/sidenav.gif) repeat-x 0 0; border-bottom:1px solid #d5d5d5; }
.sidenav li a:hover { color:#2e60af; text-decoration:none; }
.sidenav li .active { color:#333; background:url(../media/images/sidenav.png) no-repeat 0 center; }
/* Blog Latest ---------- */
.bloglatest { border:1px solid #d5d5d5; }
.bloglatest p { color:#434343; font-size:11px; overflow:hidden; }
.bloglatest li { padding:10px 10px 14px 10px; border-top:1px solid #d5d5d5; background:#fff url(../media/images/bloglatest.png) repeat-x 0 bottom; }
.bloglatest li:first-child { border:0; }
.bloglatest h3 { font:bold 12px Arial; margin:2px 0 0; }
.bloglatest .sidebox-title { background:#e3e0cf url(../media/images/blogtitle.png) repeat-x 0 bottom; }
/* Poll ---------- */
.poll .sidebox-title { background:#dbdce0 url(../media/images/polltitle.gif) repeat-x 0 bottom; border-color:#6f7375; }
.pollquestion { font-weight:bold; margin:4px 0 8px; }
.poll .button,
.poll .archive { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #285398; margin:10px 2px 0 0; line-height:22px; }
.poll .archive { display:block; float:left; }
.poll fieldset div { overflow:hidden; margin:8px 0; }
.poll fieldset div input:first-child { margin:0 6px 0 0; padding:0; width:15px; height:15px; float:left; }
.poll { border:1px solid #d5d5d5; }
.poll fieldset div span strong { float:left; color:#2e60af; display:block; margin:1px 8px 0 0; }
.poll fieldset div span { overflow:hidden; display:block; }
.poll fieldset div span em { float:right; background-color:#fff; padding:1px; border:1px solid #e4e4e4; display:block; width:240px; }
.poll .thank { border-bottom:1px solid #e4e4e4; padding:0 0 6px; margin:0 0 6px; font-size:15px; }
/* Footer ---------- */
#footerbar .wrapper { overflow:hidden; padding:8px 12px; width:960px; }
#footerbar { background-color:#32373b; }
#footerbar p { color:#8e8d8d; float:left; font-size:11px; }
#footerbar p a { color:#5898d7; font-weight:bold; }
#footerbar p a:hover { text-decoration:none; }
#footerbar p + p { float:right; }
#footer { background:#2d3c47 url(../media/images/footersep.png) no-repeat 700px 0; padding:12px; border-bottom:1px solid #57636c; }
#footer dl { float:left; margin:0 0 0 16px; width:100px; }
#footer dl:first-child { margin:0; }
#footer dt { color:#fff; font:bold 14px Arial; margin:0 0 16px; }
#footer dt a { color:#fff; }
#footer dd { color:#fff; font-size:11px; margin:6px 0; }
#footer dd a { color:#7ca8ed; }
#footer dd a:hover { color:#d0dcef; }
#footer .links { color:#fff; border-top:1px solid #384650; padding:8px 0 0; width:100%; clear:both; font-size:11px; margin:10px 0 0; float:left; }
#footer .links a { color:#fff; margin:0 4px; }
#footer .links a:first-child { color:#fff; margin-left:0; }
#footer .footerbox { float:right; width:262px; background:url(../media/images/human.png) no-repeat right 22px; margin:4px -26px 0 0; min-height:200px; }
#footer .footerbox p { width:142px; font:bold 11px Arial; padding:8px 12px; color:#2b2b2b; background:#98b8d7 url(../media/images/glow.png) no-repeat 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 5px #000; -moz-box-shadow:0 1px 5px #000; box-shadow:0 1px 5px #000; line-height:16px; }
#footer .footerbox p strong { display:block; background: url(../media/images/corner.png) no-repeat right 16px; width:142px; padding:0 23px 0 0; }
#footer .footerbox p strong span { display:block; color:#fff; font:normal 10px Arial; margin:4px 0 0; }
#footer .footerbox .twitter { color:#abe0ed; font-size:11px; float:left; display:block; padding:4px 0 4px 22px; background:url(../media/images/twitter.gif) no-repeat 0 3px; margin:10px 0 0; }
#sitemap dt { color:#fff; font:bold 15px Arial; margin:16px 0 6px; }
#sitemap dt a { color:#2E60AF; }
#sitemap dd { color:#000000; font:15px Arial; margin:6px 0 0 16px; }
#sitemap dd a { color:#2E60AF; }
#sitemap dd a:hover { color:#2E60AF; }
/* Overlay ---------- */
#overlay { display:none; text-align:left; width:480px; z-index:10000; padding:10px; background:rgba(42,47,52,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#overlayinner { background-color:#fff; border:3px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#overlayheader { background-color:#000; color:#fefefe; padding:14px 22px; position:relative; }
#overlayheader .title { font-size:20px; }
#overlayheader p { color:#9a9a9a; margin:10px 0 0; }
#overlayheader p a { color:#7ca8ed; }
#overlayheader .close { position:absolute; top:10px; right:10px; cursor:pointer; }
#overlay fieldset { padding:20px 22px 0 22px; color:#33383c; }
#overlay fieldset .section { overflow:hidden; margin:0 0 5px; min-height:31px; }
#overlay fieldset .textfield,
#overlay fieldset textarea { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0; }
#overlay fieldset textarea { height:130px; margin:0 0 8px; }
#overlay fieldset label { float:left; display:block; width:126px; padding:8px 0 0; }
#overlay fieldset .error label { color:#b22626; }
#overlay fieldset .error .textfield { border:2px solid #b22626; }
#overlay .errormsg { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; }
#overlay .errormsg strong { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 16px; font-size:10px; margin:0 0 -16px; float:left; }
#overlay fieldset input.error { color:#b22626; }
#overlay fieldset input.error { border:2px solid #b22626; }
#overlay fieldset label.error { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; font-size:10px;}
#overlay input.captcha { float:left; margin:0 4px 0 0; padding:0; width:44px; height:24px; }
#overlay .infomsg { padding:4px 0 6px 126px; color:#9a9a9a; width:302px; float:left; clear:both; }
#overlay .infomsg strong { font-weight:normal; color:#434343; display:block; }
#overlay .checkbox { float:left; margin:0 4px 0 0; padding:0; width:14px; height:14px; }
#overlay .terms { padding:10px 0; margin:10px 0; border-top:1px solid #ddd; }
#overlay #overlayfooter { background-color:#efede1; padding:10px 0 10px 160px; }
#overlay #overlayfooter input { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 6px 0 0; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
#overlay #overlayfooter input.blue { background:#71a1ee; text-shadow: 1px 1px 1px #285398; }
#overlay .radiobox { float:left; padding:8px 0 0; }
#overlay .radiobox input { padding:0; margin:0 4px 0 14px; float:left; width:14px; height:14px; }
#overlay .radiobox input:first-child { margin:0 4px 0 0; }
#overlay .radiobox span { float:left; }
#overlay .dropdownbox { overflow:hidden; }
#overlay .dropdownbox li { float:left; margin:0 6px 0 0; height:31px; line-height:31px; }
#overlay .select { background:url(../media/images/dropdown.gif) no-repeat right center; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 18px 7px 8px; color:#434343; font:normal 12px Arial;border-top-color:#a3a3a3; width:42px; display:block; position:absolute; cursor:pointer; }
#overlay select.styled { cursor:pointer; border:0; padding:0; margin:0; display:block; height:31px; line-height:31px; }
#overlay .dropdownbox li:first-child .select { width:82px !important; }
#overlay .dropdownbox li:first-child select.styled { width:110px !important; }
#overlay .dropdownbox option { font:normal 12px Arial; }
#overlay .file.uploadavatar { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0 6px 0 0; }
#article .file.profileuploadavatar { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 10px Arial; width:184px; float:left; border-top-color:#a3a3a3; margin:0 6px 0 0; }
/*login ----------*/
#overlaylogin { display:none; text-align:left; width:480px; z-index:10000; padding:10px; background:rgba(42,47,52,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#overlaylogin fieldset { padding:20px 22px 0 22px; color:#33383c; }
#overlaylogin fieldset .section { overflow:hidden; margin:0 0 5px; min-height:31px; }
#overlaylogin fieldset .textfield,
#overlaylogin fieldset textarea { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0; }
#overlaylogin fieldset textarea { height:130px; margin:0 0 8px; }
#overlaylogin fieldset label { float:left; display:block; width:126px; padding:8px 0 0; }
#overlaylogin fieldset .error label { color:#b22626; }
#overlaylogin fieldset .error .textfield { border:2px solid #b22626; }
#overlaylogin .errormsg { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; }
#overlaylogin .errormsg strong { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 16px; font-size:10px; margin:0 0 -16px; float:left; }
#overlaylogin fieldset input.error { color:#b22626; }
#overlaylogin fieldset input.error { border:2px solid #b22626; }
#overlaylogin fieldset label.error { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; font-size:10px;}
#overlaylogin input.captcha { float:left; margin:0 4px 0 0; padding:0; width:44px; height:24px; }
#overlaylogin .infomsg { padding:4px 0 6px 126px; color:#9a9a9a; width:302px; float:left; clear:both; }
#overlaylogin .infomsg strong { font-weight:normal; color:#434343; display:block; }
#overlaylogin .checkbox { float:left; margin:0 4px 0 0; padding:0; width:14px; height:14px; }
#overlaylogin .terms { padding:10px 0; margin:10px 0; border-top:1px solid #ddd; }
#overlaylogin #overlayfooter { background-color:#efede1; padding:10px 0 10px 160px; }
#overlaylogin #overlayfooter input { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 6px 0 0; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
#overlaylogin #overlayfooter input.blue { background:#71a1ee; text-shadow: 1px 1px 1px #285398; }
#overlaylogin .radiobox { float:left; padding:8px 0 0; }
#overlaylogin .radiobox input { padding:0; margin:0 4px 0 14px; float:left; width:14px; height:14px; }
#overlaylogin .radiobox input:first-child { margin:0 4px 0 0; }
#overlaylogin .radiobox span { float:left; }
#overlaylogin .dropdownbox { overflow:hidden; }
#overlaylogin .dropdownbox li { float:left; margin:0 6px 0 0; height:31px; line-height:31px; }
#overlaylogin .select { background:url(../media/images/dropdown.gif) no-repeat right center; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 18px 7px 8px; color:#434343; font:normal 12px Arial;border-top-color:#a3a3a3; width:42px; display:block; position:absolute; cursor:pointer; }
#overlaylogin select.styled { cursor:pointer; border:0; padding:0; margin:0; display:block; height:31px; line-height:31px; }
#overlaylogin .dropdownbox li:first-child .select { width:82px !important; }
#overlaylogin .dropdownbox li:first-child select.styled { width:110px !important; }
#overlaylogin .dropdownbox option { font:normal 12px Arial; }
#overlaylogin .file.uploadavatar { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0 6px 0 0; }
/*reminder ----------*/
#overlayreminder { display:none; text-align:left; width:480px; z-index:10000; padding:10px; background:rgba(42,47,52,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#overlayreminder fieldset { padding:20px 22px 0 22px; color:#33383c; }
#overlayreminder fieldset .section { overflow:hidden; margin:0 0 5px; min-height:31px; }
#overlayreminder fieldset .textfield,
#overlayreminder fieldset textarea { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0; }
#overlayreminder fieldset textarea { height:130px; margin:0 0 8px; }
#overlayreminder fieldset label { float:left; display:block; width:126px; padding:8px 0 0; }
#overlayreminder fieldset .error label { color:#b22626; }
#overlayreminder fieldset .error .textfield { border:2px solid #b22626; }
#overlayreminder .errormsg { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; }
#overlayreminder .errormsg strong { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 16px; font-size:10px; margin:0 0 -16px; float:left; }
#overlayreminder fieldset input.error { color:#b22626; }
#overlayreminder fieldset input.error { border:2px solid #b22626; }
#overlayreminder fieldset label.error { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; font-size:10px;}
#overlayreminder input.captcha { float:left; margin:0 4px 0 0; padding:0; width:44px; height:24px; }
#overlayreminder .infomsg { padding:4px 0 6px 126px; color:#9a9a9a; width:302px; float:left; clear:both; }
#overlayreminder .infomsg strong { font-weight:normal; color:#434343; display:block; }
#overlayreminder .checkbox { float:left; margin:0 4px 0 0; padding:0; width:14px; height:14px; }
#overlayreminder .terms { padding:10px 0; margin:10px 0; border-top:1px solid #ddd; }
#overlayreminder #overlayfooter { background-color:#efede1; padding:10px 0 10px 160px; }
#overlayreminder #overlayfooter input { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 6px 0 0; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
#overlayreminder #overlayfooter input.blue { background:#71a1ee; text-shadow: 1px 1px 1px #285398; }
/*message ----------*/
#overlaymessage { display:none; text-align:left; width:480px; z-index:10000; padding:10px; background:rgba(42,47,52,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#overlaymessage fieldset { padding:20px 22px 0 22px; color:#33383c; }
#overlaymessage fieldset .section { overflow:hidden; margin:0 0 5px; min-height:31px; }
#overlaymessage fieldset .textfield,
#overlaymessage fieldset textarea { background:url(../media/images/textfield.gif) repeat-x 0 0; border:1px solid #cbcbcb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:7px 8px; color:#434343; font:normal 12px Arial; width:284px; float:left; border-top-color:#a3a3a3; margin:0; }
#overlaymessage fieldset textarea { height:130px; margin:0 0 8px; }
#overlaymessage fieldset label { float:left; display:block; width:126px; padding:8px 0 0; }
#overlaymessage fieldset .error label { color:#b22626; }
#overlaymessage fieldset .error .textfield { border:2px solid #b22626; }
#overlaymessage .errormsg { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; }
#overlaymessage .errormsg strong { background:url(../media/images/comment-arrow.png) no-repeat 4px bottom; padding:0 0 16px; font-size:10px; margin:0 0 -16px; float:left; }
#overlaymessage fieldset input.error { color:#b22626; }
#overlaymessage fieldset input.error { border:2px solid #b22626; }
#overlaymessage fieldset label.error { background-color:#f5f3e9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px; margin:4px 0 11px 126px; -webkit-box-shadow:0 1px 3px #bbb; -moz-box-shadow:0 1px 3px #bbb; box-shadow:0 1px 3px #bbb; color:#b22626; width:297px; float:left; clear:both; font-size:10px;}
#overlaymessage input.captcha { float:left; margin:0 4px 0 0; padding:0; width:44px; height:24px; }
#overlaymessage .infomsg { padding:4px 0 6px 126px; color:#9a9a9a; width:302px; float:left; clear:both; }
#overlaymessage .infomsg strong { font-weight:normal; color:#434343; display:block; }
#overlaymessage .checkbox { float:left; margin:0 4px 0 0; padding:0; width:14px; height:14px; }
#overlaymessage .terms { padding:10px 0; margin:10px 0; border-top:1px solid #ddd; }
#overlaymessage #overlayfooter { background-color:#efede1; padding:10px 0 10px 160px; }
#overlaymessage #overlayfooter input { border:0; height:22px; cursor:pointer; font:bold 12px Arial; text-shadow: 1px 1px 1px #7b7b7b; margin:0 6px 0 0; line-height:22px; background:#c1c1c1 url(../media/images/buttongrey.gif) repeat-x center; }
#overlaymessage #overlayfooter input.blue { background:#71a1ee; text-shadow: 1px 1px 1px #285398; }
.bottombanner {text-align:center; padding: 5px;}