/*  
Theme Name: Hentai Tribe
Theme URI: http://www.hentaitribe.com/
Description: Created for the Hentai Tribe.
Version: 1.0
Author: Arnuld Ignacio
Author URI: http://www.arnuldignacio.com/

*/

/* ---------- GLOBALS ---------- */

body, h5, p { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#outerwrapper { width: 960px; margin: 0 auto; }
#innerwrapper { width: 960px; margin: 0 auto; background: url(../images/containerbg.jpg) center repeat-y; overflow: hidden; }
.orange { color: #fb5b00; }
.cream { color: #ede4c4; }
.ltbrown { color: #aa906a; }
.descbrown { color: #7e6041; }
.noline { text-decoration: none; }
h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1em; }

/* links */

.postlink a:link { color: #000; text-decoration: none; }
.postlink a:visited { color: #000; text-decoration: none; }
.postlink a:hover { color: #fb5b00; text-decoration: none; }

.olink a:link { color: #fb5b00; text-decoration: none; }
.olink a:visited { color: #fb5b00; text-decoration: none; }
.olink a:hover { color: #ede4c4; text-decoration: none; }

.olink2 a:link { color: #fb5b00; text-decoration: none; }
.olink2 a:visited { color: #fb5b00; text-decoration: none; }
.olink2 a:hover { color: #663300; text-decoration: none; }


/* ---------- HEADER ---------- */

body { background: #000; }
#header { margin: 0; padding: 0; width: 960px; }
#hdrtop { height: 162px; background: url(../images/header_01.jpg) no-repeat; }
#logo { padding-top: 30px; margin: 0 auto; margin-top: 20px; width: 575px; height: 121px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; display: block; }
#hdrbot { height: 146px; background: url(../images/header_02.jpg) no-repeat; text-indent: -9999px; }


/* ---------- CONTAINER ---------- */

#container { clear: both; width: 916px; margin: 0 auto; padding: 0 0 10px 0; background: url(../images/containerbg.jpg) center repeat-y; }
#freemoviesmanga { clear: both; }
#freemoviesmanga #title { float: left; width: 916px; height: 36px; background: url(../images/freemovies.png) no-repeat; text-indent: -9999px; }
#freewrap { clear: both; float: left; width: 916px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; padding: 3px 0 0 0; background: url(../images/1px.png); overflow: hidden; }
#freewrap p { color: #7e6041; margin-top: 12px; }
#freewrap .post-block { float: left; width: 280px; height: 115px; margin-right: 5px; padding: 6px 10px; overflow: hidden; }
.postdate { font-size: 10px; color: #996600; }
#featdvd { clear: both; }
#featdvd #featwrap { float: left; width: 916px; background: url(../images/1px.png) repeat; padding-bottom: 10px; overflow: hidden; }
#featwrap #flv { float: left; width: 480px; height: 360px; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; border: #633c12 1px solid; }
#featwrap #info { float: right; width: 390px; margin-top: 15px; margin-right: 13px; margin-bottom: 15px; }
#featwrap #info h1 { float: left; width: 100%; margin-top: 0; margin-bottom: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; }
#featwrap #info p { float: left; margin-bottom: 10px; }
#featwrap #info .date { float: left; font-size: 10px; background: #fff; }
#featwrap p.desc { float: left; width: 100%; color: #7e6041; margin-top: 0; margin-bottom: 8px; }
#featwrap .pics { float: left; height: 224px; }
#featwrap .pics .left { float: left; width: 151px;}
#featwrap .pics .right { float: left; width: 237px;}
#featdvd #title { float: left; width: 916px; height: 36px; background: url(../images/featdvd.png) no-repeat; text-indent: -9999px; }
#featdvd #left { float: left; width: 516px; height: 394px; }
#featdvd #left #flv { margin-left: 18px; margin-top: 18px; }
#featdvd #right { float: right; width: 396px; }
#random { clear: both; }
#random #randomwrap { width: 916px; background: url(../images/1px.png) repeat; overflow: hidden; margin-bottom: 5px; }
#random #title { float: left; width: 916px; height: 36px; background: url(../images/randomdl.png) no-repeat; text-indent: -9999px; }
#random .random-post { width: 280px; float: left; margin-right: 5px; padding: 6px 10px; }
#random p { color: #7e6041; margin-top: 12px; }
#random #randnav { float: left; width: 916px; height: 36px; background: url(../images/navbg.png) no-repeat; text-indent: -9999px; }
#pagenav { clear: both; width: 900px; margin: 0 auto; margin-top: 10px; padding-bottom: 6px; }
#pagenav span.current, #pagenav a.page, #pagenav .previouspostslink, #pagenav .nextpostslink { float: left; display: block; border: #000 1px solid; padding: 3px 5px; background: #fff; color: #000; margin-right: 4px; }
#pagenav span.current { background: #000; color: #fff; font-weight: bold; }

/* ----- CATEGORY TEMPLATES ----- */

#cat-movies, #cat-trailer, #cat-manga, #cat-gallery { clear: both; }
#cat-movies #title { float: left; width: 916px; height: 36px; background: url(../images/feathentai.png) no-repeat; text-indent: -9999px; }
#cat-trailer #title { float: left; width: 916px; height: 36px; background: url(../images/feattrailer.png) no-repeat; text-indent: -9999px; }
#cat-manga #title { float: left; width: 916px; height: 36px; background: url(../images/featmanga.png) no-repeat; text-indent: -9999px; }
#cat-movies .featwrap, #cat-trailer .featwrap, #cat-manga .featwrap { float: left; width: 886px; background: url(../images/1px.png) repeat; overflow: hidden; }
#cat-movies #flv, #cat-trailer #flv, #cat-manga #flv { float: left; width: 480px; height: 360px; margin-top: 4px; margin-bottom: 15px; border: #633c12 1px solid; }
.featwrap #info { float: right; width: 390px; }
.featwrap h1 { float: left; width: 100%; margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; padding-top: 0; }
#info .date { float: left; width: 100%; font-size: 10px; padding-bottom: 10px; }
#cat-movies p.desc, #cat-trailer p.desc { clear: left; float: left; margin-top: 0; margin-bottom: 8px; padding-bottom: 8px; }
#cat-movies .pics, #cat-trailer .pics { height: 224px; }
#cat-movies .pics .left, #cat-trailer .pics .left { float: left; width: 141px; margin-right: 10px; }
#cat-movies .pics .right, #cat-trailer .pics .right { float: left; width: 237px;}


/* OPTIONS */

#options { border: #663300 1px solid; padding: 10px 15px; overflow: auto; }
#options ul { margin: 0; padding: 0; }
#options ul li { float: left; width: 285px; list-style-type: none; display: inline; margin-right: 5px; }
#options h2 { margin-top: 0; margin-bottom: 5px; }
#options h1 { margin-top: 0; margin-bottom: 0; font-size: 36px; }
#options ul li.directlink { float: left; width: 95%; list-style-type: none; display: inline; margin-left: 25px; }
#options ul li.dllink { float: left; width: 100px; list-style-type: none; margin-left: 90px; }


/* MANGA */

#cat-manga .featwrap #manga { float: left; width: 480px; height: 360px; margin-top: 8px; margin-right: 10px; margin-bottom: 8px; margin-left: 0; border: #633c12 1px solid; }
#info img { padding: 6px 10px 6px 0; }
#cat-manga .featwrap #info { width: 385px; }


/* DOWNLOAD */

#container #dloptions { float: left; border: #663300 1px solid; padding: 10px 15px; overflow: auto; }
#container #dloptions ul { margin: 0; padding: 0; list-style-type: none; }
#container #dloptions h2 { margin-top: 0; margin-bottom: 5px; }
#container #dloptions h1 { margin-top: 0; margin-bottom: 0; font-size: 36px; }
#container #dloptions ul li.downloadlink { float: left; width: 250px; margin: 0 10px 0 0; list-style-type: none; }
#container #dloptions ul li.directlink { float: left; width: 250px; list-style-type: none; }
#container #dloptions ul li.dllink { float: left; width: 100px; list-style-type: none; margin-left: 90px; }




/* GALLERY */

#cat-gallery { clear: both; }
#cat-gallery #title { float: left; width: 916px; height: 36px; background: url(../images/featgallery.png) no-repeat; text-indent: -9999px; }

#cat-gallery .featwrap { float: left; width: 886px; background: url(../images/1px.png) repeat; overflow: hidden; }
#cat-gallery .featwrap h1 { float: left; width: 100%; margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; padding-top: 0; }
#cat-gallery .featwrap #info { float: left; width: 428px; }
#cat-gallery .featwrap #info p.desc { float: left; width: 428px;  }
#cat-gallery .featwrap #thumbs { float: right; width: 448px; }
#cat-gallery .featwrap #thumbs ul { margin: 0; padding: 8px 0 0 0; }
#cat-gallery .featwrap #thumbs ul li { float: right; list-style-type: none; display: inline; padding: 0; margin-right: 6px; margin-bottom: 6px; width: 210px; height: 165px; border: #333 1 solid; }


/* BANNERS */

#bannertop, #bannerbot { width: 100%; height: 260px;  margin: 0; padding: 0; position: relative; }
#bannertop ul, #bannerbot ul { list-style-type: none; position: absolute; left: -40px; top: -14px; }
#bannertop ul li, #bannerbot ul li { float: left; width: 300px; height: 250px; }

#postbantop { width: 960px; height: 100px; position: relative; }
#postbantop ul { float: left; list-style-type: none; }
#postbantop ul li { float: left; }

#bannerbot { left: 22px; top: 10px; }
#donation { width: 169px; height: 93px; position: absolute; }
#donation img { z-index: 99999; }


/* ---------- RECOMMENDED & RELATED ---------- */

#related, #recommended { clear: both; }
#reltitle { float: left; width: 916px; height: 36px; background: url(../images/related.png) no-repeat; text-indent: -9999px; }
.featwrap { float: left; width: 890px; background: url(../images/1px.png) repeat; margin-bottom: 5px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; }
.featwrap ul { margin-left: 8px; padding: 0; }
/* .featwrap ul li { float: left; list-style-type: none; display: inline; margin-right: 8px; padding-bottom: 10px; } */
.featwrap ul.postlink li { float: left; list-style-type: none; display: inline; margin-right: -4px; padding-bottom: 1px; }
#recomtitle { float: left; width: 916px; height: 36px; background: url(../images/recom.png) no-repeat; text-indent: -9999px; }


/* ---------- FOOTER ---------- */

#footer { clear: both; width: 960px; height: 367px; background: url(../images/footerbg.png) no-repeat; }
#popupbg { width: 100%; height: 180px; background: url(../images/popupbg.png) repeat-x; position: fixed; bottom: 0; left: 0; z-index: 99; }
#popup { margin: 0 auto; }
#ftrtop { height: 335px; padding: 2px 0 0 0; }
#ftrbot { height: 37px; padding: 0 22px 0 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }
#copyright { float: left; }
#credits { float: right; }