@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }

#footer { overflow: hidden; } /* temporary */

a { outline: none; color: #000; }

a img { border-width: 0px; }

#wrapper a:hover { color: #eec921; }

body { font-family: Arial, helvetica, sans-serif; font-size: 62.5%; color: #444; background: #98c83b; }

#content, #contentTop, #contentBot, #contentWrap, .videoDetailWide, #colLeaders, #indexContent, .categoryMeta, .memberProfile, #memberVids,  #memberFavs { overflow: hidden; }

/*div { overflow: hidden; } */


/* ------------ structural ----------------------------------------------------------------------- */

#wrapper {
	margin: 0 0 0 -423px;
	width: 902px;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 42;
}

#header { margin-bottom: 18px; position: relative; width: 902px; overflow: hidden; }

#logo { width: 338px; height: 244px; position: absolute; top: 0; left: -30px; background: url("/images/logo.png") no-repeat left top; }

* html #logo { background-image: url("/images/logo.gif"); }

#logo a { display: block; width: 100%; height: 100%; }

#global { position: absolute; top: 60px; left: 255px; width: 686px; height: 83px; background: url("/images/global.gif") no-repeat left top;  }

/* index BGs */
#content-index {
	margin: 0px;
	width: 565px;
	float: right;
	background: transparent url("/images/paper.gif") repeat-y 0 -30px;
}

#content-index #contentTop { background: transparent url("/images/paperTop.gif") no-repeat right top; }

#content-index #contentBot { background: transparent url("/images/paperBot.gif") no-repeat right bottom; }

#win_header { padding-top: 16px; }

#win_header h1 {
	margin: 0 auto 16px;
	padding-top: 46px;
	width: 541px;
	height: 0;
	background: url("/images/win_header.gif") no-repeat 0 0;
	overflow: hidden;
}


/* columns ---------------- */

#colFull { margin: 0 20px; width: 880px; }

#colWideLeft { margin: 0 26px 0 20px; width: 580px; float: left; }

* html #colWideLeft, * html #colLeaders { display: inline; }

#colNarrowRight { width: 280px; float: left; }

/* player cols ---------- */

#colPlayer { margin: 0 auto; width: 436px; }

* html #colPlayer { margin-left: 8px; }

/* winner playerBox */

#playerBox { position: relative; top: 0; left: 0; *left: 10px; }

#colPlayer .winner {
	padding: 10px;
	width: 429px;
	height: 430px;
}

#colPlayer .judge {	background: url("/images/player_judge.gif") no-repeat left top; }

#colPlayer .people {	background: url("/images/player_people.gif") no-repeat left top; }

#playerBox .sticker {
	position: absolute;
	top: -14px;
	left: -10px;
	width: 89px;
	height: 81px;
}

#colPlayer #playerBox .judgeFirst {	background: url("/images/sticker_judge_large_1.gif") no-repeat left top;}

#colPlayer #playerBox .judgeSecond {	background: url("/images/sticker_judge_large_2.gif") no-repeat left top;}

#colPlayer #playerBox .judgeThird {	background: url("/images/sticker_judge_large_3.gif") no-repeat left top;}

#colPlayer #playerBox .peopleFirst {	background: url("/images/sticker_people_large_1.gif") no-repeat left top;}

#colPlayer #playerBox .peopleSecond {	background: url("/images/sticker_people_large_2.gif") no-repeat left top;}

#colPlayer #playerBox .peopleThird {	background: url("/images/sticker_people_large_3.gif") no-repeat left top;}

#colVideoData { margin-top: 46px; width: 409px; float: left; }

/* member profile cols -- */
#colMemberData { margin: 0 36px 0 20px; width: 265px; float: left; }

#colMemberVids { width: 450px; float: left; }

/* widget col -------- */

#colWidget { margin-top: 10px; width: 409px; float: left; }

#colWidget div { width: 357px; margin: 0 auto; }

/* index cols ----------- */

#colLeaders { margin: 0 50px 0 20px; width: 314px; float: left; }

#colRecent { width: 512px; float: left; }


/* --- titles ----------------------------------------------------------------------------------- */

h1.title { margin-bottom: 16px; padding-top: 29px; width: 297px; height: 0px; font-size: 2em; overflow: hidden; }

h1.title#leaders { background: url("/images/ttl_leaders.gif") no-repeat 0 0; }

