@charset "utf-8";
/* 
Mobile Tube
Global Style Sheet
(c) 2010 PimpRoll.com
*/
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display: block; border: none; margin:0; padding:0; }
ul,li { list-style: none; }
.clear { clear: both; }
body { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; }
#wrap { max-width: 480px; margin: auto; }

#head { height: 80px; background-position: 0 0; background-repeat: repeat-x; position: relative; }
#no-nav #head { height: 50px; }
#head div.logo a { float:left; width: 174px; height: 49px; }
#head a.premium { background-position: -172px -80px; position: absolute; width: 128px; height: 33px; top:0; right:0; }
a.premium {  font-weight: bold; padding: 16px 0 0 21px; font-size: 14px; text-align: center; text-decoration: none; text-transform: uppercase; }

#head a.unlock { background: url(http://imgt1.pimproll.com/images/MPORN/head.gif) no-repeat 0 0; position: absolute; width: 80px; height: 35px; top:7px; right:65px; font-weight:bold; color:#000; text-align: center; padding: 9px 0 0 0; font-size:11px; }
#head a.login { background: url(http://imgt1.pimproll.com/images/MPORN/head.gif) no-repeat -84px 0; position: absolute; width: 53px; height: 35px; top:7px; right:7px; font-weight:bold; color:#000; text-align: center; padding: 9px 0 0 0; font-size:11px; }

#nav { clear:left; margin: 0 3px; }
#nav a { font-size: 12px; text-transform: uppercase; font-weight: bold; height: 31px; background-position: 0 -129px; float:left; text-decoration: none; margin-left: 2px; text-align: center; }
#nav a span { background-position: right -129px; display: block; padding: 8px 9px 0 3px; height: 23px; margin-left:6px; }
#nav form { height: 31px; position: absolute; top: 52px; right:6px; }
#nav form input.txt { border: none; width: 90px; margin: 3px 0 0 0; background-position: 0 -336px; padding: 2px 0 2px 22px; font-size:12px; font-weight: bold; float:left; }
#nav form input.btn { border: none; width: 27px; height: 24px; padding:0; margin:0; background-position: -147px -406px; background-color: transparent; margin-left: 4px; float:left; }

#secure-icon { background-position: 0 0; width: 23px; height:30px; position: absolute; top: 8px; right:16px; }
#secure-icon span { width: 70px; position: absolute; right: 26px; font-weight:bold; top:2px; font-size:12px; text-align:center; line-height: 13px; }

h1,h3 { font-size: 13px; padding: 8px 0 5px 0; margin: 0 3px 3px 3px; border-bottom: 3px solid; }

#pagination { height: 84px; display: block; clear: both; background-position: 0 -376px; width: 320px; margin: 15px auto;}
#pagination #page { width: 134px; height: 61px; padding: 22px 0 0 0; float:left; background-position: -94px -168px; text-align: center; }
#pagination #page p { font-weight: bold; font-size: 12px; padding-top: 4px; }
#pagination a,#pagination span.blank { float:left; width:93px; height: 84px; }
#pagination a.back { background-position: 0 -166px; }
#pagination a.next { background-position: -228px -166px; }

#footer { background-position: 0 -467px; background-repeat: repeat-x; height: 48px; clear:both; position: relative; margin-top: 8px; }
#footer .logoFoot { float:left; margin: 14px 0 0 8px; width:81px; height:19px; }
#footer a.premium { background-position: -172px -257px; position: absolute; width: 128px; height: 32px; top:0; right:0; }
ul#foot-nav { background-position: 0 -48px; background-repeat: repeat-x; height: 27px; text-align: center; padding: 5px 0 0 0; }
ul#foot-nav li { display: inline; font-size: 11px; font-weight: bold; padding: 0 5px; }

#foot-text { text-align: center; font-size: 11px; }
#foot-text  p { margin: 10px; }

#thumbs { position: relative; }
#thumbs ul.l { margin: 0 0 0 0; }
#thumbs ul.l li { margin: 0 3px 0 4px; width: 153px; float:left; }
#thumbs ul.l li a.thumb { width: 153px; height:116px; display: block; background-position: center center; margin: 0 0 1px 0; position: relative; }
#thumbs ul.l li a.thumb img.play { position: absolute; bottom: 4px; right: 4px; border: none; }
#thumbs .rating { padding-top: 3px; display:block; font-weight: bold; color:#eec342; }
#thumbs .rating .star_off { background: url(http://imgt1.pimproll.com/images/MPORN/rating.gif) no-repeat 0 -22px; height:12px; float: left; width:60px; margin-right: 4px; }
#thumbs .rating .star_on { background: url(http://imgt1.pimproll.com/images/MPORN/rating.gif) no-repeat 0 0; height:12px; float: left; }
#thumbs ul.l li .info { padding:0 4px 4px 4px; display: block; font-size: 11px; position: relative; margin-bottom: 7px; }
#thumbs ul.l li .info a { display: block; font-weight: bold; text-decoration: none; padding: 4px 0; height: 28px; }
#thumbs ul.l li .info .date { position: absolute; right: 4px; }
#thumbs ul.l li .info span.views { font-size: 10px; display:block; height: 26px; }

