*           { margin: 0; padding: 0; }
html        { background-color:#000; }
body        { text-align: center; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; color:#5b5b5b; }
h1          { text-indent: -9000px; }
h2          { text-indent: -9000px; }
img         { border: 0; vertical-align: bottom; }
a           { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration: none; overflow: hidden; }
ul          { list-style-type: none; }
em          { font-style: normal; }
address     { font-style: normal; }
input       { vertical-align: middle; font-size: 12px; }
select      { font-size: 11px; font-weight: normal; color: #12395A; }
option      { padding-left: 5px; }
textarea    { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

#wrapper    { width: 1050px; background: url(../images/wrapper.png) no-repeat; margin: 0 auto; text-align: left; }
#container  { width: 983px; float: left; margin-left: 33px; display: inline; }

#top                            { width: 983px; float: left; }
#top p                          { margin: 50px 0 0 147px; display: inline; width: 836px; float: left; font-size: 10px; color:#ff0606; }
#top #login                     { margin: 18px 0 0 8px; display: inline; float: left; }
#top #login h2                  { margin-top: 4px; width: 60px; height: 11px; text-indent: -9000px; float: left; background: url(../images/h2-login.png) no-repeat; }
#top #login div                 { margin-left: 3px; float: left; }
#top #login div input.button    { margin-top: 3px; }
#top #login div.input           { width: 86px; height: 21px; background: url(../images/input.png) no-repeat; }
#top #login div.input input     { color:#FFFFFF; background: transparent; width: 75px; float: left; margin: 3px 0 0 7px; border:0; }

#left { margin-top: 25px; width: 140px; float: left; }

#menu                       { }
#menu ul                    { }
#menu ul li                 { float: left; }
#menu ul li a               { margin-top: 5px; width: 138px; float: left; text-indent: -9000px; }
#menu ul li a#navhome       { height: 51px; background: url(../images/menu-home.png) no-repeat; }
#menu ul li a#navmembers    { height: 42px; background: url(../images/menu-members.png) no-repeat; }
#menu ul li a#navshop       { height: 43px; background: url(../images/menu-shop.png) no-repeat; }
#menu ul li a#navlounge     { height: 42px; background: url(../images/menu-lounge.png) no-repeat; }
#menu ul li a#navpreviews   { height: 44px; background: url(../images/menu-previews.png) no-repeat; }
#menu ul li a#navscenes     { height: 44px; background: url(../images/menu-scenes.png) no-repeat; }
#menu ul li a#navcontact    { height: 41px; background: url(../images/menu-contact.png) no-repeat; }

p#left-ad { margin-top: 25px; float: left; }

#middle { margin: 282px 0 0 20px; display: inline; width: 660px; float: left; }

#episode-preview                        { width: 306px; float: left; }
#episode-preview h2                     { width: 171px; height: 24px; background: url(../images/h2-episode-preview.png) no-repeat; }
#episode-preview #player                { margin-top: 7px; width: 306px; height: 221px; background: url(../images/player-bg.png) no-repeat; }
#episode-preview #player p              { padding-top: 4px; text-align: center; }
#episode-preview #info                  { }
#episode-preview #info h3               { height: 125px; width: 306px; background: url(../images/episode-banner.png) no-repeat; text-indent: -9000px; }
#episode-preview #info p                { margin-top: 15px; color:#fff; }
#episode-preview #info p a              { color:#e10000; text-decoration: underline; }
#episode-preview #info ul               { margin-top: 15px; }
#episode-preview #info ul li            { }
#episode-preview #info ul li a          { text-indent: -9000px; float: right; }
#episode-preview #info ul li a.watch    { width: 131px; height: 42px; background: url(../images/button-watchnow.png) no-repeat; }

#news                   { width: 332px; float: left; margin-left: 12px; display: inline; }
#news #latest           { width: 323px; float: right; }
#news #latest h2        { margin: 0 0 7px 7px; display: inline; float: left; width: 133px; height: 24px; background: url(../images/h2-latestnews.png) no-repeat; }
#news #latest #info     { margin: 10px 0 0 0; width: 323px; height: 226px; float: left; background: url(../images/news-info.png) no-repeat; }
#news #latest #info h4  { margin: 0 0 0 27px; font-family: tahoma; font-size: 12px; color:#ff0000; }
#news #latest #info p   { margin: 15px 20px 0 10px; color:#fff; }

#news #articles                 { margin-top: 5px; width: 323px; float: right; }
#news #articles h2              { margin: 7px 0 0 7px; display: inline; float: left; width: 170px; height: 24px; background: url(../images/h2-latestarticles.png) no-repeat; }
#news #articles div.post        { margin: 10px 0 10px 0; width: 316px; height: 124px; float: left; background: url(../images/article-bg.png) no-repeat; }
#news #articles div.post img    { margin: 2px 0 0 8px; display: inline; float: left; }
#news #articles div.post h3     { margin-top: 9px; text-indent: -9000px; width: 185px; height: 37px; float: right; background: url(../images/h3-season5.png) no-repeat; }
#news #articles div.post h2     { margin-top: 9px; text-indent: -9000px; width: 185px; height: 37px; float: right; background: url(../images/h3.png) no-repeat; }
#news #articles div.post p      { width: 171px; height: 57px; padding: 7px; font-weight: bold; color:#1e1e1e; background: url(../images/article-post-p.png) no-repeat; float: right; }
#news #articles div.post h3     { margin-top: 9px; text-indent: -9000px; width: 185px; height: 37px; float: right; background: url(../images/h3-season5.png) no-repeat; }
#news #articles div.post h2     { margin-top: 9px; text-indent: -9000px; width: 185px; height: 37px; float: right; background: url(../images/h3.png) no-repeat; }
#news #articles div.post p      { width: 171px; height: 57px; padding: 7px; font-weight: bold; color:#1e1e1e; background: url(../images/article-post-p.png) no-repeat; float: right; }


#behind                     { width: 660px; margin-top: 25px; background:#000 url(../images/behind-bg.png) no-repeat; float: left; }
#behind h2                  { width: 153px; height: 24px; margin-bottom: 55px; background: url(../images/h2-behind.png) no-repeat; }
#behind div.person          { width: 180px; margin: 0 0 10px 40px; display: inline; float: left; }
#behind div.person h3       { margin-left: 8px; display: inline; height: 16px; float: left; padding-left: 20px; font-family: tahoma; font-size: 12px; text-decoration: underline; color:#ff0000; background: url(../images/icon-user.png) no-repeat; }
#behind div.person p        { float: left; width: 180px; margin: 10px 0 10px 0; }
#behind div.person ul       { line-height: 15px; float: left; width: 180px; }
#behind div.person ul li    { display: block; color:#fff; }
#behind div.person ul li a  { color:#fff; }
#behind #about              { width: 583px; float: left; margin-left: 40px; display: inline; }
#behind #about h4           { width: 583px; height: 33px; text-indent: -9000px; float: left; background: url(../images/h4-aboutus.png) no-repeat; }
#behind #about p {           margin: 5px 0 0 7px; display: inline; float: left; }

#members                            { margin-left: 20px; display: inline; width: 776px; float: left; }
#members h2                         { width: 159px; height: 23px; background: url(../images/h2-episode-player.png) no-repeat; }
#members #eplayer                   { }
#members #eplayer h3                { text-indent: -9000px; width: 467px; height: 49px; background: url(../images/h3-lost-episode.png) no-repeat; }
#members #eplayer #vidplayer        { padding: 21px 0 0 8px; width: 768px; background: url(../images/videoplayer-bg.png) no-repeat; }
#members #comments                  { width: 390px; float: left; }
#members #comments h2               { margin: 15px 0 10px 0; width: 193px; height: 24px; background: url(../images/h2-episode-comments.png) no-repeat; }
#members #comments div.post         { width: 390px; float: left; padding-top: 9px; background:#000 url(../images/comment-top.png) no-repeat; }
#members #comments div.post dl      { background-color:#161616; padding: 5px; width: 380px; float: left; }
#members #comments div.post dl dt   { color:#7a7a7a; float: left; }
#members #comments div.post dl dt a { color:#4f4f4f; text-decoration: underline; }
#members #comments div.post dl dd   { color:#7a7a7a; float: right; }
#members #comments div.post img     { margin: 5px; float: left; }
#members #comments div.post h4      { margin-top: 5px; width: 339px; float: left; font-family: tahoma; font-size: 11px; color:#ff0000; text-decoration: underline; }
#members #comments div.post p       { margin-top: 3px; color:#fff; width: 339px; float: left; }
#members #comments ul               { text-align: right; padding: 10px; }
#members #comments ul li            { display: inline; color:#7b0000; }
#members #comments ul li a          { color:#7b0000; }

#members #rate              { width: 270px; float: right; }
#members #rate h2           { margin: 10px 0 10px 7px; display: inline; float: left; width: 160px; height: 26px; background: url(../images/h2-episode-rating.png) no-repeat; }
#members #rate p            { margin-top: 10px; float: right; }
#members #rate p.register   { width: 270px; text-align: center; }

#shop               { margin: 300px 0 0 20px; display: inline; background:#000 url(../images/shop-bg.png) no-repeat; width: 660px; float: left; }
#shop h2            { width: 125px; height: 21px; background:url(../images/h2-shop.png) no-repeat; }
#shop p.category    { color:#fff; margin: 30px 0 0 30px; display: inline; float: left; }
#shop p.category a  { color:#870000; text-decoration: underline; }

#shop #featured                             { margin: 10px 0 0 30px; display: inline; width: 607px; float: left; }
#shop #featured h2                          { width: 607px; height: 36px; background: url(../images/h2-featured-products.png) no-repeat; }
#shop #featured div.fproduct                { margin-left: 3px; display: inline; padding: 15px 0 15px 0; width: 300px; float: left; }
#shop #featured div.fproduct ul             { width: 130px; float: left; }
#shop #featured div.fproduct ul li          { }
#shop #featured div.fproduct ul li a        { margin-top: 10px; text-indent: -9000px; float: left; }
#shop #featured div.fproduct ul li a.cart   { width: 80px; height: 14px; background: url(../images/button-addtocart.png) no-repeat; }
#shop #featured div.fproduct h3             { font-family: tahoma; font-size: 14px; color:#fff; text-decoration: underline; float: left; }
#shop #featured div.fproduct dl             { width: 170px; margin: 10px 0 10px 0; float: left; }
#shop #featured div.fproduct dl dt          { color:#4a4a4a; }
#shop #featured div.fproduct dl dd          { color:#ff0000; }
#shop #featured div.fproduct p              { color:#fff; }

#shop #products                             { width: 604px; margin: 25px 0 0 30px; display: inline; float: left; }
#shop #products h2                          { width: 604px; height: 42px; margin-bottom: 25px; background: url(../images/h2-our-products.png) no-repeat; }
#shop #products div.product                 { width: 150px; margin: 0 25px 0 25px; display: inline; float: left; }
#shop #products div.product dl              { }
#shop #products div.product dl dt           { color:#fff; font-weight: bold; }
#shop #products div.product dl dd           { color:#ff0000; }
#shop #products div.product p               { color:#fff; }
#shop #products div.product p.image         { width: 150px; float: left; text-align: center; margin: 10px 0 10px 0; }
#shop #products div.product ul              { width: 130px; float: left; }
#shop #products div.product ul li           { }
#shop #products div.product ul li a         { margin-top: 10px; text-indent: -9000px; float: left; }
#shop #products div.product ul li a.cart    { width: 80px; height: 14px; background: url(../images/button-addtocart.png) no-repeat; }

#right { width: 150px; float: right; }

#join                       { margin-top: 40px; }
#join ul                    { }
#join ul li                 { display: block; float: left; }
#join ul li a               { margin-top: 8px; width: 155px; height: 53px; text-indent: -9000px; float: left; }
#join ul li a#linkjoin      { height: 127px; background: url(../images/join-member.png) no-repeat 50% 0; }
#join ul li a#linkgold      { background: url(../images/join-gold.png) no-repeat; }
#join ul li a#linkplatinum  { background: url(../images/join-platinum.png) no-repeat; }
#join ul li a#linkppv1 { background: url(../images/ppv1.png) no-repeat; }
#join ul li a#ppv  { background: url(../images/ppv.png) no-repeat; }

p#right-ad { margin-top: 25px; text-align: center; width: 150px; float: left; }

#footer         { width: 983px; float: left; background: url(../images/footer.png) no-repeat; }
#footer ul      { margin-top: 45px; float: left; }
#footer ul li   { float: left; margin-right: 5px; text-align: center; }
#footer ul li a { width: 113px; height: 24px; padding-top: 10px; float: left; color:#7a7a7a; background: url(../images/footer-li.png) no-repeat; }
#footer p a     { margin: 34px 15px 0 0; display: inline; width: 186px; height: 76px; text-indent: -9000px; float: right; background: url(../images/unkindstudios-logo.png) no-repeat; }