/* ----------[ RESET-FONTS-GRIDS ]---------- */ /*reset.css*/body {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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /* ----------[ /RESET-FONTS-GRIDS ]---------- */ /* ----------[ CLEARFIX FLOAT FIX ]---------- */ .clrfx {zoom:1;} .clrfx:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} /* ----------[ /CLEARFIX FLOAT FIX ]---------- */ /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ body {color:#222; text-align:center; background:#fff; font-family:Georgia,Times,serif;} #custom-doc {width:950px; margin:0 auto; padding:0; text-align:left;} a {text-decoration:none; color:#444; } a:hover {text-decoration:none; } OFFp {margin-bottom:8px;} /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ /* ----------[ GLOBALHEADER STYLES ]---------- */ #hd {position:relative; margin:0 auto; width:100%; height:51px; background-color:#000;} #bd {position:relative; margin:0; padding:0; width:100%; height:600px; background:transparent url(../gfx/bg.jpg) 0 0 no-repeat;} /* ----------[ /GLOBALHEADER STYLES ]---------- */ /* ----------[ NAVIGATION STYLES ]---------- */ #nav {position:relative; width:100%; height:51px; background:transparent url(../gfx/mnu_line.jpg) 0 0 no-repeat;} #menu {position:absolute; top:9px; width:100%;} #gnav {position:absolute; top:5px; left:10px;} #nav h4 {display:none;} #nav ul {margin:0; padding:0;} #nav ul li {float:left; margin:0; text-align:left;} #nav ul li a {display:block; padding:5px 10px 0 15px; font:85% Georgia,Times,serif; text-decoration:none; color:#444;} #nav ul li a[title='Donate'] {padding-left:30px; color:#28726f;} #nav ul li a:hover {color:#000;} #nav .btn-twitter {position:absolute; top:5px; right:5px; display:block; width:174px; height:44px; background:transparent url(../gfx/btn_twitter.png) 0 0 no-repeat; overflow:hidden; font-height:0px; font-size:0px; text-indent:-9999px;} #nav .btn-fb {position:absolute; z-index:1; top:5px; right:159px; display:block; width:174px; height:40px; background:transparent url(../gfx/btn_fb.png) 0 0 no-repeat; overflow:hidden; font-height:0px; font-size:0px; text-indent:-9999px;} /* ----------[ /NAVIGATION STYLES ]---------- */ /* ----------[ FOOTER STYLES ]---------- */ #ft {position:absolute; z-index:2; bottom:0; margin:0; width:100%; height:63px; text-align:right; color:#444;} #company {float:right; display:block; width:100%; margin-bottom:5px; padding-right:30px; font:100% Anivers,Arial,sans-serif; text-decoration:none; color:#28726f;} #company a {color:#28726f;} #copyright {float:right; display:block; width:100%; padding-right:30px; font:90% Georgia,Times,serif; text-decoration:none; color:#595959;} /* ----------[ /FOOTER STYLES ]---------- */ /* ----------[ MAIN PAGE STYLES ]---------- */ #main {position:relative; margin:0 auto; padding:0; width:100%; min-height:549px; _height:549px;} #main .content {margin:0;} /* ----------[ /MAIN PAGE STYLES ]---------- */ .fb {position:absolute; bottom:90px; right:20px; width: 400px; height:43px;} .fb p {margin-bottom:8px;} .episodes .fb {position:absolute; bottom:auto; top:60px; right:20px;} .logo {position:absolute; top:90px; left:85px; display:block; width:272px; height:67px; background:transparent url(../gfx/fourplay.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .logo-minimized {position:absolute; top:70px; right:25px; display:block; width:150px; height:37px; background:transparent url(../gfx/fourplay_sub.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .girls {position:absolute; z-index:1; top:281px; left:5px; width:435px; height:263px; background:transparent url(../gfx/girls.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .crew {position:absolute; z-index:1; bottom:26px; left:5px; width:380px; height:338px; background:transparent url(../gfx/crew.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .clapper {position:absolute; z-index:1; bottom:12px; left:5px; width:421px; height:350px; background:transparent url(../gfx/clapper.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .characters {position:absolute; z-index:1; bottom:0px; left:5px; width:373px; height:444px; background:transparent url(../gfx/characters.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .rt {left:auto; right:10px;} .names {position:absolute; z-index:1; top:251px; left:15px; width:368px; height:62px; background:transparent url(../gfx/names.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .line {position:absolute; bottom:20px; left:0; width:100%; height:12px; background:transparent url(../gfx/bg_ftr_line.png) 0 0 no-repeat;} .polaroid {position:absolute; top:70px; right:20px; width:506px; height:312px; background:transparent url(../gfx/bg_polaroid.png) 0 0 no-repeat;} .polaroid .container {width:476px; height:259px; margin:22px auto 0 auto; text-align:center; background-color:#000; font:200% Georgia,Times,serif; color:#fff; line-height:105px; font-variant:small-caps;} .more_episodes {position:absolute; z-index:1; top:489px; left:90px; display:block; width:249px; height:86px; background:transparent url(../gfx/more_episodes.png) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-9999px;} .x, .sitepreview {display:none;} .info {padding:20px; padding-top:10px; font:105% Georgia,Times,serif; color:#111;} .left {width:510px;} h2 {padding:0; margin:0; margin-bottom:8px; font:270% Anivers,Arial,sans-serif; text-decoration:none; color:#28726f;} #about {width:500px;} #about a {color:#2e7a77;} #about .contact span {color:#2e7a77;} #episodes {margin-top:20px;} #episodes dl {margin-left:40px;} #episodes h4 {font-size:120%; color:#000;} #episodes div {font-family:Anivers,Arial,san-serif; margin-bottom:8px;} #episodes .by span {font-size: 90%; line-height:1em; color:#222;} #gallery_display {position:absolute; top:100px; right:50px; width:640px; height:385px; border:2px solid #28726f;} .media_gallery {clear:both; float:left; margin:0; padding:2px 8px 2px 8px; border:1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .media_gallery:hover {border:1px solid #fff; cursor:pointer;} .media {padding:0; margin:0;} #characters {margin-top:10px; background:#f5f1e8 url(../gfx/bg_acc_h3.png) left bottom no-repeat;} #characters h3 {height:32px; font-size:18px; line-height:32px; text-align:right; padding-right:20px; background:#f5f1e8 url(../gfx/bg_acc_h3.png) 0 0 no-repeat; outline:none;} #characters .ui-state-active a {display:block; background:transparent url(../gfx/bg_acc_h3_active.png) right 30px no-repeat;} #characters a:active {outline:none;} #characters div {padding:18px; color:#776355; font:95% Arial,sans-serif;} #characters .suzie {padding-left:120px; background:#f5f1e8 url(../gfx/suzie.png) left bottom no-repeat;} #characters .annabelle {padding-right:120px; background:#f5f1e8 url(../gfx/annabelle.png) right bottom no-repeat;} #characters .kinsey {padding-left:120px; background:#f5f1e8 url(../gfx/kinsey.png) left bottom no-repeat;} #characters .rhett {padding-right:120px; background:#f5f1e8 url(../gfx/rhett.png) right bottom no-repeat;} #cast {position:relative;} .cast {width:590px;} #tape {position:absolute; z-index:1; top:120px; left:600px; padding:0; width:105px; height:150px; background:transparent url(../gfx/tape.png) 0 0 no-repeat;} #cast li {margin-bottom:2px; cursor:pointer;} #cast li a {padding:0; width:40px; height:30px; background-color:#2e7a77; font-height:0px; font-size:0px; text-indent:-9999px; cursor:pointer; outline:none;} #cast div a {color:#2e7a77;} #cast a:hover {border-bottom:2px solid #fff;} #cast div {margin-top:35px; padding:25px; background:#fff; min-height:220px; _height:220px; font:95% Anivers,Arial,sans-serif; color:#754c24;} /* filter:alpha(opacity=60); opacity:0.6;*/ #cast h4 {margin-bottom:0; font:18px Georgia,Times,serif; color:#444;} #cast h5 {margin-bottom:10px; font:12px Georgia,Times,serif; color:#777;} #cast p {margin-bottom:5px;} #cast .none {background:transparent url(../gfx/cast/none.png) 0 0 no-repeat;} #cast .hillary {background:transparent url(../gfx/cast/hillary.png) 0 0 no-repeat;} #cast .richie {background:transparent url(../gfx/cast/richie.png) 0 0 no-repeat;} #cast .george {background:transparent url(../gfx/cast/george.png) 0 0 no-repeat;} #cast .amber {background:transparent url(../gfx/cast/amber.png) 0 0 no-repeat;} #cast .brian {background:transparent url(../gfx/cast/brian.png) 0 0 no-repeat;} #cast .nick {background:transparent url(../gfx/cast/nick.png) 0 0 no-repeat;} #cast .dani {background:transparent url(../gfx/cast/dani.png) 0 0 no-repeat;} #cast .fevzi {background:transparent url(../gfx/cast/fevzi.png) 0 0 no-repeat;} #cast .kendra {background:transparent url(../gfx/cast/kendrah.png) 0 0 no-repeat;} #cast .myrah {background:transparent url(../gfx/cast/myrah.png) 0 0 no-repeat;} #cast .erica {background:transparent url(../gfx/cast/erica.png) 0 0 no-repeat;} #cast .yoanna {background:transparent url(../gfx/cast/yoanna.png) 0 0 no-repeat;} #cast .ty {background:transparent url(../gfx/cast/ty.png) 0 0 no-repeat;} #cast .yukako {background:transparent url(../gfx/cast/yukako.png) 0 0 no-repeat;} #donate .pp {margin:20px 0 0 130px;} #donate a {color:#2e7a77;} .thanks {position:absolute; top:170px; right:60px; width:269px; height:110px; background:transparent url(../gfx/thank_you.png) 0 0 no-repeat;} /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; } /* font-size: 1em; padding: .5em .5em .5em .7em;*/ .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; display: none; zoom: 1; } /*overflow: auto; */ .ui-accordion .ui-accordion-content-active { display: block; } /* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a {float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {border-bottom:2px solid #fff;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { clear:left; display: block; border: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }