/*
Behindthebox.com.au. */



/* Page Structure */

html, body, #header, #headerday, h1, h2, h3, h4, h5 {margin: 0px; padding: 0px;}

html {height: 100%;}

body {font-family: Helvetica, Arial, san-serif; font-size: 0.75em; color: #392d26; background: #7b6b5e url('http://www.behindbigbrother.com/sitedata/img8/bbba8bg.gif'); background-repeat: repeat-x; text-align: center; height: 100%;}

#page2 {background: url('http://www.behindbigbrother.com/sitedata/btb/btbentrybg.gif'); background-repeat: no-repeat; margin: 0px auto; padding: 0px; width: 920px; height:auto !important; min-height:100%; text-align: left; overflow: hidden;}

#page {background: url('http://www.behindbigbrother.com/sitedata/img8/bbba8entryrepeat.gif'); background-repeat: repeat-y; margin: 0px auto; padding: 0px; width: 920px; height:auto !important; min-height:100%; text-align: left; overflow: hidden;}




/* Page Header */

#headercontainer {width: 920px; overflow: hidden;}

#header {display: inline; width: 845px; height: 128px; float: left;}

#headerday {display: inline; border: none; width: 75px; height: 128px; background-image: url('http://www.behindbigbrother.com/sitedata/img8/bbbaheaderday.gif'); float: right;}

#headerday p {color: #000000; font-size: 45px; font-weight: bold; text-align: center; margin: 8px 0px;}

#headerimg {border: none;}




/* Navbar */

#navbar {width: 850px; height: 130px; margin: 0px 0px 15px 20px; padding: 0px; font-size: 18px; line-height: 16px;}
#navbar img {margin-left: -20px; padding: 0px;}


ul#navlist {margin: 13px 0px; padding: 0px; white-space: nowrap;}
#navlist li {display: inline; list-style-type: none; padding: 3px 0px; margin-right: 3px;}
#navlist a {padding: 3px 6px;}
#navlist a:link, #navlist a:visited {color: #FFFFFF; text-decoration: none; background-image: none;}

#navlist a:hover {color: #FFFFFF; text-decoration: none; border-bottom: 3px solid #000000; background-image: url('http://www.behindbigbrother.com/sitedata/img8/speckle.gif');}


#home #navbar .home, #posts #navbar .posts, #podcast #navbar .podcast, #blog #navbar .blog, #userblogs #navbar .userblogs, #recaps #navbar .recaps, #forum #navbar .forum, #chat #navbar .chat, #contact #navbar .contact {color: #FFFFFF; text-decoration: none; border-bottom: 3px solid #000000; background-image: url('http://www.behindbigbrother.com/sitedata/img8/speckle.gif');}

#broughtad {float: right; width: 190px; height: 40px;}




/* Sexy Colours */

.home {color: #FFFFFF; background: #883737;}
.posts {color: #FFFFFF; background: #c1956d;}
.podcast {color: #FFFFFF; background: #a9a958;}
.blog {color: #FFFFFF; background: #829f61;}
.userblogs {color: #FFFFFF; background: #6091a1;}
.recaps {color: #FFFFFF; background: #6074a1;}
.forum {color: #FFFFFF; background: #73639e;}
.chat {color: #FFFFFF; background: #8c649d;}
.contact {color: #FFFFFF; background: #9e6387;}


.hhome {color: #883737; border-bottom: solid 2px #883737; text-transform: uppercase;}
.hposts {color: #c1956d; border-bottom: solid 2px #c1956d; text-transform: uppercase;}
.hpodcast {color: #a9a958; border-bottom: solid 2px #a9a958; text-transform: uppercase;}
.hblog {color: #829f61; border-bottom: solid 2px #829f61; text-transform: uppercase;}
.huserblogs {color: #6091a1; border-bottom: solid 2px #6091a1; text-transform: uppercase;}
.hrecaps {color: #6074a1; border-bottom: solid 2px #6074a1; text-transform: uppercase;}
.hforum {color: #73639e; border-bottom: solid 2px #73639e; text-transform: uppercase;}
.hchat {color: #8c649d; border-bottom: solid 2px #8c649d; text-transform: uppercase;}
.hcontact {color: #9e6387; border-bottom: solid 2px #9e6387; text-transform: uppercase;}





/* Sidebar */

#sidebar {width: 240px; border: none; margin: 15px 20px 0px 0px; float: right; font-size: 0.99em; line-height: 140%; padding: 0px; overflow: hidden; color: #706965; display: block;}

#sidebar h5 {margin: 20px 0px 0px -3px; padding: 0px;}
#sidebar p {margin-top: 3px;}
#sidebarad {width: 200px; margin: 0x; padding: 0px 15px; border-left: 5px solid #eee9e5; border-right: 5px solid #eee9e5;}

#lassetersdiv {width: 200px; margin: 0x; padding: 0px 15px; border-left: 5px solid #eee9e5; border-right: 5px solid #eee9e5;}

#sidebar li {margin: 0 0 0 -20px; line-height: 120%;}

div.highlightbox {background-color: #eee9e5; padding: 7px; margin-bottom: 5px; border: 1px solid #d5d0cc;}
div.recapnav {background-color: #eee9e5; border: 1px solid #d5d0cc; margin: 30px 0px 0px 0px; width: 95%; font-size: 1.6em; padding: 7px; text-align: center; }



/* Content Areas */

#contenthome {width: 610px; margin: 0px 17px 0px 20px; padding: 15px 0px; min-height: 400px;}

#content {width: 852px; margin: 0px auto; padding: 10px 0px; display: block; height: auto;}

#contenthome p, #content p {padding-right: 10px; font-size: 1.15em; line-height: 120%;}

#contblock {background: #FFFFFF url('http://www.behindbigbrother.com/sitedata/img8/bbba8contblock.gif'); }


#posts1 {width: 495px; margin: 0px 10px 0px 20px; padding: 15px 0px; min-height: 720px;}
#posts2 {width: 345px; margin: 50px 20px 0px 0px; padding: 15px 0px; float: right; }



/* Older Posts */

#olderposts h2 {font-size: 1.6em; font-weight: normal;}
#olderposts h2 a {color: #7c6450;}
#olderposts h4 {font-size: 1.2em;}
#olderposts ul {list-style: none; width: 610px; margin: 0; padding: 0;}
#olderposts li {width: 31%; height: 8em; margin: 0px 12px 0px 0px; float: left; overflow: hidden;}
#olderposts p {padding: 0px; margin: 0px; text-align: right; line-height: 100%; font-size: 1.2em; font-weight: bold;}



/* Recap Posts */

#recapposts h2 {font-size: 2.4em; font-weight: normal;}
#recapposts h2 a {color: #000000;}
#recapposts ul {list-style: none; width: 610px; margin: 20px 0px 0px 0px; padding: 0;}
#recapposts li {width: 28%; height: 4em; margin: 0px 12px 12px 0px; padding: 8px; float: left; overflow: hidden; background-color: #eee9e5; border: 1px solid #d5d0cc; text-align: center;}



/* Headers, baby! */


h1, h2, h3, h4, h5 {letter-spacing: -1px; font-weight: bold;}
h1, h2 {color: #3B2007; line-height: 90%;}


h1 {font-size: 4em;}

h2 {font-size: 2.3em;}
h2.recentstory {color: #563211; font-size: 1.9em; font-weight: normal;}

h3 {color: #bc8350; font-size: 2.0em; line-height: 95%; margin-top: 3px;}

h4 {color: #bc8350; font-size: 1.5em; letter-spacing: 0px; font-weight: normal; line-height: 95%;}
h4.older {color: #c6a383;}
h4.recentstory {font-size: 1.2em; margin-bottom: 25px;}
h4.impmsg {font-size: 0.8em; width: 100%; background-color: #eee9e5; padding: 7px; color: #563211; margin-bottom: 20px; border: 1px solid #d5d0cc; float: left;}


h5 {padding: 0px; font-size: 1.7em; line-height: 1.4em; letter-spacing: 0px; text-transform: uppercase; font-weight: bold; border-bottom: solid 1px #4E3E34; margin-bottom: 13px;}
#sidebar h5 {font-size: 1.2em; line-height: 1.1em; padding: 2px 4px;}

#h5sup1, #h5sup2 {float: right; margin: 0px; padding: 0px; height: 1.5em; color: #706965;}
#h5sup1 p, #h5sup2 p {color: #000000;  font-size: 0.99em; line-height: 0.2em; font-weight: normal; color: #706965;}
#h5sup1 a:link, #h5sup1 a:visited, #h5sup2 a:link, #h5sup2 a:visited {color: #706965;}



/* Links */



a:link, a:visited {color: #111111; text-decoration: underline;}
a:hover {color: #c00000; text-decoration: none;}

h2.recentstory a:link, h2.recentstory a:visited, a:link.oldstory, a:visited.oldstory {color: #563211; text-decoration: none;}
h2.recentstory a:hover {color: #c00000; text-decoration: underline;}

#olderposts h2 a:link, #olderposts h2 a:visited {text-decoration: none;}
#olderposts h2 a:hover {text-decoration: underline;}

.readmore {font-weight: bold; font-size: 1.1em;}

a:link.nounderline, a:visited.nounderline {text-decoration: none;}
a:hover.nounderline {text-decoration: underline;}



/* Alternatives and styles */

h1,h2,h3,h4,h5,#headerday p,#navbar,#footerlist {font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;}

hr {color: #d1a44e; background-color: #d1a44e; height: 1px; border: #d1a44e; margin: 10px 10px 10px 0px;}

.zzz {padding: 3px 5px; font-size: 1.1em; color: #000000; background: url('http://www.behindbigbrother.com/sitedata/img8/highlightx.gif'); font-weight: bold;}




/* Blog stuff */

div.blogauthor {color: #829f61; text-align: center; float: right; width: 100px; border: 1px solid #fff; font-weight: bold; font-size: 20px;}
div.blogauthor img {width: 100px; height: 100px; padding: 0px; border: 2px solid #829f61;}
hr.bloghr { color: #829f61; background: #829f61; border: #829f61; margin: 30px 0px; height: 2px;}
hr.podcasthr { color: #a9a958; background: #a9a958; border: #a9a958; margin: 30px 0px; height: 2px;}





/* Post Stuff */

blockquote {font-style: italic; background-color: #eee9e5; padding: 3px; border: 1px solid #d5d0cc; margin: 15px;}
blockquote p {margin: 5px 10px;}
blockquote.nutshell {width: 100%; border: 2px solid #6074a1; margin: 10px 0px; }

img.recent {background: #eee9e5; border: 1px solid #d5d0cc; padding: 2px; display: block; margin: 0px 0px 0px 5px; float: right;}

.podartsmall {width: 50px; height: 50px; border: 1px solid #d5d0cc; padding: 1px; display: block; margin: 0px 0px 0px 2px; float: right; }
.podartlarge {width: 150px; height: 150px; border: 1px solid #d5d0cc; padding: 1px; display: block; margin: 15px 0px 0px 5px; float: right; }

.postsub {height: 20px; margin: 2px 5px 2px 0px; padding: 4px; float: left; background-color: #eee9e5; border: 1px solid #d5d0cc; font-size: 1.6em; line-height: 1.1em; font-weight: bold}
.postsubp {margin: 0px; padding: 0px; font-size: 1.6em; line-height: 1.1em; font-weight: bold;}

div.sociable { margin: -7px 0px 0px 0px; padding: 0px;  }
.sociableul { padding: 0px 0px 5px 10px; margin: 0px; }
.sociableli { background: none; display: inline; list-style-type: none; margin: 0px 15px 0px 0px; padding: 3px 12px; }
.sociable img { width: 16px; height: 16px; border: 0; }

p.postlist {margin: 6px 0px;}



/* Footer */

#footer {width: 920px; height: 155px; background: #FFF url('http://www.behindbigbrother.com/sitedata/btb/btbfooter.gif'); background-position: bottom; margin: 20px 0px 0px 0px; display: block;}

#footerad {margin: 0px 0px 0px 34px; width: 728px; height: 90px;}

#footer a:link, #footer a:visited {color: #000000; text-decoration: underline; font-weight: bold}
#footer a:hover {color: #000000; text-decoration: none; font-weight: bold;}
#footer p {font-size: 10px; color: #222222; margin: 2px 0px 0px 40px; }
#footerlist {font-size: 14.4px; margin: 15px 0px 0px 40px; padding: 0px;}
#footerlist li {display: inline; list-style-type: none; padding: 0px 15px 0px 0px;}