#categories { position: relative; }
#categories a.cat {  width: 150px; float:left; background-repeat: repeat-x; display: block; text-decoration: none; border: 1px solid; position: relative; padding: 2px 0; margin:  2px 4px; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; }
#categories a.cat span.title { font-size: 14px; display: block; font-weight: bold; padding: 4px 10px; }
#categories a.cat:hover span.title { text-decoration: underline; }

#preview h2 { font-size: 12px; }
#preview ul.videos li { width: 153px; float:left; margin: 0 3px 0 4px; }
#preview a.thumb { width: 153px; height:116px; display: block; }
#preview #info { padding: 8px 10px 14px 10px; clear:left;  }
#preview #info p { clear: both; font-size: 11px; font-weight: bold; }
#preview #info p.tags { line-height: 16px; }
#preview #info p a { text-decoration: none; }
#preview #info p a:hover { text-decoration: underline; }
#preview #info p a.parent { text-decoration: underline; }
#preview #info span { float:left; width: 63px; padding: 0 0 16px 0; }

#preview a span.icon { width: 26px; height: 26px; float:right; clear:left; margin: -3px 5px 0 5px; background:url(http://imgt1.pimproll.com/images/MPORN/icon-play.png) 0 0;}
#preview a span.title { font-size: 14px; font-weight: bold; display: block; padding-top: 2px; }
#preview a span.desc { font-size: 11px; display: block; }

#preview #download-container { width: 320px; margin: auto; }
#preview #download { float:left; width: 138px; padding-top: 2px; }
#preview #download #buttons { margin: auto; }
#preview a.button { height: 20px;background-position: 0 bottom; display: block; margin-bottom: 1px; text-decoration: none; padding: 3px 0 3px 8px; position: relative; margin: 3px 0 8px 0; border: 1px solid;-webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; }

.join { clear:both; }
.join a { font-weight:bold; font-size: 14px; padding: 8px 2px; display:block; text-align:center; border:2px solid; margin: 0 4px;-webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; }

#premium #thumb { width: 31%; background-position: center; height: 106px; float:left;-webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; }
#premium ul#sell { background-position: 0 bottom; font-size: 11px; font-weight: bold; border: 1px solid; margin: 0 0 10px 0; padding: 2px 3%; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; float:left; width: 60%; margin-left: 2%; height: 100px; }
#premium ul#sell li { margin: 5px 0; }

#form h3 { border: none; font-size: 14px; text-align: center; text-transform: uppercase; padding-top: 12px; }

#sorting { position: absolute; top:4px; right:3px; border: 1px solid; }
#sorting li.first { border-left: none; }
#sorting li { float:left; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; width:auto; margin: 0px; border-left: 1px solid; }
#sorting li a { text-decoration: none; background-position: 0 -517px; background-repeat: no-repeat; float:left; padding: 3px 9px;  }
#sorting li a.active { background-position: 0 -550px; }

#list { position: relative; }
#list a.i { background-position: 0 bottom; background-repeat: repeat-x; display: block; text-decoration: none; border-bottom: 1px solid; position: relative; padding: 8px 10px; margin: 0 3px; }
#list a.star { padding: 0 10px 0 0; height: 56px; }
#list a.star img { width: 56px; height:56px; }
#list a.i img { float:left; margin: 0 10px 0 0; }
#list a.i span.title { font-size: 16px; font-weight: bold; display: block; }
#list a.star span.title { padding-top: 8px; }
#list a.i span.desc { font-size: 13px; display: block; padding: 2px 0; }
#list a.i span.small { font-size: 11px; display: block; }

#form { clear:left; max-width: 320px; margin: 0 auto 20px auto; display: block; }
#form p { padding: 4px 10px 4px 10px; font-size: 12px; position: relative;  background-position: 0 bottom; border-bottom: 1px solid; }
#form p.cross { color: #777; }
#form p label { float:left; width: 140px; clear:left; margin: 8px 0 0 0; }
#form p.select label { margin: 4px 0 0 0; }
#form p label.cvv2 { margin-top: 0; }
#form p span.desc { font-size: 11px; display: block; margin-right: 120px; min-height: 26px; }
#form p a { display: block; color: #34bb00; font-size: 11px; }
#form p input.txt { width:150px; padding: 5px 0; }
#form p input.short { width:150px; }
#form p select { width: 154px; }
#form p select.short { width: 73px; }
#form p select.year { margin-left: 8px; }
#form p input.btn { display: block; margin: 10px auto 0 auto; }

#legal { font-size:12px; }
#legal p { margin: 10px; }
#legal ul { list-style:square !important; margin: 10px 26px; color#ccc; }
#legal ul li,#legal ol li { margin: 5px 0; }
#legal ol { list-style:decimal !important; color#ccc; }
#legal ul li { list-style:square !important; padding: 0 0 0 10px; }
#legal ol li { list-style:decimal !important; padding: 0 0 0 10px; }

