/* Reset CSS Styles */
html{ color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }
a { text-decoration: none; }
/* Common Styles */
a { color:#ca0206; }
a:hover { }
.clearLeft { clear: left; }
br.clearAll { clear:both; }
strong { font-weight: bold; }
.alignCenter { text-align: center; }
/* Basic Styles */
html { background-color: #012F5A; font-family: Arial,sans-serif; font-size:10px; color: #504f4f; }
#siteWrapper { width:99.8em; margin:0 auto; border:solid 2px #fff; border-width: 0 2px 0 2px; background-color: #f2f2f2; }
/* Header Styles */
#siteHeader { position:relative; height:37.5em;
background-repeat: no-repeat; background-position: 0 20px; }
#siteHeader.softcore { background-image: url('images/header_bg_hardcore.jpg'); }
#siteHeader.hardcore { background-image: url('images/header_bg_hardcore.jpg'); }
#siteHeader h1 { position:absolute; text-indent: -9999em; background-image: url('images/header_logo.png');
background-repeat: no-repeat; width:343px; height:264px; left:5px; top:34px; }
#siteHeader h2 { position:absolute; top:0; left:0; right:0; height: 56px;
background-image: url('images/header_tagline_bg.png'); background-repeat: repeat-x;
background-position: top center; text-align: center; font-size:2.1em; font-weight: bold;
color: #464646; line-height: 30px; vertical-align: middle; }
#siteNav { width:100%; height:77px; position:absolute; bottom: 0; background-image: url('images/nav_bg.png'); background-repeat: no-repeat; }
#siteNav ul { margin-top:20px; margin-left:35px; }
#siteNav ul li { float:left; margin-right:20px; }
#siteNav ul li a { margin-top:2px; padding:4px 20px; display:block; font-size:2em; background-color: #ca0206; color:#fff; }
#siteNav ul li a span { }
#siteNav ul li a:hover { background-color: #012058; }
#siteNav ul li.arrow { width:100px; height:42px; background-image: url('images/nav_arrow.png');
background-position: center center; background-repeat: no-repeat; }
#siteNav ul li.instantAccess a { background-color: #444444; }
#siteNav ul li.instantAccess a:hover { background-color: #ca0206; }
/* Footer Styles */
#siteFooter { position:relative; height:21em; background-image: url('images/footer_bg.jpg'); background-repeat: no-repeat;
background-position: center bottom; color: #ccd; marging-top:1em; }
#siteFooter div.logo { position:relative; top:5em; left:4.5em; background-image: url('images/footer_logo.png'); width:160px; height:123px; }
#siteFooter div.instantAccess { height:7em; position:absolute; top:-2em; width:100%; background-image: url('images/footer_instantaccess_bg.png'); }
#siteFooter div.instantAccess a { margin: 22px 10px 0 0; float:right; padding:4px 20px; display:block; font-size:2em; background-color: #444444; color:#fff; }
#siteFooter div.instantAccess a:hover { background-color: #ca0206; }
#siteFooter div.links { position:absolute; top: 70px; left: 250px; right:20px; text-align: center; font-size: 1.3em; }
#siteFooter div.links a { color: #fdd264; }
#siteFooter div.recordKeeping { position:absolute; top: 95px; left: 250px; right:20px; text-align: center; font-size:1.1em; }
#siteFooter div.recordKeeping a { color: #fdd264; }
#siteFooter div.copyright { position:absolute; top: 120px; left: 250px; right:20px; text-align: center; }
/* Common Block Styles */
div.networkAd { height:25em; padding-top:6em; margin-top:1em; position:relative; background-image: url('images/networksite_ads_bg.jpg');
background-repeat: no-repeat; background-position: center bottom; }
div.networkAd div.title { height:12em; width:100%; position: absolute; top:-2em; background-image: url('images/networksite_ads_title_bg.jpg'); }
div.networkAd div.message { position:absolute; top:105px; font-size: 3em; color: #fff; left:0; right:0; text-align: center; }
div.networkAd ul.sites { position:absolute; top:160px; left:62px; }
div.networkAd ul.sites li { float:left; margin:0 10px; }
div.featuredSites { height:34em; width:100%; padding-top:6em; margin-top:0em; position: relative; background-color: #fff; }
div.featuredSites div.title { height:7em; width:100%; position:absolute; top:-2em; background-image: url('images/footer_instantaccess_bg.png'); }
div.featuredSites div.title h3 { color:#333; font-size:2.9em; font-weight: bold; margin:22px 0 0 10px; }
div.featuredSites ul { padding-left: 3px; }
div.featuredSites ul li { width:22.8em; margin: 0 10px; float:left; }
div.featuredSites ul li img { display:block; width:228px; height:250px; margin-bottom:4px; }
div.featuredSites ul li span.name { display:block; width:100%; font-size: 1.4em; font-weight:bold; color:#ca0206; }
div.featuredSites ul li span.desc { display:block; width:100%; font-size: 1.1em; }
div.featuredSites a.viewAll { margin: 10px auto 0; display:block; width:575px; font-size:2em; font-weight: bold; color:#444444; text-align: center; }
div.featuredSites a.viewAll:hover { color:#ca0206; }
div.siteFeatures { height:35em; padding-top:6em; margin-top:0em; position: relative; background-image: url('images/sitefeatures_bg.jpg');
background-repeat: no-repeat; background-position: center bottom; }
div.siteFeatures div.title { height:7em; width:100%; position:absolute; top:-2em; background-image: url('images/footer_instantaccess_bg.png'); }
div.siteFeatures div.title h3 { color:#333; font-size:2.9em; font-weight: bold; margin:22px 0 0 10px; }
div.siteFeatures ul.features { position:absolute; left:32em; right:25em; top:8em; }
div.siteFeatures ul.features li { height:40px; padding: 10px 0 0px 50px; color:#fff; background-image: url('images/bullet_x.png');
background-repeat: no-repeat; background-position: 10px 2px; margin-bottom:10px; font-size:2.4em; line-height:0.75em; }
div.siteFeatures ul.features li span { font-size:0.6em; }
div.siteFeatures div.videoTypes { position:absolute; top: 32.5em; left:0em; right:0em; text-align: center; }
div.getInstantAccess { height:5em; width:100%; background-image: url('images/nav_bg.png'); margin-bottom:20px; padding-top:2em; }
div.getInstantAccess a { color:#333; font-size:3em; display:block; text-align: center; font-weight: bold; }
div.getInstantAccess a:hover { color: #ca0206; }
/* Content Container Styles */
div.pageContentWrapper { margin-bottom:0px; padding:0 10px; }
div.pageContentWrapper h1 { font-size:2.9em; font-weight: bold; color:#ca0206; text-align: center; }
div.pageContentWrapper h4 { font-size: 1.4em; text-align: center; font-weight: bold; color:#333; }
div.pageContentWrapper p { color:#666px; margin:5px 0px; text-align: justify; font-size: 1.3em; }
div.recentVideosTorn { height:5em; position:relative; width:100%; background-image: url('images/nav_bg.png'); margin-bottom:20px; padding-top:2em; }
div.recentVideosTorn h3 { color:#333; font-size:2.9em; font-weight: bold; position: absolute; left: 5px; bottom:13px; }
div.recentVideosTorn a { color:#333; font-size:1.3em; font-weight: bold; position: absolute; right:5px; bottom:13px; }
div.recentVideosTorn a:hover { color: #ca0206; }
div.recentVideosWrapper { padding-left: 18px; }
div.recentVideosWrapper ul { }
div.recentVideosWrapper ul li { width:230px; margin:0 15px 15px 0; float:left; }
div.recentVideosWrapper ul li a:hover { color:#012058; }
div.recentVideosWrapper ul li img { width:230px; height: 172px; margin-bottom:2px; }
div.recentVideosWrapper ul li span.name { display:block; font-weight: bold; font-size:1.3em; }
div.recentVideosWrapper ul li span.info { width:230px; height: 172px; font-size: 1.2em; margin-bottom:4px; color:#333; }
div.recentVideosWrapper a.more { font-size: 2.5em; display:block; text-align: center; margin-bottom:25px; font-weight: bold; color:#555; }
div.recentVideosWrapper a.more:hover { color:#ca0206; }
div.viewVideoWrapper { margin-bottom:20px; height:430px; position:relative; }
div.viewVideoWrapper div.videoContainer { width:518px; height:363px; position:absolute; top:10px; left:30px; background-color: #000; }
div.viewVideoWrapper div.shootInfo { width:400px; height:363px; position:absolute; top:10px; right:30px; }
div.viewVideoWrapper div.shootInfo h2 { font-size:2.3em; color:#ca0206; text-align: center; margin-bottom:5px; }
div.viewVideoWrapper div.shootInfo p.desc { font-size:1.2em; text-align: justify; margin-bottom:10px; max-height:160px; overflow: auto; }
div.viewVideoWrapper div.shootInfo div.formats { font-size:2.3em; color:#ca0206; text-align: center; }
div.viewVideoWrapper div.shootInfo div.formats p{ margin-bottom:5px; }
div.viewVideoWrapper a.more { font-size: 2.5em; display:block; font-weight:bold; text-align: center; color:#555; position:absolute; bottom:10px; width:100%; }
div.viewVideoWrapper a.more:hover { color:#ca0206; }
div.joinContentWrapper { margin:10px 0 25px; }
div.joinContentWrapper div.column { width:255px; float:left; text-align: center; }
div.joinContentWrapper div.column img { width:230px; margin-bottom:10px; }
div.joinContentWrapper div.mainColumn { width: 488px; float:left; }
div.joinContentWrapper div.mainColumn h1 { font-size:2.3em; font-weight: bold; color:#ca0206; text-align: center; }
div.joinContentWrapper div.signupBlock { margin:10px 0 20px; }
div.joinContentWrapper div.signupBlock h2 { font-size:1.7em; font-weight: bold; text-align: center; margin-bottom: 5px; color:#000; }
div.joinContentWrapper form.signupForm { }
div.joinContentWrapper form.signupForm fieldset { margin-bottom:20px; }
div.joinContentWrapper form.signupForm legend { font-size:1.5em; font-weight: bold; padding-bottom:10px; }
div.joinContentWrapper form.signupForm div.row { height:20px; line-height: 20px; margin-bottom:10px; }
div.joinContentWrapper form.signupForm label { padding-left:10px; }
div.joinContentWrapper form.signupForm label input { margin-right:5px; }
div.joinContentWrapper form.signupForm div.btnRow { text-align: center; }
div.joinContentWrapper form.signupForm input.btnSubmit { border: solid 1px #333; padding:6px 15px 6px 15px; font-size:1.5em; background-color: #ca0206; color:#fff; cursor:default; }
div.joinContentWrapper form.signupForm input.btnSubmit:hover { background-color:#444444; }
div.joinContentWrapper div.mainColumn ul { margin-left:20px; font-size:1.9em; color:#333; }
div.joinContentWrapper div.mainColumn ul li { list-style: circle; margin:5px 0; }
div.networkSitePair { padding:0 30px; margin-bottom:20px; }
div.networkSitePair div.left { width:450px; float:left; }
div.networkSitePair div.right { width:450px; float:right; }
div.networkSitePair h3 { font-size:2.5em; font-weight: bold; color:#ca0206; text-align: center; margin-bottom:5px; }
div.networkSitePair div.siteImg { width:450px; height:300px; margin-bottom:5px; }
div.networkSitePair p { font-size:1.2em; text-align: justify; }
div.episodeBox { background-image: url('images/networksite_ads_bg.jpg'); background-repeat: repeat; margin: 25px 0 40px; padding: 60px 0 20px; position:relative; }
div.episodeBox div.title { background-image: url('images/footer_instantaccess_bg.png'); height:70px; position:absolute; top:-20px; width:100%; }
div.episodeBox div.title h3 { color:#ca0206; font-size:25px; font-weight: bold; margin:22px 0 0 10px; }
div.episodeBox div.title span { font-size: 13px; font-weight: bold; position: absolute; right: 15px; top: 35px; }
div.episodeBox div.bottom { bottom: -20px; background-image: url('images/footer_instantaccess_bg.png'); height: 70px; position: absolute; width: 100%; }
div.episodeBox div.bottom a { color: #666; font-weight: bold; line-height: 70px; font-size: 20px; }
div.episodeBox div.bottom a:hover { color: #ca0206; }
div.episodeBox div.bottom a.watch { float: left; margin-left: 10px; }
div.episodeBox div.bottom a.join { float: right; margin-right: 10px; }
div.episodeBox div.content { padding: 5px 6px 0; }
div.episodeBox div.photos { height: 487px; margin: 3px 0 2px; position: relative !important; }
div.episodeBox div.photos img.main { border: solid 1px #fff; display: block; height: 485px; position: absolute; width: 725px; left: 7px; top: 0; }
div.episodeBox div.photos img.top { border: solid 1px #fff; display: block; height: 158px; position: absolute; width: 236px; right: 7px; top: 0; }
div.episodeBox div.photos img.middle { border: solid 1px #fff; display: block; height: 158px; position: absolute; width: 236px; right: 7px; top: 163px; }
div.episodeBox div.photos img.bottom { border: solid 1px #fff; display: block; height: 158px; position: absolute; width: 236px; right: 7px; bottom: 0; }
div.episodeBox div.description { color: #fff; font-size: 12px; margin: 2px 0; padding: 2px; text-align: justify; }