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

* { margin: 0; padding: 0; }

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

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

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

body { margin-bottom: 128px; font-family: Arial, helvetica, sans-serif; font-size: 62.5%; color: #444; background: #9f1b28 url("/images/tile_background.gif") repeat left top; }

body.registerForms { background: #9f1b28 url("/images/paperBGmid.gif") repeat left top; }

body.registerForms form { margin: 0px auto; display: block; width: 388px; }

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

/*div { overflow: hidden; } */

* html div { height: 1%; } /* IE6 */

/* primary error message display */
.WarningMessagesContainer { margin: 6px 0 12px 14px; padding-bottom: 16px; width: 954px; background: transparent url("/images/errorBGbot.gif") no-repeat left bottom; }

#WarningMessage { padding-top: 16px; background: transparent url("/images/errorBGtop.gif") no-repeat left top; }


/* let's see what it will take to qualify these */
#warningInner { margin: 8px 0px 8px 16px; padding: 16px 0px 0 280px; height: 82px; width: 497px; font-size: 1.4em; font-weight: bold; }

#warningInner.errorMsg { background: url("/images/warningError.gif") no-repeat left center; color: #b90e1e; }

#warningInner.successMsg { background: url("/images/warningSuccess.gif") no-repeat left center; color: #000; }



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

#wrapper { margin: 0 auto 64px auto; width: 954px; }

#header { position: relative; width: 940px; height: 158px; }

#logo { width: 200px; height: 158px; float: left; background: url("/images/logo.gif") no-repeat left top; }

#logo a { display: block; width: 200px; height: 158px; }

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

#content { margin-left: 14px; width: 954px; background: transparent url("/images/paperBGmid.gif") repeat-y 0px 0px; }

#contentTop { padding-top: 16px; background: transparent url("/images/paperBGtop.gif") no-repeat 0px 0px; }

#contentBot { padding-bottom: 36px; background: transparent url("/images/paperBGbot.gif") no-repeat left bottom; }

/* single video BGs */
#content.video { background: transparent url("/images/paperVidMid.gif") repeat-y 0px 0px; }

#content.video #contentTop { padding-top: 16px; background: transparent url("/images/paperVidTop.gif") no-repeat 0px 0px; }

#content.video #contentBot {  padding-bottom: 36px; background: transparent url("/images/paperVidBot.gif") no-repeat left bottom; }


/* full width BGs */
#content.full { background: transparent url("/images/paperFullMid.gif") repeat-y 0px 0px; }

#content.full #contentTop { background: transparent url("/images/paperFullTop.gif") no-repeat 0px 0px; }

#content.ful #contentBot {  background: transparent url("/images/paperFullBot.gif") no-repeat left bottom; }


/* member profile BGs */
#content.part { background: transparent url("/images/paperPartMid.gif") repeat-y 0px 0px; }

#content.part #contentTop { background: transparent url("/images/paperPartTop.gif") no-repeat 0px 0px; }

#content.part #contentBot {  background: transparent url("/images/paperPartBot.gif") no-repeat left bottom; }



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

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

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



/* 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 28px 0 16px; width: 436px; float: left; }

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

/* winner playerBox */

#playerBox { position: relative; top: 0; left: 0; }

#colPlayer .winner {
	padding: 18px 0 0 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#videos { background: url("/images/ttl_videos.gif") no-repeat 0 0; }

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

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

h1.title#how { width: 255px; background: url("/images/ttl_how.gif") no-repeat 0 0; }

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

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

h1.title#memFavTitle { width: 360px; background: url("/images/ttl_memberFavs.gif") no-repeat 0 0; }

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

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

h1.title#upload { background: url("/images/ttl_upload.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#widget { background: url("/images/ttl_widget.gif") no-repeat 0 0; }

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

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

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

h1.title#pass { background: url("/images/ttl_pass.gif") no-repeat 0 0; width: 360px; }

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; }


/* --- tags -------------------------------------------------------------------------------------- */

h2.tag { margin-bottom: 12px; padding-top: 18px; width: 187px; height: 0px; overflow: hidden; }

h2.tag#comments { background: url("/images/tags_comments.gif") no-repeat 0 0 }

h2.tag#comment { background: url("/images/tags_comment.gif") no-repeat 0 0 }

h2.tag#relVideos { background: url("/images/tags_relVideos.gif") no-repeat 0 0 }

h2.tag#create { background: url("/images/tags_create.gif") no-repeat 0 0 }

h2.tag#login { background: url("/images/tags_login.gif") no-repeat 0 0 }

h2.tag#forgot { background: url("/images/tags_forgot.gif") no-repeat 0 0 }

h2.tag#favs { background: url("/images/tags_favs.gif") no-repeat 0 0 }

h2.tag#vids { background: url("/images/tags_vids.gif") no-repeat 0 0 }

h2.tag#other { background: url("/images/tags_other.gif") no-repeat 0 0 }

h2.tag#quickfind { background: url("/images/tags_quickfind.gif") no-repeat 0 0 }

h2.tag#viewCoop { background: url("/images/tags_viewCoop.gif") no-repeat 0 0 }

h2.tag#tags { background: url("/images/tags_tags.gif") no-repeat 0 0 }

h2.tag#update { background: url("/images/tags_update.gif") no-repeat 0 0 }

h2.tag#avatar { background: url("/images/tags_avatar.gif") no-repeat 0 0 }

h2.tag#upl_step2 { background: url("/images/tags_upl_step2.gif") no-repeat 0 0 }

h2.tag#configure { background: url("/images/tags_configure.gif") no-repeat 0 0 }

h2.tag#allDone { background: url("/images/tags_allDone.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; }

.spacer { margin: 26px; clear: both; height: 1px; }

#colWinners {
	padding-left: 24px;
	width: 542px;
	overflow: hidden;
}