h1.title#latest { background: url("/images/ttl_latest.gif") no-repeat 0 0; }

h1.title#rules { background: url("/images/ttl_rules.gif") no-repeat 0 0; }

h1.title#prizes { background: url("/images/ttl_prizes.gif") no-repeat 0 0; }

h1.title#tags { background: url("/images/ttl_tags.gif") no-repeat 0 0; }

h1.title#accountCreation { background: url("/images/ttl_accountCreation.gif") no-repeat 0 0; }

h1.title#judges { background: url("/images/ttl-judges.gif") no-repeat 0 0; }

h1.title#people { background: url("/images/ttl-people.gif") no-repeat 0 0; }


/* ------------ frame box ----------------------------------------------------------------------- */

.frameBoxTop { padding-top: 14px; width: 135px; background: url("/images/frameBoxTop.gif") no-repeat left top; }

.frameBoxMid { width: 135px; float: left; background: url("/images/frameBoxMid.gif") repeat-y left top; } /*  pulled out right margin */

#colLeaders .frameBoxMid { margin-right: 0px; } /* slightly tighter on index page */

.frameWrap .frameBoxMid { margin-bottom: 8px; }

.frameBoxBot { padding: 0px 0px 8px 8px; width: 127px; background: url("/images/frameBoxBot.gif") no-repeat left bottom; }/*135px*/

.frameWrap { margin: 0 10px 0 0; width: 135px; float: left; }

* html .frameWrap { display: inline; }

#colRecent .frameWrap { margin: 0 50px 0 0; width: 135px; float: left; }

.frameWrap.last, #recent2.frameWrap, #recent5.frameWrap { margin-right: 0; }

#colWinners {
	overflow: hidden;
 	background: url("/images/paperCrease.gif") no-repeat left 218px;
}

.spacer { padding-top: 1px; height: auto; clear: both; }
.repeater { margin: 0 32px; padding-bottom: 40px; }

* html .repeater { height: 1%; margin: 0 24px; }
* :first-child+html .repeater { height: 1%; }


#indexJudge { padding-bottom: 10px; }


#colWinners .frameWrap {
	margin: 0 50px 0 0;
	position: relative;
	top: 0px;
	left: 0px;
	width: 131px;
}

#colWinners .frameWrap#recent2, #colWinners .frameWrap#recent5 { margin-right: 0px; }


#colWinners .frameBoxMid, #colWinners .frameBoxBot, #colWinners .frameWrap .frameBoxBot {
	margin: 0px;
	padding: 0px;
	width: 131px;
	background: transparent;
}

#colWinners .frameBoxMid { margin-bottom: 8px; }

#colWinners .frameBoxTop {
	margin: 0px;
	padding: 10px 0px 0px 6px;
	width: 125px;
	height: 103px;
}

#colWinners .people {	background: url("/images/frame_win_people.gif") no-repeat left top; }

#colWinners .judge {	background: url("/images/frame_win_judge.gif") no-repeat left top; }

/* content footer */

#content_footer {
	margin: 0 19px;
	padding: 14px 0;
	overflow: hidden;
	background: url("/images/bg_sponsors.gif") no-repeat 0 0;
}

* html #content_footer { height: 1%; width: 527px; margin: 0 auto; }

#content_footer p { padding-top: 12px; float: left; color: #8f8f8f; font-size: 10px; }

* html #content_footer p {  }

#sponsors {
	margin-left: 98px;
	overflow: hidden;
}

#sponsors h4 { padding-top: 41px; width: 84px; height: 0px; overflow: hidden; background: url("/images/tag_btyb.gif") no-repeat 0 12px; float: left; }

#sponsors ul { margin-right: 2px; display: block; float: left; overflow: hidden; background: url("/images/footer_split.gif") no-repeat 126px 50%; }
#sponsors li { margin-left: 26px; display: block; float: left; text-align: center; }
* html #sponsors li { display: inline; }
#sponsors img { display: block; }


/* winner styles */

.frameWrap .winner {
	position: absolute;
	top: -10px;
	left: -6px;
	width: 47px;
	height: 43px;
}

.frameWrap .judgeFirst { background: url("/images/sticker_judge_small_1.gif") no-repeat left top; }

.frameWrap .judgeSecond { background: url("/images/sticker_judge_small_2.gif") no-repeat left top; }

