html, body { padding: 0px; margin: 0px; }
body { font-family: Arial, Helvetica, sans-serif; }
body { background-color: #000; background-image: url(../../global/images/bg_body.png); background-repeat: repeat-x; }
* { margin: 0px auto; padding: 0; }
img { border: 0px; }
div#wrapper { position: relative; background-image: url(../../global/images/bg_content.png); background-repeat: no-repeat; width: 900px; padding-left: 16px; padding-right: 16px; }
/**********************************
headerstyles
**********************************/
div#header { position: relative; width: 900px; height: 36px; z-index: 10; }
ul#hdrMenu { position: absolute; left: 0px; top: 0px; }
ul#hdrMenu li { display: inline; list-style-type: none; }
ul#hdrMenu ul { position: absolute; left: 33px; top: 36px; width: auto; white-space:nowrap; background-color: #000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; list-style: none; z-index: 100; display: none; text-transform: uppercase; z-index: 10; }
ul#hdrMenu ul a:link, ul#hdrMenu ul a:visited { color: #0fbff8; text-decoration:none; }
ul#hdrMenu ul a:hover { color: #fff; text-decoration:none; background-color: #2d2c2c; }
ul#hdrMenu ul li { display: block; margin-right: 0px; padding: 0 0 0 0px; padding: 10px 22px 10px 15px; }
ul#hdrMenu ul li:hover { background-color: #2d2c2c; }
div#shareThis { position: absolute; left: 732px; top: 11px; color: #0fbff8; font-size: 11px; text-transform: uppercase; font-weight: 800; }
div#shareThis a:link, div#shareThis a:visited { text-decoration: none; color: #0fbff8 }
div#shareThis a:hover { text-decoration: none; color: #0fbff8 }
span.navWinnerLabel { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #f8821e; }
/**********************************
content wrapper
**********************************/
div#contentWrapper { position: relative; z-index: 0; width: 900px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #fff; }
/**********************************
standard layout styles
**********************************/
div#leftCol { position: relative; float: left; width: 278px; height: 840px; z-index: 1; }
img#leftColEntriesBtn { position: absolute; left: 62px; top: 551px; }
img#leftColEntriesLogo1 { position: absolute; left: 82px; top: 625px; }
img#leftColEntriesLogo2 { position: absolute; left: 64px; top: 680px; }
img#leftColEntriesLogo3 { position: absolute; left: 81px; top: 730px; }
/*
div#leftColLogos { position: absolute; left: 0px; top: 621px; width: 278px; }
div#leftColLogosWinners { position: absolute; left: 7px; top: 505px; width: 278px; }
div#leftColWinners { position: relative; float: left; width: 278px; height: 530px; padding-left: 7px; padding-top: 17px; z-index: 1; }
*/
div#rightCol { position: relative; float: right; width: 600px; margin-left: 0px; padding-top: 55px; font-size: 12px; line-height: 16px; color: #a7a7aa; }
div#rightCol p { width: 580px; margin-left: 0px; }
div#rightCol a:link, div#rightCol a:visited { text-decoration: underline; color: #0fbff8; }
div#rightCol a:hover { text-decoration: none; color: #0fbff8; }
div#rightCol p strong { color: #f8821e; }
ul.contentList { margin: 20px 20px 20px 20px; }
ol.contentList { margin: 20px 20px 20px 20px; }
div#abbreviatedRules { font-size: 9px; line-height: 11px; width: 550px; margin-left: 0px; }
.clear { clear: both; height: 1px; margin-bottom: 0px; overflow: hidden; }
/**********************************
footer styles
**********************************/
div#footer { position: relative; float: right; width: 590px; margin-top: 0px; padding-top: 17px; margin-right: 9px; border-top: 1px solid #f8821e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #b0b0b0; }
div#footer a:link, div#footer a:visited { color: #b0b0b0; text-decoration: none; }
div#footer a:hover { color: #f8821e; text-decoration: none; }
div#footerLarge { position: relative; float: right; width: 836px; margin-top: 0px; padding-top: 17px; margin-right: 26px; border-top: 1px solid #f8821e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #b0b0b0; }
div#footerLarge a:link, div#footerLarge a:visited { color: #b0b0b0; text-decoration: none; }
div#footerLarge a:hover { color: #f8821e; text-decoration: none; }
div#ftrNavLinks { position: relative; text-align: center; line-height: 16px; }
div#ftrCopyright { position: relative; width: 565px; text-align: center; font-size: 11px; line-height: 13px; padding-top: 23px; padding-bottom: 20px; }
ul#footerLogos { position: relative; top: -5px; width: 570px; margin-bottom: 5px; }
ul#footerLogos li { display: inline; padding-right: 0px; list-style-type: none; }
/**********************************
individual finalists page
**********************************/
ul#gamethumbs { position: relative; margin-left: 28px; padding-top: 36px; padding-bottom: 32px; }
ul#gamethumbs li { display: inline; padding-right: 3px; list-style-type: none; }
div.whiteHdr { font: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: 800; color: #fff; margin-bottom: 4px; text-transform: uppercase; }
div.teamName { font: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 19px; font-weight: 800; color: #f88800; margin-bottom: 5px; }
img.teamLogo { display: block; margin-top: 12px; margin-bottom: 8px; margin-left: 0px; }
div.gameName { font: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 23px; font-weight: 800; color: #f88800; margin-bottom: 22px; }
div.gameType { font: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; font-weight: 800; color: #f88800; margin-bottom: 20px; }
div#teamLinks { position: relative; margin-bottom: 20px; z-index: 30; }
ul#creditsList { margin-left: 15px; }
ul.responseList { margin-left: 30px; margin-bottom: 15px; margin-top: 15px; }
div.creditPerson { margin-bottom: 4px; font-weight: 800; }
div.creditTitle { font-style:italic; font-size: 11px; font-weight: 400; }
div.teamLeaderHdr { font: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; font-weight: 800; color: #f88800; margin-top: 0px; margin-bottom: 10px; }
div#col1 { position: relative; float: left; width: 200px; margin-left: 28px; font-size: 12px; line-height: 16px; color: #a7a7aa; }
div#col1 a:link, div#col1 a:visited { font-size: 12px; line-height: 14px; color: #18bdef; text-decoration: none; }
div#col1 a:hover { font-size: 12px; line-height: 14px; color: #18bdef; text-decoration: underline; }
div#col23container { position: relative; float: right; width: 608px; margin-right: 27px; }
div#col2 { position: relative; float: left; width: 405px; font-size: 12px; line-height: 16px; color: #a7a7aa; }
div#col2 a:link, div#col2 a:visited { color: #17bdef; text-decoration: none; }
div#col2 a:hover { color: #17bdef; text-decoration: underline; }
div#col3 { position: relative; float: right; width: 176px; font-size: 12px; line-height: 20px; color: #a7a7aa; }
div#otherGamesList { position: relative; font-size: 11px; line-height: 14px; z-index: 2; }
div#btnSplat { position: relative; width: 200px; height: 156px; z-index: 1; }
img#btnSplatVoteBtn { position: absolute; left: -2px; top: 25px; z-index: 2; }
img#btnSplatWatchBtn { position: absolute; left: -2px; top: 47px; z-index: 2; }
img#theBtnSplat { position: absolute; left: -67px; top: -63px; z-index: 0; }
div#aboutDev { position: relative; z-index: 2; margin-bottom: 20px; }
div#finalistsNav { position: relative; padding-top: 35px; padding-left: 95px; font-size: 12px; line-height: 12px; color: #575757; }
div#finalistsNav a:link, div#finalistsNav a:visited { color: #18bdef; text-decoration: none; }
div#finalistsNav a:hover { color: #18bdef; text-decoration: underline; }
div#socialLinks a:link, div#socialLinks a:visited { color: #17bdef; text-decoration: none; }
div#socialLinks a:hover { color: #17bdef; text-decoration: underline; }
div.twitbox { position: relative; width: 148px; padding: 20px 12px 12px 16px; background-color: #171717; margin-top: 14px; overflow: hidden; }
div.tweet { margin-bottom: 18px; font-size: 11px; line-height: 14px; color: #a7a7aa; }
div.tweet a:link, div.tweet a:visited { color: #a7a7aa; text-decoration: none; }
div.tweet a:hover { color: #a7a7aa; text-decoration: underline; }
span.tweetDate { color: #4b4b4c; }
div.twitLink { font-size: 11px; line-height: 11px; }
div.twitLink a:link, div.twitLink a:visited { color: #17bdef; text-decoration: none; }
div.twitLink a:hover { color: #17bdef; text-decoration: underline; }
img.devPic { display: block; margin-left: 0px; margin-top: 17px; margin-bottom: 5px; }
/* jqm popins */
div#defaultPop { display: none; }
/******************************
pop styles
*****************************/
div#popBackground { position: absolute; top: -156px; left: -361px; width: 1083; height: 612px; color:#fff; }
div#videoContainer { position: absolute; left: 140px; top: 60px; width: 833px; height: 454px; margin-top: 30px; }
div#videoShadow { position: absolute; left: 0px; top: 30px; width: 666px; height: 417px; }
div#theVideo { position: absolute; left: 13px; top: 14px; }
img#videoClose { position: absolute; left: 600px; top: 20px; }
div#videoNav { position: absolute; left: 670px; top: 356px; }
img#videoVote { position: absolute; left: 670px; top: 59px; }
div#videoText { position: absolute; left: 674px; top: 73px; width: 159px; height: 235px; overflow: hidden; font-size: 12px; line-height: 15px; }
div#videoText h1 { font-size: 20px; line-height: 20px; font-weight: 800; margin-top: 0px; margin-bottom: 0px; }
div#videoText h2 { font-size: 18px; line-height: 20px; font-weight: 400; margin-top: 0px; margin-bottom: 6px; }
img#videoDev { position: relative; margin-top: 8px; }
div#voteContainer { position: absolute; left: 202px; top: 110px; width: 833px; height: 454px; margin-top: 0px; }
div#voteHeadline { position: absolute; left: 0px; top: 31px; font-size: 24px; line-height: 24px; font-weight: 800; text-transform: uppercase; z-index: 2; }
div#voteBox { position: absolute; left: 0px; top: 69px; width: 532px; height: 290px; background-color: #c66412; z-index: 2; }
img#voteBoxTL { position: absolute; left: 0px; top: 0px; }
img#voteBoxBL { position: absolute; left: 0px; bottom: 0px; }
img#voteBoxTR { position: absolute; right: 0px; top: 0px; }
img#voteBoxBR { position: absolute; right: 0px; bottom: 0px; }
img#voteSweepsSplat { position: absolute; left: 424px; top: -25px; z-index: 1; }
img#voteClose { position: absolute; left: 615px; top: 0px; z-index: 2; }
img#voteGameThumb { position: absolute; left: 12px; top: 12px; }
div#voteContent { position: absolute; left: 166px; top: 12px; width: 349px; padding-bottom: 10px; border-bottom: 1px solid #3b3a3a; }
div#voteTeamName { font-size: 22px; line-height: 22px; font-weight: 800; color: #fff; }
div#voteGameName { font-size: 16px; line-height: 20px; font-weight: 800; color: #fff; }
div#voteInputPrompt { font-size: 12px; line-height: 12px; color: #000; margin-bottom: 5px; }
div#voteInputError { font-size: 12px; line-height: 12px; color: #fff200; font-weight: 800; margin-bottom: 5px; display: none; }
img#voteBtnVote { position: absolute; left: 165px; top: 207px; }
div#voteBtnSweeps { position: absolute; left: 292px; top: 205px; }
div#voteBtnSweeps img { display: block; }
img#voteBtnSweepsOffText { position: absolute; left: -15px; top: 49px; }
img#captcha { margin-top: 12px; margin-bottom: 9px; }
input#change-image { width: 117px; height: 17px; border: 1px solid #ccc; font-size: 12px; line-height: 12px; }
img#captchaReload { margin-left: 12px; }
img#confirmGameThumb { position: absolute; left: 12px; top: 57px; }
div#confirmContent { position: absolute; left: 166px; top: 82px; width: 349px; padding-bottom: 10px; }
img#confirmClose { position: absolute; left: 433px; top: 220px; }
div#shareThisPopHolder { display: block; position: absolute; right: 0px; top: 0px; z-index: 500; }
div#confirmShare { position: absolute; left: 68px; top: 234px; font-size: 13px; line-height: 13px; color: #fff; }
div#confirmShare a:link, div#confirmShare a:visited { text-decoration: none; color: #fff; }
div#confirmShare a:hover { text-decoration: underline; color: #fff; }
div#confirmFacebook { position: absolute; left: 20px; top: 194px; font-size: 13px; line-height: 13px; color: #fff; }
div#confirmFacebook a:link, div#confirmFacebook a:visited { text-decoration: none; color: #fff; }
div#confirmFacebook a:hover { text-decoration: underline; color: #fff; }
img#faceshare { position: relative; top: 12px; }
div#shareOverlay { position: fixed; top: 17%; left: 50%; margin-left: -293px; width: 378px; padding: 12px; margin-top: 245px; z-index: 10000; font-size: 12px; display: none; }
div#shareOverlay a:link, div#shareOverlay a:visited { text-decoration: none; color: #fff; }
div#shareOverlay a:hover { text-decoration: underline; color: #fff; }
/* rules pop in */
div#popRulesBox { position: relative; left: -150px; width: 650px; height: 400px; padding: 30px; background-color: #000; }
div#popRulesClose { position: absolute; right: 5px; top: 5px; font-weight: 800; z-index: 101; font-size: 11px; }
div#popRulesClose a:link, div#popRulesClose a:visited { text-decoration: none; color: #0fbff8; }
div#popRulesClose a:hover { text-decoration: underline; color: #0fbff8; }
div#popRulesContent { position: relative; width: 580px; height: 400px; padding-right: 25px; font-size: 12px; line-height: 16px; color: #a7a7aa; overflow: auto; background-color: #000; z-index: 100; }
div#popRulesContent p { width: 560px; margin-left: 0px; }
div#popRulesContent a:link, div#popRulesContent a:visited { text-decoration: underline; color: #0fbff8; }
div#popRulesContent a:hover { text-decoration: none; color: #0fbff8; }
div#popRulesContent p strong { color: #f8821e; }