#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; }

/* 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; }


/* --- link styles --- */

.frameWrap a.recent { display: block; margin: 4px 0; color: #444; font-weight: bold; font-size: 1em; text-decoration: none; }

.frameWrap a.label { display: block; margin-left: 8px; color: #444; font-weight: bold; font-size: 1.2em; line-height: 1.5em; }

.frameBoxBot table, .frameBoxBot td { margin: 0; padding: 0; width: 100%; }

.frameWrap a.coopLogo { text-align: center; }

.frameWrap a.coopLogo img { margin: 0 auto; display: inline; }

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

a.thumb img { margin-bottom: 4px; }


/* --- on profile page -- */
#memberVids .frameWrap a.label, #memberFavs .frameWrap a.label, #colRecent a.label, .frameWrap p.user { font-size: 1em; margin: 0 8px 2px 8px; color: #444; }

.frameWrap p.user { margin-bottom: 4px; }

.frameWrap p.user a { color: #444; }

.frameWrap a.title { display: block; margin: 0 8px 2px 8px; color: #444; font-weight: bold; font-size: 1.2em; }

#colRecent .frameWrap a.title { margin-top: 0px; }


.frameWrap a:hover, .frameWrap p.user a:hover, .frameWrap a.label:hover, #colRecent a.label:hover { color: #b90e1e; }



/* --- category and detail text styles -- */

.categoryMeta { margin-bottom: 0px; }

.videoDetailWide { margin-bottom: 24px; }

.detailText { margin-left: 150px; }

/* -- video details ----- */
.detailText h1 { margin-bottom: 4px; font-size: 1.4em; }

.detailText a { color: #444; }

.detailText p { margin-bottom: 16px; font-size: 1.1em; line-height: 1.3em; }

.videoDetailWide .detailText p { margin: 0 48px 12px 0; font-size: 1.1em; }


/* -- category details ----- */

.categoryMeta .detailText h1 { margin-bottom: 16px; font-size: 1.8em; }

.categoryMeta .detailText a { color: #b90e1e; }

.categoryMeta .detailText p { margin-bottom: 24px; font-size: 1.2em; }

.categoryMeta .detailText p.last { margin-bottom: 0; font-weight: bold; }

.categoryLine { margin: 12px auto; width: 574px; height: 12px; background: url("/images/categoryLine.gif") no-repeat center center; }


/* --- co-op list --------------------------------------------------------------- */

#coopListBox { margin: 0; padding: 20px 0 0 26px; width: 275px; height: 425px; background: url("/images/coopFinder.gif") no-repeat left top; }

#coopListBox h2 { margin-bottom: 12px; }

.coopList { width: 232px; height: 358px; overflow: auto; }

.coopList li { padding-bottom: 1em; }

.coopList a { font-size: 1.2em; font-weight: bold; text-decoration: none; color: #444; }

/* pagination ------------- */

#pagination { margin: 16px 0; clear: both; text-align: center; }

#pagination ul { list-style-type: none; }

#pagination li { display: inline; list-style-type: none; }

#pagination a { padding: 0 6px; font-size: 1.2em; text-decoration: underline; color: #b90e1e; font-weight: bold; }

#pagination a.current { text-decoration: none; }

#pagination img { padding-top: 3px; width: 14px; border-width: 0px; }


/* --- tag cloud --------------------------------------------------------------- */

#tagCloud { margin: 0 auto; width: 232px; }

#tagCloud ul, #tagCloud li { list-style-type: none; }

#tagCloud a { font-weight: bold; text-decoration: none; color: #444; }


/* --- filters ------------------------------------------------------------------ */

.filters { margin: 8px 0 16px 0; font-size: 1.1em; }

.filters ul { list-style-type: none; }

.filters li { list-style-type: none; display: inline; }

.filters li a { padding: 0 3px; text-decoration: underline; color: #444; }

.filters li a.active { font-weight: bold; color: #b90e1e; }

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

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

#utilityNav ul { margin: 14px 10px 0 0; list-style-type: none; float: right; }

#utilityNav li { list-style-type: none; display: inline; color: #fff; }

#utilityNav li a { padding: 0 3px; text-decoration: underline; color: #fff; }

#utilityNav li a:hover { color: #fbcf3a; }

#utilityNav a img { border-width: 0px; }

#utilityNav .widgetPlug { margin-right: 16px; width: 123px; height: 44px; float: right; text-align: center; }

#utilityNav .globalUpload { margin: 0px; width: 99px; height: 54px; float: right; }

#utilityNav .globalUpload a { margin: 0px; display: block; width: 99px; height: 54px; background-image: url("/images/globalUpload.gif"); background-repeat: no-repeat; background-position: 0px -8px; }

#utilityNav .globalUpload a:hover {  background-position: 0px -4px; }

* html #utilityNav, * html #utilityNav ul { height: 44px; } /*IE6, My Favorite*/


/* --- global nav -------------------------------------------------------------- */

#global li {display: inline; }

#global a { position: absolute; top: 0px; height: 83px; background-image: url("/images/global.gif"); background-repeat: no-repeat; }

#global a.videos, #global a.videos-active { width: 128px; left: 0px; background-position: 0px 0px; }
#global a.videos:hover, #global a.videos-active { background-position: 0px -83px; }

#global a.coops, #global a.coops-active { width: 110px; left: 136px; background-position: -136px 0px; }
#global a.coops:hover, #global a.coops-active { background-position: -136px -83px; }

#global a.participants, #global a.participants-active { width: 210px; left: 247px; background-position: -247px 0px; }
#global a.participants:hover, #global a.participants-active { background-position: -247px -83px; }

#global a.rules, #global a.rules-active { width: 94px; left: 459px; background-position: -459px 0px; }
#global a.rules:hover, #global a.rules-active { background-position: -459px -83px; }

#global a.prizes, #global a.prizes-active { width: 122px; left: 565px; background-position: -565px 0px; }
#global a.prizes:hover, #global a.prizes-active { background-position: -565px -83px; }


/* --- single video styles ----------------------------------------------------- */

#ratingBlock { margin: 12px 0; position: relative; width: 417px; height: 81px; background: url("/images/ratingFinal.gif") no-repeat 0px 0px;  }

#promoBlock { margin: 12px 0; position: relative; width: 417px; height: 81px; background: url("/images/promoBlock.gif") no-repeat 0px 0px;  }

#ratingBlock .rated_text { position: absolute; top: 20px; left: 253px; width: 135px; }

#ratingBlock .ratingNumbers { margin: 4px 0; text-align: center; font-weight: bold; }

#ratingBlock .ratingFeedBack { position: absolute; top: 44px; left: 12px; width: 189px; height: 24px; }

#ratingBlock .voted { background: url("/images/ratingFBBG.gif") no-repeat left top; }

#ratingBlock .voted_twice { background: url("/images/ratingVTBG.gif") no-repeat left top; }

/* --- video action buttons ---------------------------- */

.videoActions { position: relative; margin: 12px 0 24px; width: 416px; height: 42px; display: block; list-style-type: none; background: #eee; }

.videoActions li { display: inline; }

.videoActions a { position: absolute; top: 0px; display: block; height: 42px; background-image: url("/images/videoActionButtons.gif"); background-repeat: no-repeat; }

.videoActions a.share { left: 0px; width: 90px; background-position: 0px 0px; }

.videoActions a.share:hover { background-position: 0px -42px; }

.videoActions a.send { left: 90px; width: 111px; background-position: -90px 0px; }

.videoActions a.send:hover { background-position: -90px -42px; }

.videoActions a.fave { left: 201px; width: 120px; background-position: -201px 0px; }

.videoActions a.fave:hover { background-position: -201px -42px; }

.videoActions a.abuse { left: 321px; width: 95px; background-position: -321px 0px; }

.videoActions a.abuse:hover { background-position: -321px -42px; }

/* --- video info styles ----------------------------------- */

#videoMeta, #vidEmbed { margin-bottom: 18px; padding-bottom: 18px; width: 410px; background: url("/images/videoMetaBG.gif") no-repeat center bottom; }

#vidMemberData { margin: 0 14px 0 12px; width: 97px; float: left; }

#vidMemberData a { padding-left: 8px; text-decoration: underline; font-weight: bold; color: #444; }

/*#vidMemberData*/ a.vidMemberImg { margin: 0 auto 8px auto; padding: 14px 0 0 8px; display: block; width: 86px; height: 90px; background: url("/images/vidMemberImgBG.gif") no-repeat left top; }

/*#vidMemberData*/ a.vidMemberImg img { margin: 0px auto; display: block; height: 75px; border-width: 0px; }

#colMemberData a.vidMemberImg { margin: 0 0 8px 0; }

#colMemberData.myaccount a.vidMemberImg, #seemore a.vidMemberImg  { margin-right: 16px; float: left; }

.myaccount ul { margin-top: 6px; list-style-type: none; }

.myaccount li { margin-bottom: 6px; }


#vidInfo { margin-left: 122px; width: 268px; }

#vidInfo h1 { font-size: 2em; font-weight: bold; }

#vidInfo h2 { margin-bottom: 12px; font-size: 1.5em; }

#vidInfo a { color: #444; }

#vidInfo p { margin-bottom: 12px; font-size: 1.2em; line-height: 1.4em; }


#vidEmbed form { margin: 0 auto; width: 388px; display: block; }

#vidEmbed label { display: block; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; }

#vidEmbed input { margin-bottom: 8px; padding: 6px; width: 376px; height: 17px; display: block; background: url("/images/vidFormInputBG.gif") no-repeat left top; border-width: 0px; }


/* --- comment styles ----------------------------------- */

#commentWrap { margin-right: 20px }

#commentWrap h1 { margin-bottom: 8px; }

.comment { margin-bottom: 14px; padding-bottom: 14px; background: url("/images/commentBG.gif") no-repeat left bottom; overflow: hidden; }

.comment a { padding-right: 10px; text-decoration: underline; color: #444; font-weight: bold; }

.comment a.commentThumb { width: 45px; display: block; float: left; }

.comment a img { width: 45px; border-width: 0px; }

.comment p { margin: 0 14px 2px 55px; font-size: 1.2em; line-height: 1.4em; }

#commentForm textarea { margin-bottom: 12px; padding: 8px; display: block; width: 400px; height: 108px; background: url("/images/commentBoxBG.gif") no-repeat left top; border-width: 0px; }

/* --- related vid styles -------------------------------- */

#relatedVideos { padding-left: 12px; }

#relatedVideos #scrollPane2 { height: 390px; overflow: auto;}

#colLeaders .relVideo { margin-bottom: 30px; }

.relVideo { margin-bottom: 20px; overflow: hidden; }

.relVideo a img { margin: 0 0 4px 0; display: block; width: 118px; height: 70px; border-width: 0px; }

.relVideo h1, .relVideo p, .relVideo a { padding: 0px; }

.relVideo h1 { margin: 0 0 3px 145px; font-size: 1.4em; color: #444; }

.relVideo p { margin: 0 0 8px 145px; font-size: 1.1em;  }

.relVideo p.tight { margin-bottom: 0;  }

.relVideo a { color: #444; }


/* --- profile styles ----------------------------------- */

#memberVids { margin-bottom: 16px; padding: 0 0 16px 10px; background: url("/images/memberLineBG.gif") no-repeat center bottom; }

#memberFavs { margin-bottom: 16px; padding: 0 0 16px 10px; }

.memberProfile { clear: both; }

.memberProfile h1 { margin-bottom: 8px; }

.memberProfile h2 { margin: 16px 0 4px; font-size: 1.4em; }

.memberProfile p { margin: 0 10px 6px 0; font-size: 1.1em; line-height: 1.4em; }

.memberProfile a {	font-weight: bold; color: #444; }



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

#indexContent {
	margin: 0px 34px 0px 0px;
	padding: 20px 0 114px 0;
	color: #fff;
	width: 336px;
	float: left;
	background: url("/images/bg_rockOn.gif") no-repeat 2% bottom;
}

#indexCopy { margin: 0px 0px 0px 16px; }

#indexPeople { padding-bottom: 20px; background: url("/images/bg_crease.gif") no-repeat left bottom; }

/* 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; }

.indexUpload { margin: 0 auto; width: 340px; height: 44px; background: url("/images/uploadBG.gif") no-repeat center center; }

.indexUpload a { display: block; margin: 0 auto; width: 187px; height: 46px; background: url("/images/btn_indexUpload.gif") no-repeat 0 0; }

.indexUpload a:hover { background: url("/images/btn_indexUpload.gif") no-repeat 0 -46px; }



/* --- registration divs and forms -------------------------- */


div#how { margin: 0 20px 0 0; width: 265px; float: left; }

#registerDiv { width: 285px; float: left; }

#updateMember { width: 460px; float: left; }

#loginDiv { margin-bottom: 16px; padding-bottom: 16px; background: url("/images/formLoginBG.gif") no-repeat center bottom; }

#forgotInfoDiv {  }

.registerForms form { display: block; }

.registerForms form p { margin: 0 48px 12px 0; width: 264px; font-size: 1.1em; }

.registerForms label, #tellafriend label { margin-bottom: 2px; display: block; color: #444; font-weight: bold; font-size: 1.1em; }

.registerForms input,
#tellafriend input { margin-bottom: 12px; width: 264px; height: 17px; padding: 6px; display: block; background: url("/images/registerInputBG.gif") no-repeat left top; border-width: 0px; } /*276 x 29*/

#tellafriend { overflow: hidden; }

#tellafriend label { clear: both; }

#tellafriend input { margin-right: 10px; float: left; }

.registerForms select, .registerForms textarea { margin-bottom: 12px }

.registerForms textarea { margin-bottom: 12px; padding: 6px; display: block; width: 404px; height: 112px; background: url("/images/commentBoxBG.gif") no-repeat left top; border-width: 0px; }

.registerForms input.hidden, #tellafriend input.hidden { display: none; }

.registerForms input.submit, .registerForms input.reset, #commentsform input.submit, #tellafriend input.submit { width: 126px; height: 0px; padding: 30px 0 0 0; cursor: pointer; border-width: 0px; }

* html .registerForms input.submit,
* html .registerForms input.reset,
* html #commentsform input.submit,
* html #tellafriend input.submit { height: 30px; }

*:first-child+html .registerForms input.submit,
*:first-child+html .registerForms input.reset,
*:first-child+html #commentsform input.submit,
*:first-child+html #tellafriend input.submit { height: 30px; }

.registerForms input.submit#register { background: url("/images/btn_register.gif") no-repeat 0 0; }

.registerForms input.submit#loginBtn { background: url("/images/btn_login.gif") no-repeat 0 0; }

.registerForms input.submit#remind { background: url("/images/btn_remind.gif") no-repeat 0 0; }

.registerForms input.submit#next { background: url("/images/btn_next.gif") no-repeat 0 0; }

.registerForms input.submit#upload_button { margin-right: 24px; background: url("/images/btn_upload.gif") no-repeat 0 0; float: left; }

.registerForms input.reset#reset { background: url("/images/btn_reset.gif") no-repeat 0 0; }

/* update profile submits */

.registerForms input.submit#delete { background: url("/images/btn_delete.gif") no-repeat 0 0; }

.registerForms input.submit#updateBtn { background: url("/images/btn_update.gif") no-repeat 0 0; }

#commentsform input.submit#postComment { background: url("/images/btn_comment.gif") no-repeat 0 0; }

#tellafriend input.submit#send { margin-right: 0px; background: url("/images/btn_send.gif") no-repeat 0 0; }

.registerForms input.submit:hover,
.registerForms input.submit#register:hover,
.registerForms input.submit#loginBtn:hover,
.registerForms input.submit#remind:hover,
.registerForms input.submit#next:hover,
#commentsform input.submit#postComment:hover,
.registerForms input.submit#update:hover,
.registerForms input.submit#delete:hover,
.registerForms input.submit#upload_button:hover,
#tellafriend input.submit#send:hover { background-position: 0 -30px; }

/* special checkbox styles */


#uploadVideo form div { margin: 4px 0 8px 0; overflow: hidden; }

form div { margin-bottom: 4px; overflow: hidden; }

form div input.checkbox { width: 12px; margin-right: 8px; padding: 0; float: left; }

form div span { margin-right: 36px; font-size: 1.1em; font-weight: bold; }

form div a { font-weight: bold; color: #444; }

/* CAPTCHA image styles ------- */

form img { margin-bottom: 12px; display: block; }


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

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


/* --- participant list styles ------------------------------------ */

.memberSingle { position: relative; top: 0px; left: 0px; margin: 0 20px 20px 0; width: 200px; height: 65px; float: left; }

.memberSingle a.memName { position: absolute; left: 73px; bottom: 0px; color: #444; text-decoration: underline; }

.memberSingle a.memImage { display: block; margin-right: 8px; width: 65px; height: 65px; float: left; }

.memberSingle a img { width: 65px; height: 65px; border-width: 0px; }


/* 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. */

div.error, div.success { margin: 0 0 12px 0; padding: 8px; width: 290px; }

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

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

div.error p, div.success p { margin-bottom: 16px; font-size: 1.2em; font-weight: bold; color: #444; }

div.success a { color: #b90e1e; text-decoration: underline; }

div.success a:hover { color: #444; }

div.error p { color: #b90e1e; }



/* -- 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; }