#join-stats ul { border: 1px solid; border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px;	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; width:320px; margin:10px auto; }
#join-stats ul li { font-size: 14px; font-weight: bold; margin-top: 10px; border-bottom: 1px solid; padding: 0 10px 10px 10px; }
#join-stats ul li.h {  font-weight: bold; font-size: 16px; background-position: 0 bottom; margin-top:0; padding: 5px 10px; }
#join-stats ul li span { float:left; width: 16px; height: 16px; background-position: -153px -387px; margin: 1px 6px 0 0; } 
#join-stats ul li span.small { font-weight: normal; font-size: 11px; display: block; float: none; width: auto; height: auto; background: none; margin: 2px 0 0 22px; }

p.white { text-transform: uppercase; color: #fff; font-weight: bold; text-align: center; font-size: 12px; margin: 10px; }
p.deal { color: #76A645;text-transform: uppercase; font-weight: bold; font-size: 11px; text-align: center; margin: 10px; }

.sellText { background: url(http://images.pimproll.com/images/cimages/mobile/join/sell.gif) no-repeat bottom; padding: 0 0 71px 0; }
.sellText h3 { background: url(http://images.pimproll.com/images/cimages/mobile/join/sell_h3.gif) repeat-x 0 bottom; border-bottom: 2px solid #2d2d2d; padding: 10px 0; color: #fff; text-shadow: 1px 1px 1px #416f12; margin: 0 !important; border: none !important; text-align: center; }
.sellText p { height: 35px; padding: 8px 0 0 35px; color: #fff; font-weight: bold; border-bottom: 1px solid #000; border-top: 1px solid #444; background: url(http://images.pimproll.com/images/cimages/mobile/join/star.png) no-repeat 12px 14px; }
.sellText p .num { color: #76a645; font-size: 22px; text-shadow: 1px 1px 1px #000; float:left; padding: 0 8px 0 0; }
.sellText p .text { float:left; padding: 4px 0 0 0; text-shadow: 1px 1px 1px #111; }

.alert { background: url(http://imgt1.pimproll.com/images/MPORN/alert_bg.gif) no-repeat -3px 0; border: 1px solid #bf0000; padding:4px 5px 5px 35px;-webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; color: #fff; width:260px; margin: 0 auto 5px auto; }
.alert strong { font-size: 15px; font-weight: bold; }
.alert p { font-size: 11px; color: #999; margin: 3px 0; }
.alert p a { font-size: 12px; font-weight: bold; color: #88b0e7; }

.help p {  margin: 10px; font-size: 13px; }
.help p a { padding-left: 10px; display:block; margin-bottom: 20px; color:#5c8dbc; font-weight: bold; }

.fullScene { width: 302px; margin: auto; }

p.satisfaction { font-size: 12px;margin: 15px 10px;text-align: center; }

#foot-text ul { margin-top: 10px; }
#foot-text ul li { display: inline; padding: 0 5px; text-align: center;border-right: 1px solid; }
#foot-text ul li:last-child { border-right: none; }



/* t01.tpl */
body { background: #000; color: #ccc; }
a:link, a:visited, a:active { color: #fff; }
#head,#head a.premium,#nav a,#nav a span, #nav form input.btn,#pagination,#pagination a,#pagination #page,#footer,ul#foot-nav,#footer a.premium,#preview a.button,#form p,#premium ul#sell,#sorting li a,#sorting li a.active,#nav form input.txt,#list a.i,.join a span,#join-stats ul li span { background-image: url(http://imgt1.pimproll.com/images/MPORN/t01_bg.png); }
#secure-icon { background-image: url(/images/MPORN/secure.png); }
#categories a.cat,#preview #info,#preview #download,#preview a.button,#form p,#premium ul#sell,#preview a.thumb img,#list a.i,#join-stats ul li,#join-stats ul { border-color: #222426; }

#nav form input.txt { color:#666; }
#foot-text { color: #888; }
#foot-text a { color: #eee; }
#foot-text ul { margin-top: 10px; }
#foot-text ul li { display: inline; padding: 0 5px; text-align: center;border-right: 1px solid #444; }
#foot-text ul li:last-child { border-right: none; }
a.premium { color:#111; text-shadow: 1px 1px 1px #fff; }
h3,h1 { border-color: #222426; }
.join a { color: #fff; }
#list a.i span.desc { color:#888; }
#thumbs ul.l li .info { background-color: #0e0f10; }
#thumbs ul.l li .info a,#preview #info p a { color:#5c8ddb; }
#thumbs ul.l li .info a:hover { color: #fff; }
#sorting { border-color:#1e252f; }
#sorting li { border-color:#192841; }
#footer .logoFoot { background: url(http://imgt1.pimproll.com/images/MPORN/logo_foot.gif); }
#join-stats ul li { color: #9acc4b; }
#join-stats ul li span { color: #999; }
.join a { border-color:#3a7200; background:#0c1700; }
#secure-icon span { color:#fff; }