.frameWrap .judgeThird { background: url("/images/sticker_judge_small_3.gif") no-repeat left top; }

.frameWrap .peopleFirst { background: url("/images/sticker_people_small_1.gif") no-repeat left top; }

.frameWrap .peopleSecond { background: url("/images/sticker_people_small_2.gif") no-repeat left top; }

.frameWrap .peopleThird { background: url("/images/sticker_people_small_3.gif") no-repeat left top; }


/* --- info styles, landing page --- */

.frameWrap a.title { display: block; margin: 0 0 4px 8px; color: #444; font-weight: bold; font-size: 14px; line-height: 1.2em; }
.frameWrap p.label, .frameWrap p.user { display: block; margin: 0 0 4px 8px; color: #444; font-weight: bold; font-size: 11px; line-height: 1.2em; }
.frameWrap p.user span { font-weight: normal; }
a.thumb img { margin-bottom: 4px; }




/* --- utilityNav -------------------------------------------------------------- */

#utilityNav { margin-top: 0px; width: 574px; float: right; text-align: right; }

#utilityNav .tshirt { width: 208px; height: 116px; float: right; background: url("/images/tshirt.png") no-repeat 0 0; }

* html #utilityNav .tshirt {background-image: url("/images/tshirt.gif"); }

#utilityNav .starts { margin-top: 18px; width: 335px; height: 97px; float: left; background: url("/images/tag_starts.gif") no-repeat 0 0; }
#utilityNav h1, #utilityNav p { display: none; }


/* --- index content ----------------------------------- */

#indexContent {
	margin: 154px 0 0px 0px;
	color: #fff;
	width: 313px;
	float: left;
}

#indexCopy {
	margin: 0 0 20px 0;
	height: 450px;
	background: url("/images/panel_bg.gif") no-repeat 0 49px;
 }

/* text --------------- */

#indexCopy p { margin-bottom: 16px; font-size: 1.3em; line-height: 1.4em; }

#indexCopy h2 { margin-bottom: 16px; }

#indexCopy p span { color: #ffd957; font-weight: bold; }

#indexCopy p.last { margin-bottom: 0px; }

#indexCopy div.circled { position: relative; height: 40px; background: url("/images/circled.gif") no-repeat 224px 1px; }

.circled p { position: absolute; top: 25%; left: 0px; }

.coopRock { margin-bottom: 10px; width: 299px; height: 0px; padding-top: 81px; overflow: hidden; background: url("/images/bg_verdict.gif") no-repeat left top;}

.wereProud { margin-bottom: 10px; width: 304px; height: 0px; padding-top: 39px; overflow: hidden; background: url("/images/bg_proud.gif") no-repeat left top;}

.judgePrizes { margin-bottom: 10px; width: 467px; height: 0px; padding-top: 20px; overflow: hidden; background: url("/images/titleJudgePrize.gif") no-repeat left top;}

.prizeList { position: relative; width: 512px; height: 124px; background: url("/images/prizeBG.gif") no-repeat 130px 0; list-style-type: none; }

.general .prizeList { position: relative; width: 512px; height: 124px; background: url("/images/prizeBG_w.gif") no-repeat 130px 0; list-style-type: none; }

.prizeList li, .general .prizeList li { position: absolute; top: 4px; display: block; height: 120px; list-style-type: none; text-align: center; font-size: .8em; }

.general .prizeList li { font-size: 1.1em; }

.prizeList li img { display: block; margin: 0 auto; }

.general .prizeList li img { margin-bottom: 4px; }

.prizeList li.first { left: 0px; width: 118px; }

.prizeList li.second { left: 158px; width: 152px; }

.prizeList li.third { left: 335px; width: 153px; }


/* --- how text ------------------ */

#how p { margin: 0px 8px 12px 0px; font-size: 1.2em; line-height: 1.35em; font-weight: bold; color: #444; }


/* notification styles --------------------------------------- */

#notification { margin-bottom: 164px; }

#notification h1 { font-size: 3.25em; color: #444; }

/* in the never-ending quest for uniform presentation and non-repetition i am going to create one damn set of damn styles for error/success notification for video actions and comments. */



/* -- rules and privacy styles ----------------------- */

#TB_ajaxContent h1, #TB_ajaxContent p { padding: 8px; }

#TB_ajaxContent h1 { margin: 8px 0; line-height: 1.4em; }

