@charset "utf-8";

body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display: block; border: none; margin:0; padding:0;list-style: none;  }
* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(bg.png) no-repeat center -120px #d0d0d0; font-family: Georgia, "Times New Roman", Times, serif; }
body#submit {  background: url(bg.png) no-repeat center -238px #d0d0d0; }
.wr { width: 980px; margin: auto;background: #fff; border: 9px solid #000; clear: both; padding: 1px; position: relative; }
.wr-out { width: 1000px; margin: auto; }
.bg { background: url(bg.png) no-repeat center bottom; padding-bottom: 76px; margin-bottom: 40px; }
#head { border-top: none; }
#head img.top { margin-bottom: 2px; }

#head h1 { position: absolute; left: -60px; top: 190px; z-index: 1; }
#head h1 span { text-indent: -9999px; position: absolute; top: 0; left:0; }

#head ul#nav { position: absolute; right: -20px; top: 340px; }
#submit #head ul#nav { top: 155px; }
#head ul#nav  li { float:left; }
#head ul#nav  li a { display: block; height: 97px; overflow: hidden; position: relative; float:left; }
#head ul#nav  li a img { position: absolute; top:0px; }
#head ul#nav  li.mem a { width: 218px; }
#head ul#nav  li.submit a { width: 169px; }
#head ul#nav  li.join a { width: 236px; }
#head ul#nav  li.mem a img { left: 0; }
#head ul#nav  li.submit a img { left: -218px; }
#head ul#nav  li.join a img { left: -387px; }
#head ul#nav  li.mem a:hover img { top: -97px; }
#head ul#nav  li.submit a:hover img { top: -97px; }
#head ul#nav  li.join a:hover img {  top: -97px; }

#intro { padding: 60px 0 26px 0; }
#intro ul { width: 670px; float:left; }
#intro ul li { width: 156px; margin: 0 8px 0 0; float:left; }
#intro ul li img { display: block; margin-bottom: 1px; border: 3px solid #6d6d6d; }
#intro ul li span { display: block; padding: 6px; color: #fff; background: #0170c9; text-align: center; font-size: 18px; }
#intro p { width: 330px; float:left; font-size: 12px; line-height: 19px; }
#intro p span { display: block; height: 34px; background: url(text.png) no-repeat -2px 0; margin-bottom: 4px; text-indent: -9999px; }
#intro p a { display: block; padding: 6px; text-decoration: none; color: #fff; background: #fd026b; text-align: center; font-size: 18px; margin: 8px 0 0 0; line-height: normal; }

#main h2 { background: #0170c9; color: #fff; margin: 10px 0 1px 0; font-weight: normal; padding: 6px 10px; }
#main .trailer { float:left; width: 480px; margin: 0 0 10px 10px; }
#main .trailer a { background: #fd026b; padding: 9px; text-align: center; color: #fff; display: block; margin: 8px 0 0 0; font-size: 26px; }
#main .recent { float:left; width: 462px; margin: 0 0 0 18px; position: relative;  }
#main .recent .logo { position: absolute; top: -30px; right: -42px; }
#main .movies { clear:left; margin: 0 0 0 1px; }
#main .movies ul li { float:left; width: 314px; margin:0 0 10px 9px; }
#main .movies ul li a { position: relative; display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#main .movies ul li a span.foot60 { background: url(60pc-trans.png) no-repeat; position: absolute; bottom:-1px; width:294px; color: #fff; padding: 7px 10px; border-bottom: 1px dotted #ccc; }
#main .movies ul li a span.foot60 span { position: absolute; right: 3px; bottom: 3px; background: #000; padding: 4px 5px; text-transform: uppercase;  }
#main .movies ul li a:hover span.foot60 span { background: #fd026b; }

#main .movies ul li a img.play { position: absolute; top:0; left:0; visibility: hidden; }
#main .movies ul li a:hover img.play { visibility: visible; }

#main .vertical { clear:left; margin: 0 10px 0 9px; }
#main .vertical h2 { margin: 1px; }
#main .vertical ul li { float:left; width: 159px; margin: 0 0 20px 1px; }
#main .vertical ul li a { display: block; position: relative; text-decoration: none; }
#main .vertical a.name { display: block; background: #fd026b; padding: 3px 6px; text-align: center; color: #fff; display: block; font-size: 11px; font-weight: normal; margin-top:1px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; text-align: left; height: 76px; }
#main .vertical a.name strong { font-weight: bold; color: #ffe93c; display: block; }
#main .vertical ul li:hover a.name { background: #cc0055; }
#main .vertical ul li a span.foot60 { background: url(60pc-trans.png) no-repeat; position: absolute; bottom:-1px; width:129px; color: #fff; padding: 2px 0 6px 30px; height: 10px; border-bottom: 1px dotted #ccc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#main .vertical ul li a span.foot60 span.rating_off { position: absolute; right: 35px; bottom: 4px; background: #fd026b; text-transform: uppercase; background: url(star_off-trans.png); width: 49px; height:10px;  }
#main .vertical ul li a span.foot60 span.rating_on { height: 10px; background: url(star_on-trans.png) no-repeat; display: block; }

#main .stolen { position: relative; clear:left; padding: 10px 0 20px 144px; }
#main .stolen img.logo { position: absolute; top: 0; left: -40px; }
#main .stolen h3 { background: url(text.png) no-repeat center -370px; width: 546px; text-indent: -9999px; height: 30px; }
#main .stolen a.join { float: right; margin: 0 20px 0 10px; }

a.text { background: url(text.png) no-repeat; display: block; height: 50px; text-indent: -9999px; clear: both; margin: 0 0 10px 0; }
a.t1 { background-position: center -134px; }
a.t2 { background-position: center -200px; }
a.t3 { background-position: center -254px; }
a.t4 { background-position: center -310px; }

#join { background-position: center -340px; }
#join #head img { margin-bottom:0; }
#join #head h1,#submit #head h1 { top: -34px; }
#join .join, .submitgf { margin: auto; width: 1000px; margin-top: 2px; position: relative; }
#join .join .lock { position: absolute; top: 0; left: 480px; z-index: 1; }
#join .join p.secure { position: absolute; top: 6px; text-align: center; left: 200px; width:600px; line-height: 28px; font-size: 20px; }
#join .join p.secure strong { color: #b6014d; }
/*
#join .join #points { background: url(join_02.gif) no-repeat; width: 529px; padding-top: 50px; float:left; }
*/
#join .join #points li { height: 90px; display: block; padding: 0 40px 0 74px; font-size: 13px; }
#join .join #points li.pic { height:auto; padding: 0; }
#join .join #points li.pic img { display: block; margin-bottom: 20px; }
#join .join #form-join { width:480px; background: #fff; height: 290px; border: solid 5px #000; padding: 20px   }

#footer { position: absolute; text-align: center; width: 960px; bottom:-56px; }
#footer  li { display: inline; padding: 0 20px; font-size: 22px; }
#footer  li a { color: #c90054; text-decoration: none; border-bottom: 2px dotted #fd026b; }
#footer  li a:hover { border-color: #000; color: #000; }

#left { width: 675px; float:left; display:inline; margin: 0 0 0 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#right { float:left; display:inline; width: 295px; margin: 0 0 0 15px; font-size: 14px; line-height: 20px; }

#left .submitSuccess,#left .submitError { border: 1px solid #4bb500; background: #bfffc5; -moz-box-shadow:2px 2px 5px #aaaaaa; font-weight: bold; padding: 18px 20px; margin-left: 15px; margin-bottom: 15px; }
#left .submitError { border: 1px solid #b50000; background: #ffbaba; }

#right ul li { margin: 20px; }
#right h3 { margin: 0 20px; }
.submit p { clear:left; margin: 15px; }
.submit h3 { margin-left: 15px; margin-bottom: 0; }
.submit textarea { width: 604px; border: 2px solid #666; font-family: Arial, Helvetica, sans-serif; padding: 10px;}
.submit p label { font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px }
.submit .submit-box { width: 320px; float:left; margin-bottom: 15px; margin-left: 15px; background: #f2f2f2; border: 1px solid #999; padding: 12px 0 0 0; display: inline; }
.submit .submit-box p label { float:left; width: 20px; color: #666; font-weight: normal; font-size: 13px; }
.submit .submit-box p.note { padding:0 0 4px 0; font-style:oblique; color: #666; margin-top:10px; }
/*
.submit .pictures h3 span { background: url(../images/submit.gif) no-repeat 0 2px; width: 30px; height: 24px; float:left; margin: -3px 0 0 0; }
.submit .videos h3 span { background: url(../images/submit.gif) no-repeat 0 -30px; width: 30px; height: 24px; float:left; margin: -4px 0 0 0; }
.submit .identification h3 span { background: url(../images/submit.gif) no-repeat 0 -60px; width: 42px; height: 32px; float:left; margin: -7px 0 0 0; }
*/
.submit .info-box {margin-bottom: 15px; margin-left: 15px; background: #f2f2f2; border: 1px solid #999; padding: 0px 0 0 0; clear: left; }
.submit .info p label { float:left; width: 120px; color: #333; }
.submit .info label.check { float: none; width: auto; font-weight: normal; }

.submitgf #right { margin-top: -40px; margin-left: 0; width: 315px; }
.submitgf #right h3 { padding:2px 0; margin: 0; font-size: 24px; line-height: 28px; }
.submitgf ol { padding: 10px 0 0 0; }
.submitgf ol li { list-style: none; display: block; padding: 6px 0; margin: 0 0; font-size: 12px; clear:left; }
/*
.submitgf ol li { background: url(../images/numbers.gif) no-repeat; padding: 0 0 12px 34px; }
*/
.submitgf ol li.i1 { background-position: 0 0; }
.submitgf ol li.i2 {background-position: 0 -230px; }
.submitgf ol li.i3 {background-position: 0 -460px; }
.submitgf ol li.i4 {background-position: 0 -690px; }
.submitgf ol li.i5 {background-position: 0 -920px; }
.submitgf .winners li { float:left; width: 314px; margin: 0 0 5px 9px; }
.submitgf .winners li p { margin: 2px 0px; text-align: center; background: #eee; height: 40px; padding: 2px 10px; }
.submitgf p { margin: 0 0 10px 0; }
.submitgf hr {clear:both; margin: 0 0 20px 0; padding: 10px 0 0 0; border: none; border-bottom: 1px solid #666; }

object, embed, #flowplayer { margin: 0;padding: 0;width: 480px;height: 290px; }

#common_footer { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #c90054; text-decoration: underline; }
#common_footer a:hover { color: #000; text-decoration: none; }
#common_footer img { display: inline; }