/* Produced By: Jake Alger */ * { margin: 0; padding: 0; } html { background-color:#181718; } body { color:#fff; text-align: center; font-size: 10px; font-family: Arial, Tahoma, Verdana, sans-serif; } h1 { text-indent: -9000px; } h2 { text-indent: -9000px; } img { border: 0; vertical-align: bottom; } a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; } ul { list-style-type: none; } li { display: inline; } em { font-style: normal; } address { font-style: normal; } input { vertical-align: middle; font-size: 12px; } select { font-size: 11px; font-weight: normal; color: #12395A; } option { padding-left: 5px; } textarea { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .right { float: right; } .left { float: left; } #wrapper { width: 928px; text-align: left; margin: 0 auto; margin-top: 10px; background:#fff url(../images/wrapper.png) no-repeat 0 100%; } #container { padding: 4px; width: 920px; float: left; background: url(../images/container.png) no-repeat; } #error-404 { padding: 25px; clear: both; } #error-404 h3 { color:#000; } #error-404 p { color:#000; } #top { height: 49px; background: url(../images/top.png) no-repeat; } #top #affiliates { float: left; } #top #affiliates ul { margin: 15px 0 0 16px; display: inline; float: left; } #top #affiliates ul li { float: left; } #top #affiliates ul li a { height: 21px; margin-right: 10px; float: left; } #top #affiliates ul li a.amd { width: 82px; background: url(../images/amd.png) no-repeat; } #top #affiliates ul li a.nvidia { width: 120px; background: url(../images/nvidia.png) no-repeat; } #top #affiliates ul li a.creative { width: 100px; background: url(../uploads/sponsors/sponsors_123460545626.jpg) no-repeat; } #top #affiliates ul li a.geight { width: 100px; background: url(../uploads/sponsors/sponsors_123460549470.jpg) no-repeat; } #top #login { width: 281px; height: 19px; margin: 14px 16px 0 0; float: right; background: url(../images/logged.png) no-repeat; } #top #login div { float: left; padding-top: 2px; background: url(../images/login-input.png) no-repeat 100% 100%; } #top #login div label { padding: 1px 5px 0 3px; color:#939393; float: left; } #top #login div input { border: 0; width: 68px; height: 13px; padding: 1px 2px; font-size: 10px; background: transparent; } #top #login input { float: left; } #top #login input.submit { display: inline; margin: 2px 0 0 5px; } #top #logged { width: 281px; height: 19px; margin: 14px 16px 0 0; float: right; background: url(../images/logged.png) no-repeat; } #top #logged p { margin: 3px 0 0 5px; font-family: verdana; font-size: 9px; font-weight: bold; float: left; } #top #logged ul { margin-top: 2px; float: right; } #top #logged ul li { margin-right: 2px; float: left; } #top #logged ul li a { width: 48px; height: 15px; text-indent: -9000px; float: left; } #top #logged ul li a.inbox { background: url(../images/button-inbox.png) no-repeat; } #top #logged ul li a.status { background: url(../images/button-status.png) no-repeat; } #top #logged ul li a.logout { background: url(../images/button-logout.png) no-repeat; } #navigation { height: 20px; width: 599px; float: left; background: url(../images/navigation.png) repeat-x; } #navigation ul { margin-left: 10px; display: inline; float: left; } #navigation ul li { margin-left: 12px; float: left; } #navigation ul li a { height: 20px; text-indent: -9000px; float: left; } #navigation ul li a.home { width: 27px; background: url(../images/navi-home.png) no-repeat; } #navigation ul li a.forums { width: 38px; background: url(../images/navi-forums.png) no-repeat; } #navigation ul li a.lessons { width: 41px; background: url(../images/navi-lessons.png) no-repeat; } #navigation ul li a.proshop { width: 43px; background: url(../images/navi-proshop.png) no-repeat; } #navigation ul li a.predictions { width: 59px; background: url(../images/navi-predictions.png) no-repeat; } #navigation ul li a.galleries { width: 48px; background: url(../images/navi-galleries.png) no-repeat; } #navigation ul li a.auctions { width: 44px; background: url(../images/navi-auctions.png) no-repeat; } #navigation ul li a.files { width: 25px; background: url(../images/navi-files.png) no-repeat; } #navigation ul li a.movies { width: 33px; background: url(../images/navi-movies.png) no-repeat; } #navigation ul li a.media { width: 28px; background: url(../images/navi-media.png) no-repeat; } #navigation ul li a.support { width: 43px; background: url(../images/navi-support.png) no-repeat; } #navigation embed { float: left; } #control { width: 321px; height: 34px; margin-top: -14px; float: left; background: url(../images/control.png) no-repeat; } #control p { margin-top: 15px; font-family: tahoma; font-size: 11px; font-weight: bold; width: 109px; float: left; text-align: center; } #control ul { margin-top: 5px; } #control ul li { margin-right: 3px; float: left; } #control ul li a { height: 13px; text-indent: -9000px; float: left; } #control ul li a.register { width: 58px; background: url(../images/button-register.png) no-repeat; } #control ul li a.forgotpassword { width: 102px; background: url(../images/button-forgotpassword.png) no-repeat; } #control ul li a.editprofile { width: 71px; background: url(../images/button-editprofile.png) no-repeat; } #control ul li a.myprofile { width: 66px; background: url(../images/button-myprofile.png) no-repeat; } #control ul li a.myblogs { width: 60px; background: url(../images/button-myblogs.png) no-repeat; } #flash-banner { width: 920px; height: 72px; clear: both; } #mid-affiiates { width: 920px; margin: 3px 0; float: left; } #mid-affiiates ul { width: 920px; float: left; } #mid-affiiates ul li { float: left; } #mid-affiiates ul li a { height: 90px; float: left; } #mid-affiiates ul li.googlead { width: 728px; } #mid-affiiates ul li a.img { text-indent: -9000px; width: 188px; float: left; margin-left: 3px; display: inline; background: url(http://www.complexitygaming.com/uploads/depository/headsettop.jpg) no-repeat; } div.row { width: 920px; float: left; background: url(../images/row.png) no-repeat; } div.row_coverage { width: 920px; float: left; } div.row_coverage table tr td:first-child{ color: #0d0d0d; border: 1px solid black; background: black; } div.row_coverage table tr td { color: #0d0d0d; border: 1px solid black; background: url(http://www.complexitygaming.com/uploads/depository/eswc_coverage.jpg) no-repeat #000000; } div.row_coverage h3 { font-size: 32px; } div.row_coverage div#event-wrapper { text-align: center; margin: 0px auto; padding: 0px; border:0; width: 444px; } div.row_coverage div#event-wrapper img.archive { float: right; background-color: #000; } div.row_coverage div#event-header { padding-bottom: 10px; /*background: url("http://img30.imageshack.us/img30/774/headervz.jpg") no-repeat top;*/ height: 60px; } div.row_coverage div#event-left div#main { text-align: center; width: 444px; height: 120px; padding-top: 40px; } div.row_coverage div#event-left div#side-a { text-align: left; float: left; margin: 0; width: 195px; height: 175px; margin-left: 25px; } div.row_coverage div#event-left div#side-a ul, div.row_coverage div#event-left div#main { margin-top: 0px; margin-bottom: 47px; color: white; /* list-style-image: url(http://img21.imageshack.us/img21/6012/70424461.png);*/ } div.row_coverage div#event-left div#side-a ul li, div.row_coverage div#event-left div#main ul li{ display: list-item; list-style-position: inside; } div#side-a ul li a, div.row_coverage div#event-left div#main ul li a { color: white; font-size: 11px; font-weight: bold; } div#side-a ul li a:hover, div.row_coverage div#event-left div#main ul li a:hover { color: #dcdcdc; } div.row_coverage div#event-left div#side-b { text-align: left; float: right; width: 195px; margin-left: 20px; height: 1% /* Holly hack for Peekaboo Bug */ } div.row_coverage div#event-left div#side-b ul{ margin-top: 47px; color: white; list-style-image: url(http://img21.imageshack.us/img21/6012/70424461.png); } div.row_coverage div#event-left div#side-b ul li{ display: list-item; list-style-position: inside; } div#side-b ul li a { color: white; font-size: 11px; font-weight: bold; } div#side-b ul li a:hover { color: #dcdcdc; } div.row_coverage table#event-footer { text-align: center; } div.row_coverage div#event-footer table#media { width: 100%; height: 100px; background: none; margin-top: 75px; padding: 0; text-align: center; } div.row_coverage div#event-footer table#media tr td#game { } div.row_coverage div#event-footer table#media tr td { background: none; border: none; width: 50%; } div.row_coverage div#event-footer table#media tr td#wow { } div.row_coverage div#event-footer table#media tr td#madden { padding: 0px; } div.row_coverage div#event-footer table#media ul{ color: white; /* list-style-image: url(http://img294.imageshack.us/img294/8905/16348261.png); */ } div.row_coverage div#event-footer table#media ul li{ display: list-item; list-style-position: inside; } table#media ul li a { color: white; font-size: 11px; font-weight: bold; } table#media ul li a:hover { color: #dcdcdc; } #teamnews { width: 328px; float: left; } #teamnews h2 { width: 93px; height: 13px; margin: 4px 0 0 5px; background: url(../images/h2-teamnews.png) no-repeat; } #teamnews .rotator { display: none; } #teamnews .rotator dl { margin-top: 171px; width: 307px; float: left; background-color:#000; opacity: 0.6; filter:alpha(opacity=60); padding: 7px 10px; font-weight: bold; } #teamnews .rotator dl dt { font-size: 21px; } #teamnews .rotator dl dt a { color:#fff; } #teamnews .rotator dl dd { font-size: 9px; } #teamnews #listing { height: 111px; width: 328px; float: left; background: url(../images/news-listing.png) no-repeat; } #teamnews #listing #cats { margin: 5px 5px 0 5px; float: left; } #teamnews #listing #cats ul { } #teamnews #listing #cats ul li { } #teamnews #listing #cats ul li a { height: 16px; margin-right: 4px; text-indent: -9000px; float: left; } #teamnews #listing #cats ul li a.team { width: 37px; background: url(../images/button-team.png) no-repeat; } #teamnews #listing #cats ul li a.matches { width: 52px; background: url(../images/button-matches.png) no-repeat; } #teamnews #listing #cats ul li a.demos { width: 41px; background: url(../images/button-demos.png) no-repeat; } #teamnews #listing #cats ul li a.roster { width: 52px; background: url(../images/button-roster.png) no-repeat; } #teamnews #listing #cats ul li a.blogs { width: 45px; background: url(../images/button-blogs.png) no-repeat; } #teamnews #listing #cats ul li a.servers { width: 55px; background: url(../images/button-servers.png) no-repeat; } #teamnews #listing #stories { width: 327px; height: 73px; float: left; } #teamnews #listing #stories ul { margin: 1px 10px 0 10px; line-height: 17px; font-size: 11px; } #teamnews #listing #stories ul li { color:#010101; width: 307px; float: left; } #teamnews #listing #stories ul li span { color:#595959; float: right; } #teamnews #listing #stories ul li img { margin: 4px 5px 0 0; float: left; } #teamnews #listing #stories ul li a { margin-top: 1px; color:#010101; float: left; } #teamnews p.more a { margin: 2px 0 0 114px; display: inline; width: 84px; height: 13px; float: left; text-indent: -9000px; background: url(../images/more-teamnews.png) no-repeat; } ul.rotator_links { float: left; position: relative; z-index: 2; margin: -215px 0 0 5px; display: inline; } ul.rotator_links li { color:#666; font-style: italic; font-weight: bold; } ul.rotator_links li a { color:#666; text-align: center; width: 16px; margin-right: 2px; height: 16px; float: left; font-size: 11px; } ul.rotator_links li a.white { background: url(../images/rotator-white.png) no-repeat; } ul.rotator_links li a.red { color:#fff; background: url(../images/rotator-red.png) no-repeat; } #gamingtv { width: 265px; float: left; } #gamingtv h2 { width: 116px; height: 13px; float: left; margin: 4px 0 0 1px; background: url(../images/h2-gamingtv.png) no-repeat; } #gamingtv span a { text-indent: -9000px; margin-right: 4px; float: right; background: url(../images/button-bigscreen.png) no-repeat; float: right; } #gamingtv span a.bigscreen { width: 59px; height: 11px; margin-top: 4px; background: url(../images/button-bigscreen.png) no-repeat; } #gamingtv span a.live { width: 53px; height: 14px; margin-top: 1px; background: url(../images/button-live.gif) no-repeat; } #gamingtv img { clear: both; } #gamingtv embed { float: left; } #gamingtv #listing { height: 111px; width: 265px; float: left; background: url(../images/tv-listing.png) no-repeat; } #gamingtv #listing ul { width: 240px; line-height: 18px; margin-top: 4px; padding: 0 12px; float: left; } #gamingtv #listing ul li { color:#fefefe; width: 240px; float: left; } #gamingtv #listing ul li span { color:#c8c8c8; float: right; } #gamingtv #listing ul li em { color:#868686; margin-left: 15px; display: inline; font-style: normal; } #gamingtv #listing ul li a { color:#fefefe; float: left; } #gamingnews { width: 327px; float: left; } #gamingnews h2 { width: 95px; height: 13px; margin: 4px 0 0 1px; background: url(../images/h2-gamingnews.png) no-repeat; } #gamingnews h2#hteam { width: 93px; margin: 4px 0 0 5px; background: url(../images/h2-teamnews.png) no-repeat; } #gamingnews .rotator { display: none; } #gamingnews .rotator dl { margin-top: 171px; width: 307px; float: left; background-color:#000; opacity: 0.6; filter:alpha(opacity=60); padding: 7px 10px; font-weight: bold; } #gamingnews .rotator dl dt { font-size: 21px; } #gamingnews .rotator dl dt a { color:#fff; } #gamingnews .rotator dl dd { font-size: 9px; } #gamingnews #listing #cats-g { margin: 5px 5px 0 5px; float: left; } #gamingnews #listing #cats-g ul { } #gamingnews #listing #cats-g ul li { } #gamingnews #listing #cats-g ul li a { height: 16px; margin-right: 4px; text-indent: -9000px; float: left; } #gamingnews #listing #cats-g ul li a.gamingextras { width: 82px; background: url(../images/button-gamingextras.png) no-repeat; } #gamingnews #listing #cats-g ul li a.noobflicks { width: 68px; background: url(../images/button-noobflicks.png) no-repeat; } #gamingnews #listing #cats-g ul li a.gamingnews { width: 76px; background: url(../images/button-gamingnews.png) no-repeat; } #gamingnews #listing { height: 111px; width: 327px; float: left; background: url(../images/gamenews-listing.png) no-repeat; } #gamingnews #listing-full { height: 278px; width: 327px; float: left; background: url(../images/gamenews-listing-full.png) no-repeat; } #gamingnews #listing #stories, #gamingnews #listing-full #stories { width: 327px; float: left; } #gamingnews #listing #stories ul, #gamingnews #listing-full #stories ul { margin: 1px 10px 0 10px; line-height: 17px; font-size: 11px; } #gamingnews #listing #stories ul li, #gamingnews #listing-full #stories ul li { color:#010101; width: 307px; float: left; } #gamingnews #listing #stories ul li span, #gamingnews #listing-full #stories ul li span { color:#595959; float: right; } #gamingnews #listing #stories ul li img, #gamingnews #listing-full #stories ul li img { margin: 4px 5px 0 0; float: left; } #gamingnews #listing #stories ul li a, #gamingnews #listing-full #stories ul li a { margin-top: 1px; color:#010101; float: left; } #gamingnews p.more-team a, #gamingnews p.more a, #gamingnews p.more-red a { margin: 2px 0 0 118px; display: inline; width: 96px; height: 13px; float: left; text-indent: -9000px; } #gamingnews p.more a, #gamingnews p.more-red a { background: url(../images/more-gamingnews.png) no-repeat; } #gamingnews p.more-team a { background: url(../images/more-teamnews.png) no-repeat; } #gamenews-right { width: 592px; display: inline; margin-left: 1px; float: left; } #gaming-extras { width: 264px; height: 271px; float: left; } #gaming-extras h2 { margin: 4px 0 0 1px; float: left; width: 90px; height: 13px; background: url(../images/h2-gamingextras.png) no-repeat; } #gaming-extras span { float: right; } #gaming-extras span a { height: 11px; margin: 4px 1px 0 0; text-indent: -9000px; float: right; } #gaming-extras span a.more { width: 51px; background: url(../images/button-more.png) no-repeat; } #gaming-extras span a.submit { width: 43px; background: url(../images/button-submit-trans.png) no-repeat; } #gaming-extras ul { line-height: 18px; padding-top: 6px; float: left; height: 271px; background: url(../images/gamingextras-listing.png) no-repeat; } #gaming-extras ul li { padding: 0 12px; font-size: 11px; width: 240px; float: left; } #gaming-extras ul li span { color:#868686; float: right; } #gaming-extras ul li a { color:#fefefe; float: left; } #poll-pblogs { width: 264px; height: 288px; background: url(../images/players-blogs.png) repeat-x 100% 100%; float: left; } #poll-pblogs #selector { margin-top: 5px; } #poll-pblogs #selector ul { width: 172px; height: 13px; } #poll-pblogs #selector ul.fpoll { background: url(../images/fanpoll-selected.png) no-repeat; } #poll-pblogs #selector ul.pblog { background: url(../images/playerblogs-selected.png) no-repeat; } #poll-pblogs #selector ul li { display: inline; } #poll-pblogs #selector ul li a { text-indent: -9000px; float: left; } #poll-pblogs #selector ul li a.fanspoll { width: 81px; float: left; } #poll-pblogs #selector ul li a.playerblog { width: 91px; float: left; } #fans-poll { padding: 10px; float: left; } #fans-poll p { color:#fff; font-weight: bold; text-align: center; padding: 5px 5px 10px 5px; font-size: 11px; background: url(../images/players-blogs-divider.png) no-repeat 0 100%; } #fans-poll p span { color:#a1a1a1; font-weight: normal; } #fans-poll .question { width: 244px; float: left; margin-top: 11px; } #fans-poll .question label { width: 140px; float: left; color:#a1a1a1; font-size: 11px; } #fans-poll .question span, #fans-poll .question span img { float: left; } #fans-poll .question input { margin-right: 5px; float: left; } #fans-poll ul { width: 244px; float: left; margin-top: 15px; } #fans-poll ul li { display: inline; float: left; } #fans-poll ul li a { text-indent: -9000px; float: left; } #fans-poll ul li .submit { margin: 0 5px 0 74px; display: inline; } #fans-poll ul li .results { margin-top: 2px; width: 41px; height: 11px; background: url(../images/button-results.png) no-repeat; } #players-blogs { padding: 10px; display: none; float: left; } #players-blogs div { width: 244px; margin-bottom: 5px; float: left; padding-bottom: 5px; background: url(../images/players-blogs-divider.png) no-repeat 0 100%; } #players-blogs div img { margin-right: 10px; float: left; } #players-blogs div dl { font-size: 11px; line-height: 15px; float: left; } #players-blogs div dl dt { color:#fefefe; font-weight: bold; } #players-blogs div dl dt a { color:#fefefe; } #players-blogs div dl dd { color:#a1a1a1; } #advertising { width: 327px; height: 288px; display: inline; margin-left: 1px; float: left; } #advertising h2 { margin: 4px 0 0 1px; width: 91px; height: 13px; background: url(../images/h2-advertising.png) no-repeat; } #advertising div.inside { padding: 9px 13px; height: 253px; background-color:#000; } #newest-noobflicks { width: 264px; margin-top: 2px; background: url(../images/newest-noobflicks.png) no-repeat; float: left; } #newest-noobflicks h2 { margin: 4px 0 0 4px; height: 13px; background: url(../images/h2-newestnoobflicks.png) no-repeat; } #newest-noobflicks h2#latestvideos { background: url(../images/h2-latestvideos.png) no-repeat; } #newest-noobflicks #listing { height: 209px; background: url(../images/newest-noobflicks-listing.png) no-repeat; } #newest-noobflicks #listing ul { padding: 9px 10px 0 10px; line-height: 17px; float: left; } #newest-noobflicks #listing ul li { color:#010101; font-size: 11px; width: 244px; float: left; } #newest-noobflicks #listing ul li span { color:#595959; float: right; } #newest-noobflicks #listing ul li img { margin: 5px 5px 0 0; float: left; } #newest-noobflicks #listing ul li a { margin-top: 1px; color:#010101; float: left; } #newest-noobflicks #listing p.more-red a { margin: 3px 0 0 105px; display: inline; width: 51px; height: 11px; float: left; background: url(../images/button-more-red.png) no-repeat; text-indent: -9000px; } #upcoming-matches { width: 327px; margin-top: 2px; display: inline; margin-left: 1px; background: url(../images/noobvideos.png) no-repeat; float: left; } #upcoming-matches #selectors { margin: 4px 0 0 4px; height: 13px; } #upcoming-matches #selectors ul { width: 327px; float: left; } #upcoming-matches #selectors ul.umatches { background: url(../images/umatches-first-select.png) no-repeat; } #upcoming-matches #selectors ul.scoreboard { background: url(../images/umatches-second-select.png) no-repeat; } #upcoming-matches #selectors ul.demodepot { background: url(../images/umatches-third-select.png) no-repeat; } #upcoming-matches #selectors ul li { } #upcoming-matches #selectors ul li a { float: left; text-indent: -9000px; } #upcoming-matches #selectors ul li a.first { width: 98px; } #upcoming-matches #selectors ul li a.second { width: 78px; } #upcoming-matches #selectors ul li a.third { width: 88px; } #upcoming-matches #listing { height: 209px; display: none; float: left; background: url(../images/upcomingmatches-listing.png) no-repeat; } #upcoming-matches #listing ul { padding: 9px 10px 0 10px; float: left; line-height: 17px; } #upcoming-matches #listing ul li { color:#010101; font-size: 11px; width: 307px; float: left; } #upcoming-matches #listing ul li span { color:#595959; margin-top: 1px; float: right; } #upcoming-matches #listing ul li em { margin-right: 20px; font-style: normal; } #upcoming-matches #listing ul li img { margin: 5px 5px 0 0; float: left; } #upcoming-matches #listing ul li a { margin-top: 1px; color:#010101; float: left; } #upcoming-matches #listing p.more-red a { margin: 3px 5px 0 107px; display: inline; width: 51px; height: 11px; float: left; background: url(../images/button-more-red.png) no-repeat; text-indent: -9000px; } #upcoming-matches #listing p.submit-red a { margin-top: 3px; width: 51px; height: 11px; background: url(../images/button-submit-red.png) no-repeat; float: left; text-indent: -9000px; } #upcoming-matches #listing p.single a { margin-left: 138px; display: inline; } #quick-full { width: 920px; float: left; } #quick-full ul { margin: 5px 0 0 16px; display: inline; float: left; } #quick-full ul li { } #quick-full ul li a { margin: 3px 1px 0 2px; float: left; width: 292px; height: 80px; } #quick-full ul li a.publicserver { background: url(../images/public-servers.png) no-repeat; } #quick-full ul li a.buygear { background: url(../images/buy-gear.png) no-repeat; } #quick-full ul li a.complexitv { background: url(../images/complexitv.png) no-repeat; } #quick-full ul li a.insider { background: url(../images/insider.png) no-repeat; } #home-left { width: 593px; float: left; } #mid-boxes { height: 185px; background: url(../images/mid-boxes.png) no-repeat; } #mid-boxes div { width: 197px; float: left; } #mid-boxes div h2 { margin-top: 6px; height: 16px; } #mid-boxes div h2#posts { width: 67px; background: url(../images/h2-forumposts.png) no-repeat; } #mid-boxes div h2#blogs { width: 67px; background: url(../images/h2-latestblogs.png) no-repeat; } #mid-boxes div h2#depot { width: 80px; background: url(../images/h2-downloaddepot.png) no-repeat; } #mid-boxes div ul { font-size: 11px; width: 180px; float: left; padding: 2px 10px 3px 7px; } #mid-boxes div ul li { color:#595959; width: 180px; float: left; line-height: 18px; } #mid-boxes div ul li span { float: right; } #mid-boxes div ul li a { color:#010100; float: left; } #mid-boxes div p a { margin-left: 70px; display: inline; width: 51px; height: 12px; float: left; background: url(../images/button-more-grey.png) no-repeat; text-indent: -9000px; } #quick-links { width: 592px; float: left; } #quick-links ul { } #quick-links ul li { } #quick-links ul li a { margin: 3px 1px 0 2px; float: left; width: 292px; height: 80px; } #quick-links ul li a.publicserver { background: url(../images/public-servers.png) no-repeat; } #quick-links ul li a.buygear { background: url(../images/buy-gear.png) no-repeat; } #quick-links ul li a.complexitv { background: url(../images/complexitv.png) no-repeat; } #quick-links ul li a.insider { background: url(../images/insider.png) no-repeat; } #association { width: 592px; float: left; } #association h2 { margin: 40px 18px 0 8px; width: 122px; display: inline; height: 5px; float: left; background: url(../images/complexity-association.png) no-repeat; } #association ul { } #association ul li { } #association ul li a { text-indent: -9000px; float: left; } #association ul li a.noobflicks { margin: 33px 28px 0 0; width: 131px; height: 19px; background: url(../images/noobflicks.png) no-repeat; } #association ul li a.esfiworld { margin: 25px 28px 0 0; width: 93px; height: 35px; background: url(../images/esfiworld.png) no-repeat; } #association ul li a.mobiriot { margin-top: 23px; width: 140px; height: 36px; background: url(../images/mobiriot.png) no-repeat; } #association embed { margin-top: 25px; float: left; } #home-right { width: 327px; float: left; } #noob-videos { margin-top: 6px; width: 327px; background: url(../images/noobvideos.png) no-repeat; float: left; } #noob-videos h2 { width: 91px; height: 13px; float: left; margin: 4px 0 0 5px; background: url(../images/h2-noobvideos.png) no-repeat; } #noob-videos span a { float: right; text-indent: -9000px; margin: 4px 6px 0 0; width: 51px; height: 11px; background: url(../images/button-more.png) no-repeat; } #noob-videos img { clear: both; } #sponsors { margin-top: 4px; float: left; } #sponsors ul { } #sponsors ul li { } #sponsors ul li a { width: 156px; height: 66px; margin: 3px; float: left; } #sponsors ul li a.innate { background: url(../images/sponsor-innate.png) no-repeat; } #sponsors ul li a.kappa { background: url(../images/sponsor-kappa.png) no-repeat; } #sponsors ul li a.blank { background: url(../images/sponsor-blank.png) no-repeat; } #sponsors ul li a.creative { background: url(../images/sponsor-creative.png) no-repeat; } #news { width: 627px; margin-left: 10px; display: inline; float: left; } #ntop dl { width: 627px; float: left; } #ntop dl dt { font-size: 22px; font-weight: bold; color:#000; } #ntop dl dd { font-size: 10px; color:#444; } #ntop ul { width: 268px; height: 19px; margin-right: 10px; display: inline; float: right; background: url(../images/ntop-ul.png) no-repeat 0 100%; } #ntop ul li { display: inline; width: 134px; float: left; margin-top: 4px; text-align: center; } #news #post { padding: 6px 6px 0 6px; width: 615px; float: left; background:#181718 url(../images/news-post.png) no-repeat; } #news #post #inside { margin-top: 2px; background:#fff url(../images/news-inside.png) no-repeat; } #news #post #inside p { padding: 5px 10px; font-size: 12px; color:#444; } #news #post #inside * { text-indent: 0; } #news #post #inside em { font-style: italic; } #news #post #inside a { color:#590000; font-weight: bold; } #news #post #inside blockquote { padding: 0 15px; } /* jQuery pagination for long news */ #news #post #inside .pagebreak { } #news #post #inside #col_news_pagination { margin-top: 35px; padding-bottom: 20px; font-size: small; font-weight: bold; text-align: center; color: #666666; background: #FFFFFF; } #news #post #inside #col_news_pagination a.qp_prev { margin-left: 15px; } #news #post #inside #col_news_pagination a.qp_next { margin-right: 15px; } #news #spread { width: 627px; height: 35px; float: left; background: url(../images/spread.png) no-repeat; } #news #spread ul { padding: 12px 0 0 170px; } #news #spread ul li { display: inline; margin-right: 3px; } #comments { width: 627px; margin-top: 8px; background: url(../images/comments.png) no-repeat; float: left; } #comments h2 { margin: 4px 0 0 5px; width: 94px; height: 13px; display: inline; float: left; background: url(../images/h2-comments.png) no-repeat; } #comments p.first-comment { padding: 25px; text-align: center; color:#000; width: 577px; font-size: 11px; float: left; } #comments .comment { width: 627px; float: left; } #comments .comment h3 { width: 622px; padding: 1px 0 0 5px; height: 12px; font-family: arial; font-size: 9px; color:#fff; float: left; background: url(../images/comment-h3.png) repeat-x; } #comments .comment h3 span { float: right; margin: 0 5px 0 0; } #comments .comment h3 span a { color:#fff; } #comments .comment .inside { width: 599px; padding: 10px 14px; float: left; background:#fff url(../images/comment-inside.png) repeat-x; } #comments .comment .inside .left { width: 90px; float: left; background: url(../images/comment-left.png) no-repeat 100% 0; overflow: hidden; } #comments .comment .inside .left p { text-align: center; width: 72px; float: left; padding-top: 5px; font-weight: bold; color:#434343; font-size: 11px; } #comments .comment .inside .left span { text-align: center; margin-top: 2px; width: 72px; float: left; } #comments .comment .inside .left span img { margin: 0; float: left; } #comments .comment .inside .left ul.buttons { padding: 2px 0 0 10px; float: left; } #comments .comment .inside .left ul.buttons li { float: left; margin-top: 3px; width: 90px; } #comments .comment .inside .left ul.buttons li a { width: 51px; height: 12px; text-indent: -9000px; float: left; } #comments .comment .inside .left ul.buttons li a.online { background: url(../images/button-online.png) no-repeat; } #comments .comment .inside .left ul.buttons li a.quote { background: url(../images/button-quote.png) no-repeat; } #comments .comment .inside .left ul.buttons li a.edit { background: url(../images/button-edit.png) no-repeat; } #comments .comment .inside .left ul.buttons li a.offline { background: url(../images/button-offline.png) no-repeat; } #comments .comment .inside .right { width: 499px; padding-left: 10px; float: left; } #comments .comment .inside .right p { font-size: 12px; color:#444; margin-bottom: 10px; } #comments .comment .inside .right p em { font-style: italic; } #comments .comment .inside .right p span.underline { text-decoration: underline; } /* #comments .comment .inside .right p span.cquote { padding: 10px; margin-bottom: 10px; width: 479px; float: left; background-color:#fcfcfc; border:#f5f5f5 1px solid; font-style: italic; color:#444; } */ #comments .comment .inside .right p span.cquote { padding: 10px 10px 10px 30px; margin-bottom: 10px; width: 459px; float: left; background: #FFFFFF url('http://www.complexitygaming.com/images/quote-left.png') no-repeat 3px 3px; border: 1px solid #CECECE; font-style: italic; color: #101010; } #comments .comment .inside .right p span.bbcquote { padding: 10px 10px 10px 30px; margin-bottom: 10px; background: #FFFFFF url('http://www.complexitygaming.com/images/quote-left.png') no-repeat 3px 3px; border: 1px solid #CECECE; font-style: italic; color: #101010; } #comments .comment .inside .right .post_edit { display: none; } #comments .comment .inside .right .post_edit textarea { width: 497px; height: 150px; } #comments .comment .inside .right .post_edit input { float: right; } div.thumbs { float: left; } div.thumbs ul { margin: 5px 0 5px 18px; float: left; display: inline; } div.thumbs ul li { display: inline; float: left; margin-left: 3px; } div.thumbs ul li a { width: 13px; height: 16px; text-indent: -9000px; float: left; } div.thumbs ul li a.tup { background: url(../images/thumbs-up.png) no-repeat; } div.thumbs ul li a.tdown { background: url(../images/thumbs-down.png) no-repeat; } div.thumbs ul li a.tup:hover, div.thumbs ul li a.tup.selected { background: url(../images/thumbs-up.png) no-repeat 0 -16px; } div.thumbs ul li a.tdown:hover, div.thumbs ul li a.tdown.selected { background: url(../images/thumbs-down.png) no-repeat 0 -16px; } div.thumbs span { color:#000; font-size: 12px; } .pagination { width: 100%; margin: 10px 0; float: left; } .pagination ul { float: right; } .pagination ul li { color:#000; font-size: 12px; font-weight: bold; float: left; } .pagination ul li a { color:#000; margin: 0 1px; } .pagination ul li a:hover { text-decoration: underline; } .pagination ul li a.previous { margin: 2px 5px; text-indent: -9000px; width: 51px; height: 11px; float: left; background: url(../images/button-previous-grey.png) no-repeat; } .pagination ul li a.next { margin: 2px 5px; text-indent: -9000px; width: 51px; height: 11px; float: right; background: url(../images/button-next-grey.png) no-repeat; } #post-comment { width: 627px; float: left; } #post-comment h3 { font-family: arial; height: 15px; text-transform: uppercase; padding: 2px 0 0 5px; font-size: 10px; background: url(../images/comments.png) no-repeat; } #post-comment textarea { margin: 3px 0 10px 0; width: 621px; padding: 3px; border: 0; float: left; height: 75px; background: url(../images/postmessage-textarea.png) no-repeat; } #post-comment input { float: right; } #post-comment p.comment-signin { width: 577px; color:#000; font-weight: bold; font-size: 11px; text-align: center; padding: 25px; float: left; } #post-comment #toolbar { background: #D5D5D5 url('../images/background_silver.jpg') repeat-x; border: 1px solid #D5D5D5; height: 25px; width: 595px; margin-top: 10px; padding-top: 1px; padding-left: 30px; } #post-comment #toolbar .bbcode_button { margin: 1px; cursor: pointer; } #post-comment #toolbar .bbcode_button:hover { background-color: #C1D2EE; border: 1px solid #316AC5; cursor: pointer; margin: 0px; } #post-comment #toolbar img.smiley { margin: 3px 5px; cursor: pointer; } #post-comment #toolbar img.smiley:hover { background-color: #C1D2EE; border: 1px solid #316AC5; cursor: pointer; padding: 2px 4px; margin: 0; } #news-right { width: 275px; margin-top: 15px; float: right; color:#000; } #news-right p { margin-bottom: 5px; text-align: center; width: 275px; float: left; } #news-right p.tower { margin-top: 10px; } #files-right { width: 275px; margin-top: 35px; float: right; color:#000; } #files-right p { margin-bottom: 5px; text-align: center; } .right-box { width: 260px; height: 288px; margin-top: 7px; padding: 5px 6px; float: left; } .right-box.red { background: url(../images/box-red.png) no-repeat; } .right-box.black { background: url(../images/box-black.png) no-repeat; } .right-box h2 { float: left; height: 16px; } .right-box h2.related { width: 69px; background: url(../images/h2-relatednews.png) no-repeat; } .right-box h2.popular { width: 97px; background: url(../images/h2-mostpopularnews.png) no-repeat; } .right-box span a.more { margin-top: 2px; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-more.png) no-repeat; } .right-box ul { margin-top: 5px; float: left; } .right-box ul li { color:#fff; width: 250px; font-size: 11px; padding: 1px 5px; height: 16px; float: left; } .right-box ul li img { margin: 1px 5px 0 0; float: left; } .right-box ul li em { margin-top: 0; float: right; } .right-box ul li em.red { color:#be6262; } .right-box ul li em.grey { color:#979797; } .right-box ul li a { color:#fff; float: left; } .filebox { width: 260px; height: 149px; margin: 7px 0 10px 0; padding: 5px 6px; float: left; } .filebox.red { background: url(../images/filebox-red.png) no-repeat; } .filebox h2 { float: left; height: 16px; } .filebox h2.movies { width: 73px; background: url(../images/h2-latestmovies.png) no-repeat; } .filebox h2.demos { width: 73px; background: url(../images/h2-relateddemos.png) no-repeat; } .filebox h2.blogs { width: 69px; background: url(../images/h2-latestblogs-black.png) no-repeat; } .filebox h2.forumposts { width: 69px; background: url(../images/h2-latestforumposts-black.png) no-repeat; } .filebox span a.more { margin-top: 2px; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-more.png) no-repeat; } .filebox ul { margin-top: 5px; float: left; } .filebox ul li { color:#fff; width: 250px; padding: 1px 5px; font-size: 11px; height: 16px; float: left; } .filebox ul li img { margin: 1px 5px 0 0; float: left; } .filebox ul li em { margin-top: 0; float: right; } .filebox ul li em.red { color:#be6262; } .filebox ul li em.grey { color:#979797; } .filebox ul li a { color:#fff; float: left; } .filebox ul li a.stream { margin: -12px 50px 0 0; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-stream.png) no-repeat; } .filebox ul li a.more { margin: -12px 50px 0 0; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-more.png) no-repeat; } .filebox ul li a.hltv { margin: -12px 50px 0 0; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-hltv.png) no-repeat; } .filebox ul li a.pov { margin: -12px 50px 0 0; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-pov.png) no-repeat; } .resultbox { width: 260px; height: 185px; margin-bottom: 10px; padding: 5px 6px; float: left; } .resultbox.black { background: url(../images/results-black.png) no-repeat; } .resultbox h2 { float: left; height: 16px; } .resultbox h2.results { width: 81px; background: url(../images/h2-relatedresults.png) no-repeat; } .resultbox h2.predictions { width: 97px; background: url(../images/h2-predictionresults.png) no-repeat; } .resultbox span a.more { margin-top: 2px; text-indent: -9000px; float: right; width: 51px; height: 11px; background: url(../images/button-more.png) no-repeat; } .resultbox ul { margin-top: 6px; float: left; } .resultbox ul li { color:#fff; width: 250px; font-size: 11px; padding: 2px 5px; height: 14px; float: left; } .resultbox ul li img { margin: 1px 5px 0 0; float: left; } .resultbox ul li strong { margin-top: -14px; float: right; } .resultbox ul li strong.green { color:#149e02; } .resultbox ul li strong.red { color:#c00000; } .resultbox ul li strong.grey { color:#797979; } .resultbox ul li em { margin: -14px 35px 0 0; width: 75px; text-align: center; float: right; } .resultbox ul li em.red { color:#be6262; } .resultbox ul li em.grey { color:#979797; } .resultbox ul li a { color:#fff; } #guestbook { height: 771px; width: 266px; float: left; padding: 5px 0 5px 5px; background: url(../images/guestbook.png) no-repeat; } #guestbook h2 { height: 16px; width: 59px; background: url(../images/h2-guestbook.png) no-repeat; } #guestbook div.entry { width: 266px; border-bottom:#dbdbdb 1px dashed; padding: 10px 0 13px 0; float: left; } #guestbook div.entry img { margin: 5px; display: inline; float: left; } #guestbook div.entry p { margin-top: 3px; width: 180px; font-size: 11px; float: right; } #guestbook div.entry p span { color:#b4b4b4; } #guestbook div.post { margin-left: 1px; float: left; display: inline; } #guestbook div.post textarea { border: 0; padding: 5px; width: 248px; height: 71px; background: url(../images/guestbook-textarea.png) no-repeat; } #guestbook div.post input { margin: 7px 10px 0 0; float: right; } #guestbook div.pagination { width: 266px; margin: 15px 0; float: left; } #guestbook div.pagination p { width: 156px; color:#9b9b9b; font-size: 9px; text-align: center; float: left; } #guestbook div.pagination span a { width: 51px; height: 11px; text-indent: -9000px; } #guestbook div.pagination span a.previous { float: left; background: url(../images/button-previous.png) no-repeat; } #guestbook div.pagination span a.next { margin-right: 8px; float: right; background: url(../images/button-next.png) no-repeat; } #guestbook p.loginmsg, #guestbook p.success { padding: 25px 0; font-size: 11px; width: 266px; float: left; text-align: center; font-weight: bold; } #guestbook p.success { display: none; } #profile { width: 920px; float: left; } #profile #ptop { padding: 5px 10px; width: 900px; float: left; } #profile #ptop h3 { font-size: 18px; color:#000; float: left; } #profile #ptop h3 img { margin: 6px 5px 0 0; float: left; } #profile #ptop ul { margin-top: 6px; float: left; } #profile #ptop ul li { display: inline; } #profile #ptop ul li a { margin-left: 8px; display: inline; width: 51px; height: 12px; text-indent: -9000px; float: left; } #profile #ptop ul li a.addfriend { width: 59px; background: url(../images/button-addfriend.png) no-repeat; } #profile #ptop ul li a.message { background: url(../images/button-message.png) no-repeat; } #profile #ptop ul li a.online { background: url(../images/button-online.png) no-repeat; } #profile #ptop ul li a.offline { background: url(../images/button-offline.png) no-repeat; } #profile #pleft { width: 219px; float: left; } #profile #pleft span.pic { width: 219px; float: left; height: 217px; text-align: center; background: url(../images/profile-picture.png) no-repeat } #profile #pleft span.pic img { margin-top: 8px; } #profile #pleft div { width: 216px; float: left; margin: 10px 0 0 3px; display: inline; padding-bottom: 5px; background: url(../images/pleft-divider.png) no-repeat 50% 100%; } #profile #pleft div h2 { width: 216px; height: 16px; float: left; } #profile #pleft div h2#favideo { background: url(../images/h2-favoritevideo.png) no-repeat; } #profile #pleft div h2#album { background: url(../images/h2-photoalbum.png) no-repeat; } #profile #pleft div h2#friends { background: url(../images/h2-colfriends.png) no-repeat; } #profile #pleft div h2#visitors { background: url(../images/h2-latestvisitors.png) no-repeat; } #profile #pleft div img.player { margin: 5px; display: inline; float: left; } #profile #pleft div embed { margin-top: 5px; float: left; } #profile #pleft div dl { padding: 5px; font-weight: bold; width: 200px; float: left; } #profile #pleft div dl dt { color:#b90909; font-size: 11px; } #profile #pleft div dl dd { color:#6e6e6e; } #profile #pleft div ul { padding: 5px 0; float: left; } #profile #pleft div ul li { padding: 3px; font-size: 11px; color:#000; height: 12px; width: 200px; float: left; } #profile #pleft div ul li.even { background: url(../images/pleft-odd.png) no-repeat; } #profile #pleft div ul li img { margin-right: 5px; float: left; } #profile #pleft div ul li span { width: 51px; height: 12px; text-indent: -9000px; margin: 0 5px 0 0; float: right; } #profile #pleft div ul li span.online { background: url(../images/button-online.png) no-repeat; } #profile #pleft div ul li span.offline { background: url(../images/button-offline.png) no-repeat; } #profile #pleft div ul li a { color:#000; float: left; } #profile #pleft p.none { color:#000; padding: 15px; text-align: center; clear: both; } #profile #pmiddle { width: 418px; background: url(../images/profile-middle.png) no-repeat; float: left; } #profile #pmiddle h2 { margin: 4px 0 0 5px; display: inline; float: left; width: 90px; height: 13px; background: url(../images/h2-profile.png) no-repeat; } #profile #pmiddle h3 { font-family: arial; font-size: 9px; text-transform: uppercase; width: 413px; height: 12px; padding: 1px 0 0 5px; float: left; } #profile #pmiddle h3.grey { color:#4a4e53; background: url(../images/pmiddle-grey.png) repeat-x; } #profile #pmiddle h3.red { color:#fff; background: url(../images/pmiddle-red.png) repeat-x; } #profile #pmiddle ul { margin: 5px 0; float: left; } #profile #pmiddle ul li { color:#000; padding: 1px 5px; height: 16px; width: 408px; float: left; font-size: 11px; } #profile #pmiddle ul li.even { background: url(../images/pmiddle-even.png) no-repeat; } #profile #pmiddle ul li span { color:#660000; font-weight: bold; width: 165px; float: left; } #profile #pmiddle ul li a { color:#000; } #profile #pmiddle ul li a:hover { text-decoration: underline; } #profile #pmiddle p { font-size: 11px; color:#000; padding: 5px; clear: both; } #profile #pright { width: 271px; float: right; color:#000; } #profile #pright .filebox { margin-top: 0; } #team { width: 920px; float: left; } #team-temp { width: 920px; height: 627px; background: url(../images/team-splash.png) no-repeat; float: left; } #team #games { width: 728px; float: left; } #team #games div.game { width: 728px; background-color:#000; float: left; } #team #games div.game h3 { height: 26px; padding-top: 2px; font-size: 18px; font-family: arial; background: url(../images/team-game-h3.png) no-repeat; } #team #games div.game h3 img { margin: 6px 8px 0 8px; float: left; } #team #games div.game ul { width: 728px; float: left; } #team #games div.game ul li { margin: 0 17px 0 20px; float: left; } #team #games div.game ul li img { margin: 0 5px 0 15px; display: inline; float: left; } #team #games div.game ul li a { padding-top: 3px; width: 108px; color:#fff; height: 17px; float: left; background: url(../images/team-tab.png) no-repeat; } #team #games div.game ul li a:hover { background: url(../images/team-tab.png) no-repeat 0 -20px; } #team-right { width: 188px; float: left; } #team-right #sponsors ul { margin-left: 15px; display: inline; float: left; } #team-right h2 { width: 187px; margin-left: 4px; display: inline; height: 16px; float: left; } #team-right h2#management { background: url(../images/h2-teammanagement.png) no-repeat; } #team-right h2#teamstaff { background: url(../images/h2-teamstaff.png) no-repeat; } #team-right div.listing { margin-top: 5px; float: left; } #team-right div.listing ul { font-size: 11px; } #team-right div.listing ul li { color:#000; width: 173px; float: left; padding: 3px 5px 5px 10px; background: url(../images/team-listing-divider.png) no-repeat 50% 100%; } #team-right div.listing ul li.even { background-color:#f2f2f2; } #team-right div.listing ul li img { float: left; margin: 1px 5px 0 0; } #team-right div.listing ul li em { color:#ff0000; font-style: italic; } #team-right div.listing ul li a { color:#000; } #team-right p { width: 188px; text-align: center; margin-top: 10px; float: left; } #search { width: 708px; padding: 10px; float: left; } #search label { width: 69px; height: 17px; float: left; background: url(../images/downloads-search.png) no-repeat; text-indent: -9000px; } #search input { margin-left: 10px; display: inline; float: left; } #search input.text { border:#ececec 2px solid; } #search input.button { margin-top: 2px; } #search select { margin: 1px 0 0 10px; display: inline; float: left; } #galleries, #galleries #listing { width: 728px; float: left; } #galleries #listing { margin-top: 10px; } #galleries #newest { width: 368px; float: left; height: 316px; background: url(../images/newest-gallery.png) no-repeat 0 100%; } #galleries #newest div { height: 226px; } #galleries #newest dl { padding: 0 10px 3px 10px; margin-top: 185px; width: 348px; float: left; background-color:#000; opacity: 0.6; filter:alpha(opacity=60); } #galleries #newest dl dt { font-size: 21px; font-weight: bold; } #galleries #newest dl dd { } #galleries #newest p { padding: 8px 10px; clear: both; } #galleries #newest span a.more { margin-left: 150px; width: 51px; height: 12px; background: url(../images/button-view.png) no-repeat; text-indent: -9000px; float: left; display: inline; } #galleries #latest { width: 355px; float: right; } #galleries #latest h2 { height: 21px; background: url(../images/h2-latestgalleries.png) no-repeat; } #galleries #latest ul { margin-top: 2px; } #galleries #latest ul li { float: left; margin: 3px 3px 0 0; } #galleries #listing { } #galleries #listing ul { } #galleries #listing ul li { width: 140px; height: 140px; float: left; margin: 0 2px 3px 3px; display: inline; } #galleries table { margin-top: 5px; background: url(../images/downloads-table.png) no-repeat; width: 100%; } #galleries table tr { } #galleries table tr th { height: 20px; padding-left: 10px; } #galleries table tr th.title { font-size: 12px; font-weight: bold; } #galleries table tr td { height: 24px; border-bottom:#fff 1px solid; padding-left: 10px; color:#444; } #galleries table tr td * { font-size: 10px; } #galleries table tr td img { margin: 2px 5px 0 0; float: left; } #galleries table tr td strong { font-size: 11px; } #galleries table tr td a { font-weight: bold; font-size: 11px; color:#444; } #galleries table tr td a:hover { text-decoration: underline; } #galleries table tr.odd td { background: url(../images/downloads-odd.png) repeat-x 100% 0; } #galleries table tr.even td { background: url(../images/downloads-even.png) repeat-x 100% 0; } #gallery-image { width: 627px; margin-left: 10px; display: inline; float: left; } #gallery-image p.image { margin: 10px; } #gallery-image p.none { text-align: center; color:#000; font-size: 11px; font-weight: bold; padding: 150px 0; } #downloads, #downloads div { width: 728px; float: left; } #downloads table { background: url(../images/downloads-table.png) no-repeat; width: 100%; } #downloads table tr { } #downloads table tr th { height: 20px; padding-left: 10px; text-align: left; } #downloads table tr th.title { font-size: 12px; font-weight: bold; } #downloads table tr td { height: 24px; border-bottom:#fff 1px solid; padding-left: 10px; color:#444; } #downloads table tr td * { font-size: 10px; } #downloads table tr td img { margin: 2px 5px 0 0; float: left; } #downloads table tr td strong { font-size: 11px; } #downloads table tr td a { font-weight: bold; font-size: 11px; color:#444; } #downloads table tr td a:hover { text-decoration: underline; } #downloads table tr.odd td { background: url(../images/downloads-odd.png) repeat-x 100% 0; } #downloads table tr.even td { background: url(../images/downloads-even.png) repeat-x 100% 0; } #downloads #utilities { background: url(../images/downloads-utilities.png) no-repeat 100% 0; } #downloads #movies { background: url(../images/downloads-movies.png) no-repeat 100% 0; } #downloads #demos { background: url(../images/downloads-demos.png) no-repeat 100% 0; } #file { width: 627px; margin-left: 10px; display: inline; float: left; } #file h3.headline { padding: 3px 0 0 5px; margin: 0 0 2px 0; width: 622px; height: 25px; font-size: 18px; font-family: arial; font-weight: bold; color:#fff; background: url(../images/sponsors-h3.png) no-repeat; float: left; } #file h4 { font-family: arial; margin: 10px 0; font-size: 18px; color:#000; } #file #info { padding: 10px; background: url(../images/file-info.png) no-repeat; } #file #info ul { width: 375px; float: left; } #file #info ul li { color:#000; width: 600px; background: url(../images/pleft-divider.png) no-repeat 50% 100%; padding: 3px 0 5px 0; float: left; font-weight: bold; font-size: 11px; } #file #info ul li.none { background: transparent; } #file #info ul li span { color:#444; font-weight: normal; } #file #info ul li em { color:#5c5f72; } #file #info ul li input { width: 77px; height: 16px; text-indent: -9000px; border: 0; float: left; } #file #info ul li input.download { background: url(../images/button-download.png) no-repeat; cursor : pointer; } #file #noobflash { margin-left: 100px; display: inline; float: left; } #match { width: 627px; margin-left: 10px; display: inline; float: left; } #match h4 { font-family: arial; margin: 10px 0; font-size: 18px; color:#000; } #match #info { padding: 10px; background: url(../images/file-info.png) no-repeat; } #match #info ul.listing { width: 315px; float: left; } #match #info ul.listing li { color:#000; width: 300px; background: url(../images/pleft-divider.png) no-repeat 50% 100%; padding: 3px 0 5px 0; float: left; font-weight: bold; font-size: 11px; } #match #info ul.listing li.none { background: transparent; } #match #info ul.listing li span { color:#444; font-weight: normal; } #match #info ul.listing li em { color:#5c5f72; } #match #info ul.listing li a { width: 83px; height: 16px; text-indent: -9000px; float: left; } #match #info ul.listing li a.download { background: url(../images/button-downloaddemo.png) no-repeat; cursor : pointer; } div.scoreboard { width: 289px; height: 142px; margin: 0 0 10px 12px; background: url(../images/scoreboard.png) no-repeat; float: left; display: inline; } div.scoreboard h5 { display: inline; margin: 3px 0 23px 15px; float: left; font-family: arial; font-size: 11px; } div.scoreboard div.team { width: 289px; height: 48px; float: left; } div.scoreboard div.roster { width: 123px; padding: 5px; color:#525e68; float: left; } div.scoreboard div.roster img { } div.scoreboard div.roster span { font-weight: bold; font-size: 11px; } div.scoreboard ul { float: left; } div.scoreboard ul li { width: 35px; margin-top: 12px; font-size: 18px; color:#2f383d; float: left; text-align: center; } #submit { width: 627px; margin-left: 10px; display: inline; float: left; } #submit h3 { font-size: 22px; margin-bottom: 5px; font-family: arial; color:#000; } #submit h4 { font-family: arial; font-size: 9px; height: 12px; padding: 1px 0 0 5px; width: 622px; float: left; text-transform: uppercase; font-weight: normal; } #submit h4.red { background: url(../images/pmiddle-red.png) repeat-x; } #submit h4.grey { background: url(../images/pmiddle-dgrey.png) repeat-x; } #submit div { width: 627px; height: 36px; float: left; background: url(../images/submit-div.png) repeat-x; } #submit div.textarea { width: 627px; height: 150px; float: left; background: url(../images/submit-textarea-div.png) repeat-x; } #submit div span { padding: 9px 2px 0 15px; margin-right: 15px; height: 27px; color:#383f47; font-weight: bold; width: 50px; float: left; font-family: arial; font-size: 13px; background: url(../images/submit-label.png) no-repeat 100% 50%; } #submit div label { padding: 9px 2px 0 15px; margin-right: 15px; height: 27px; color:#383f47; font-weight: bold; width: 145px; float: left; font-family: arial; font-size: 13px; background: url(../images/submit-label.png) no-repeat 100% 50%; } #submit div label.none { background: transparent; } #submit div select, #submit div input { margin: 8px 3px 0 0; float: left; } #submit div input.text, #submit div textarea { border:#b4b4b4 1px solid; border-top:#717171 1px solid; padding: 1px; } #submit div input.score { width: 35px; text-align: center; } #submit div input.reset { margin: 10px 0 0 180px; display: inline; } #submit div input.submit { margin: 10px 25px 0 0; float: right; } #submit div textarea { margin-top: 8px; width: 425px; height: 130px; float: left; } #pub-playerlist { width: 622px; margin-top: 12px; float: left; } #pub-playerlist table { background: #666666; width: 100%; } #pub-playerlist table tr th { height: 20px; padding-left: 10px; text-align: left; } #pub-playerlist table tr th.title { font-size: 12px; font-weight: bold; } #pub-playerlist table tr td { height: 24px; border-bottom:#fff 1px solid; padding-left: 10px; color:#444; } #pub-playerlist table tr td * { font-size: 10px; } #pub-playerlist table tr td strong { font-size: 11px; } #pub-playerlist table tr td a { font-weight: bold; font-size: 11px; color:#444; } #pub-playerlist table tr td a:hover { text-decoration: underline; } #pub-playerlist table tr.odd td { background: url(../images/downloads-odd.png) repeat-x 100% 0; } #pub-playerlist table tr.even td { background: url(../images/downloads-even.png) repeat-x 100% 0; } #nvidia-ad { width: 280px; margin-top: 32px; float: left; } #nvidia-ad p { text-align: center; } #tv { width: 920px; float: left; } #live-shows { width: 920px; float: left; } #live-shows #stream { padding: 10px; width: 400px; height: 300px; background-color:#000; float: left; } #live-shows embed { float: left; } #upcoming-shows { width: 920px; height: 75px; background: url(../images/upcoming-shows.png) repeat-x; float: left; } #upcoming-shows h2 { width: 153px; height: 56px; display: inline; margin: 10px 0 0 13px; background: url(../images/h2-upcomingshows.png) no-repeat; float: left; } #upcoming-shows div { width: 213px; height: 37px; padding: 8px 10px; display: inline; margin: 10px 0 0 14px; background: url(../images/upcomingshows-box.png) no-repeat; float: left; } #upcoming-shows div ul { font-size: 11px; } #upcoming-shows div ul li { width: 213px; float: left; } #upcoming-shows div ul li img { margin: 1px 5px 0 0; float: left; } div.split { width: 459px; } div.split h2, div.split h2 a { width: 459px; height: 30px; float: left; } div.split h2#coltv { background: url(../images/h2-complexitv.png) no-repeat; } div.split h2#insider { background: url(../images/h2-insidertv.png) no-repeat; } div.split embed { float: left; } div.split div.main div.details { padding: 10px; width: 439px; float: left; font-size: 11px; height: 96px; background: url(../images/coltv-details.png) no-repeat; } div.split div.main div.details span { font-weight: bold; color:#c10206; } div.split div.main div.details p { padding: 5px 0; color:#5f5c5c; } div.split div.main div.details ul { } div.split div.main div.details ul li { color:#181718; display: block; } div.split div.sub { padding: 10px; width: 439px; float: left; } div.split div.sub img { margin-right: 10px; float: left; } div.split div.sub div.details { width: 275px; float: left; font-size: 11px; } div.split div.sub div.details span { font-weight: bold; color:#c10206; } div.split div.sub div.details p { padding: 0 0px 5px 0; color:#5f5c5c; } div.split div.sub div.details ul { } div.split div.sub div.details ul li { color:#181718; display: block; } div.split div.sub div.details ul li a { margin-top: 4px; text-indent: -9000px; float: left; width: 65px; height: 16px; } div.split div.sub div.details ul li a.watchnow { background: url(../images/button-watchnow.png) no-repeat; } #media { width: 728px; float: left; } #media h3 { padding: 3px 0 0 10px; clear: both; height: 25px; font-family: arial; font-size: 16px; color:#fff; background: url(../images/media-h3.png) no-repeat; } #media div.post { border-top:#fff 1px solid; border-bottom:#9e9e9e 1px solid; float: left; padding: 10px 20px; width: 323px; height: 139px; background: url(../images/media-post.png) repeat-x 100% 0; } #media div.post.odd { border-right:#fff 1px solid; } #media div.post.even { border-left:#9e9e9e 1px solid; } #media div.post h4 { width: 323px; text-align: center; font-family: arial; color:#383f47; text-align: center; font-size: 16px; } #media div.post img { margin-top: 10px; float: left; } #media div.post p { font-family: arial; color:#444; margin-top: 15px; padding-left: 15px; width: 164px; float: left; } p.mid-ad { width: 920px; margin: 15px 0; float: left; text-align: center; } div.error { border:#c0c0c0 1px solid; margin-top: 10px; padding: 25px; width: 868px; float: left; background-color:#efefef; } div.error p { text-align: center; color:#000; } div.errors { padding: 25px; } div.errors ul { text-align: center; } div.errors ul li { display: block; color:#000; font-size: 11px; font-weight: bold; } div.msg { width: 870px; padding: 25px; float: left; } div.msg p { font-weight: bold; text-align: center; color:#000; font-size: 11px; } #admin-navi { width: 920px; margin: 5px 0; float: left; } #admin-navi ul { padding-left: 10px; } #admin-navi ul li { display: inline; font-size: 11px; color:#000; position: relative; float: left; font-weight: bold; } #admin-navi ul li span { padding: 5px 6px 0 6px; float: left; } #admin-navi ul li a { padding: 5px 0; float: left; color:#000; } #admin-navi ul li a:hover { text-decoration: underline; } #admin-navi ul li ul { display: none; } #admin-navi ul li:hover ul { padding: 0; margin-top: 22px; float: left; z-index: 2; border:#d1d1d1 1px solid; background-color:#f5f6f7; width: 150px; left: -3px; position: absolute; display: block; } #admin-navi ul li:hover ul li a { font-size: 10px; padding: 5px; width: 140px; } #admin-navi ul li:hover ul li a:hover { background-color:#5b0606; color:#fff; } div.filter { width: 920px; float: left; margin: -24px 0 10px 0; } div.filter p { float: right; color:#000; margin-right: 10px; font-size: 11px; font-weight: bold; } div.filter ul { margin-right: 10px; float: right; } div.filter ul li { color:#000; float: left; font-size: 11px; } div.filter ul li span { margin: 0 3px 0 5px; display: inline; } div.filter ul li a { color:#000; } div.filter ul li a:hover { text-decoration: underline; } div.admin-listing { width: 920px; float: left; } div.admin-listing h4 { font-family: arial; font-size: 11px; margin: 5px 0; color:#000; } div.admin-listing table { width: 100%; font-size: 11px; } div.admin-listing table tr { } div.admin-listing table tr th { padding: 5px; background-color:#5b0606; } div.admin-listing table tr td { color:#000; padding: 5px; } div.admin-listing table tr td em.red { color:#ff0000; text-decoration: blink; } div.admin-listing table tr.odd td { } div.admin-listing table tr.even td { background-color:#e9e9e9; } div.admin-listing table tr.hover td { background-color:#e4494f; } div.admin-listing table tr td a { color:#000; } div.admin-listing table tr td a:hover { text-decoration: underline; } div.admin-pagination { width: 920px; float: left; } div.admin-pagination ul { padding: 10px; } div.admin-pagination ul li { font-size: 11px; } div.admin-pagination ul li a { color:#fff; padding: 2px 5px; background-color:#8e1919; border:#6e1313 1px solid; } div.admin-pagination ul li a:hover { color:#fff; background-color:#6e1313; } div.admin-pagination ul li a.prev { float: left; } div.admin-pagination ul li a.next { float: right; } div.form { width: 920px; float: left; } div.form h3 { padding: 5px; background-color:#5b0606; font-family: arial; font-size: 11px; color:#fff; } div.form div.area { width: 880px; padding: 0 20px; margin-top: 10px; float: left; } div.form div.area label { padding-top: 2px; color:#000; font-weight: bold; font-size: 11px; width: 100px; float: left; } div.form div.area input { float: left; } div.form div.area input.text { border:#c3c7cb 1px solid; font-size: 11px; padding: 2px; width: 250px; } div.form div.area input.button { float: right; } div.form div.area select { font-size: 11px; width: 255px; border:#c3c7cb 1px solid; padding: 2px; } div.form div.area span.example { float: left; display: inline; margin: 3px 0 0 10px; color:#000; font-size: 11px; } div.form div.area span.example a { color:#000; font-weight: bold; } div.form div.area span.radio { color:#000; font-weight: bold; float: left; margin: 0 5px; } div.form div.score { width: 880px; padding: 0 20px; margin-top: 10px; float: left; } div.form div.score label { padding-top: 2px; color:#000; font-weight: bold; font-size: 11px; width: 100px; float: left; } div.form div.score input.text { border:#c3c7cb 1px solid; margin-right: 10px; font-weight: bold; font-size: 11px; padding: 2px; width: 50px; text-align: center; float: left; } div.form p { padding: 25px; color:#000; text-align: center; font-weight: bold; font-size: 11px; } div.view { width: 920px; float: left; font-size: 11px; } div.view h3 { padding: 5px; background-color:#5b0606; font-family: arial; font-size: 11px; color:#fff; } div.view dl { padding: 10px; color:#000; } div.view dl dt { font-weight: bold; font-size: 22px; } div.view dl dd { color:#444; } div.view dl dd img { margin: 2px 3px 0 0; float: left; } div.view p { padding: 10px; color:#000; } div.view p em { font-style: italic; } div.view p a { color:#590000; font-weight: bold; } div.view blockquote { padding: 0 15px; } div.view ul { padding: 0 10px; text-align: right; } div.view ul li { color:#000; display: inline; font-size: 11px; font-weight: bold; } div.view ul li span { padding: 0 4px; } div.view ul li a { color:#000; } div.view ul li a:hover { text-decoration: underline; } div.comingsoon { width: 920px; height: 314px; float: left; background: url(../images/comingsoon.png) no-repeat 50% 0; } div.comingsoon p { text-indent: -9000px; float: left; } div.restricted { padding: 10px; } div.restricted h3 { font-family: arial; font-size: 11px; color:#000; } div.restricted p { font-size: 11px; color:#000; } #sponsors-cont { width: 728px; float: left; } #sponsors-cont h3 { padding: 3px 0 0 5px; width: 723px; height: 25px; font-size: 18px; font-family: arial; font-weight: bold; color:#fff; background: url(../images/sponsors-h3.png) no-repeat; float: left; } #sponsors-cont div.box h4 { font-family: arial; font-size: 18px; color:#383f47; float: left; } #sponsors-cont div.box h4 span { font-size: 12px; } #sponsors-cont div.box img { float: left; } #sponsors-cont div.box p { line-height: 15px; font-size: 11px; color:#444; float: left; } #sponsors-cont div.box { height: 141px; background: url(../images/sponsor-box.png) repeat-x 100% 0; } #sponsors-cont div.box.full { width: 708px; padding: 10px; float: left; } #sponsors-cont div.box.full img { margin-right: 10px; } #sponsors-cont div.box.full h4 { width: 320px; } #sponsors-cont div.box.full p { width: 320px; } #sponsors-cont div.box.half { width: 342px; border-right: #fff 1px solid; border-left: #9e9e9e 1px solid; padding: 10px; float: left; } #sponsors-cont div.box.half img { margin-right: 10px; } #sponsors-cont div.box.half h4 { margin-bottom: 8px; width: 342px; text-align: center; } #sponsors-cont div.box.half p { width: 188px; } #footer { width: 920px; height: 43px; margin-top: 10px; float: left; background: url(../images/footer.png) no-repeat; } #footer #copyright { padding: 10px; float: left; } #footer #copyright ul { } #footer #copyright ul li { font-size: 9px; color:#3c4347; } #footer #copyright ul li span { padding-left: 3px; } #footer #copyright ul li a { color:#3c4347; } #footer #copyright p { font-size: 8px; color:#3c4347; text-transform: uppercase; } #footer span a { text-indent: -9000px; float: right; margin: 12px; } #footer span a.nationvoice { margin: 10px 15px; width: 144px; height: 24px; background: url(../images/hosted-nationvoice.png) no-repeat; } #footer span a.innatemedia { width: 182px; height: 19px; background: url(../images/innatemediagroup.png) no-repeat; } /* ************************************************************ */ /* Sliding Top Bar */ #slidepanel { background: #000000; display: none; text-align: left; } #slideinfobox { width: 888px; margin: 20px auto 0; padding: 12px 20px 20px 20px; background: #FFFFFF url(../images/container-top.png) no-repeat 0 0; } #slideinfobox h2 { clear: both; font-family: arial, helvetica; font-size: 16px; color: #BB1111; text-indent: 0px; font-weight: bold; margin: 20px 0 15px 0; } #slideinfobox p { color: #000000; font-size: 12px; } #slideinfobox a { color: #590000; font-weight: bold; } .slidebar { margin: 0; padding: 0; background: #9C0E0E url(../images/slidebg.png) repeat-x 0 0; } .slidetoggle { font-weight: bold; font-size: 12px; background: url(../images/white-arrow.gif) no-repeat right -52px; text-align: center; width: 230px; height: 23px; padding: 7px 10px 0 0; margin: 0 auto; display: block; color: #fff; text-decoration: none; } .slideactive { background-position: right 9px; } /* Global Custom Classes and Selectors */ .underline { text-decoration: underline; } .italic { font-style: italic; } a.author, a.collink { color: #9C0E0E; } .colred { color: #990000; } .adminred { color: #FF0000; } .defaultuser { color: #434343; } optgroup option { padding-left: 15px; }