#TB_ajaxContent p { margin: 0 0 8px 8px; }

#TB_ajaxContent ul { margin: 0 0 16px 16px; }

#TB_ajaxContent dl { display: block; padding-bottom: 40px; }

#TB_ajaxContent dt { margin-bottom: 0px; padding-bottom: 0; font-weight: bold; }

#TB_ajaxContent dd { margin-bottom: 16px; padding-bottom: 0; }


/* --- general text styles --------------------------- */


.general p, p.note { margin-bottom: 12px; padding: 0px 64px 0 0; font-size: 1.2em; color: #444; line-height: 1.4em; }

p.note { font-weight: bold; color: #b90e1e; }

#colPlayer.general p { padding-right: 0px; }

.general h2 { margin-bottom: 12px; }

.general ul { margin: 0 64px 12px 24px; list-style-type: disc; }

.general li { font-size: 1.2em; padding-bottom: 6px; }

.general a { color: #444; }


/* footer styles ---------------------------- */

#footer a, #footer p { margin: 0; padding: 0; color: #fff; font-weight: normal; } /**/

#footer a:hover { color: #ffd957; }

#footer p { padding-top: 3px; font-size: .9em; text-align: center; }

/* ---- form styles ---------------------------------------- */

#formDiv {
	margin: 0 auto 10px;
	width: 300px;
	height: 90px;
}

form {
	margin: 0 auto;
	width: 313px;
	overflow: hidden;
}

label {
	margin: 0 0 10px 0;
	padding-top: 19px;
	display: block;
	width: 223px;
	height: 0px;
	background: url("/images/tag_signup.gif") no-repeat left top;
	overflow: hidden;
}

input {
	margin: 0 5px 3px 0;
	padding: 6px;
	width: 200px;
	height: 15px;
	border-width: 0px;
	float: left;
	background: transparent;
}

input.blur { color: #666; }

.inputDiv {
	margin-right: 5px;
	width: 212px;
	height: 30px;
	background: url("/images/input.gif") no-repeat left top;
	float: left;
}

input#submit {
	margin: 0;
	padding: 0;
	padding-top: 30px;
	display: block;
	width: 75px;
	height: 0px;
	*height: 30px;
	background-image:  url("/images/btn_submit.gif");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	cursor: pointer;
	float: left;
	overflow: hidden;
}

input#submit:hover { background-position: left -30px; }

* html input#submit { height: 30px; }

#ajx-capture-resp {
	margin: 10px auto;
	padding-top: 4px;
	height: 30px;
	display: none;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-color: #444;
}

.process { 	background: url("/images/clock.gif") no-repeat 0px 2px; }

div.success { width: 170px; padding-left: 130px; background: url("/images/icn_success.gif") no-repeat left top; }

div.error { width: 200px; padding-left: 100px; background: url("/images/icn_error.gif") no-repeat left top; }

#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	width: 100%;
	height: 100%;
}

#bg img { display: block; width: 100%; height: 100%; }




/* indexContent tabs */

#t {
	position: relative;
	width: 313px;
	height: 80px;
}

#t li { display: block; float: left; width: 90px; }

#t a { padding-top: 52px; display: block; position: absolute; top: 0; height: 0;	background: url("/images/tabRoller.gif") no-repeat 0 0; overflow: hidden; }

#t li.active a { padding-top: 70px; height: 0; }

#t a#contest { left: 0px; width: 121px; background-position: 0 -140px; }
#t a#contest:hover { background-position: 0px -350px; }
#t li.active a#contest, #t li.active a#contest:hover { background-position: 0 0; }

#t a#prizes { left: 121px; width: 102px; background-position: -121px -140px; }
#t a#prizes:hover { background-position: -121px -350px; }
#t li.active a#prizes, #t li.active a#prizes:hover { background-position: -121px -70px; }

#t a#rules { left: 220px; width: 94px; background-position: -220px 0; }
#t a#rules:hover { background-position: -220px -210px; }
#t li.active a#rules, #t li.active a#rules:hover { background-position: -220px -140px; }

.panel {
	display: none;
	margin: 0 auto;
	padding-top: 342px;
	width: 273px;
	height: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

#contestPanel { background-image: url("/images/contestPanel.gif"); }
#prizesPanel { background-image: url("/images/prizePanel.gif"); }
#rulesPanel { background-image: url("/images/rulesPanel.gif"); }