/*
Theme:  Bunkerdown.tv
Author: Scott Gallant
Company: Blue Tree Media
URL: http://www.bluetreemedia.ca
Copyright 2009 Sketch 22 / Invisible Ink Productions
*/

/* COLOR SCHEME */

/* GRID - 960gs 16 Col - 960px wide: 20px gutter */

/* RESET - Global reset Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 } ol, ul, 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:''}  /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */

/*
------------------------------------------------------------------------------ Re-establish some basic style via YUI Base
*/

/* base.css, part of YUI's CSS Foundation */
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:35px;  
}

h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:27px;
}

h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:23px;  
}

h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold;
}

abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
}

em {
    /*bringing italics back to the em element*/
    font-style:italic;
}

blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}

ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}

ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}

ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}

th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #999;
    padding:.5em;
}

th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}

caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}

p,fieldset,table {
    /*so things don't run into each other*/
    margin-bottom:1em;
}

/*
------------------------------------------------------------------------------ High level styles
*/

body {
	background: #EDE8E4 url(/assets/images/bg_body.jpg) left top repeat-x;
	font-family: helvetica, arial, sans-serif;
	line-height: 1.2em;
}

#page_wrap {
	background: transparent url(/assets/images/bg_spray.gif) top left repeat-y;
	padding-bottom: 50px;
}

a:link, a:visited, a {
	color: #000;
}

a:hover {
	color: blue;
}

a {
   outline: none important;
}

/*
------------------------------------------------------------------------------ Header
*/

#header {
	padding-top: 10px;
	margin: 0 10px;
	margin-bottom: 20px;
}

#top_bar {
	background: transparent url(/assets/images/top_bar.jpg) top left repeat-x;
	height: 16px;
}

#orb {
	background: transparent url(/assets/images/orb.png) top left no-repeat;
	position: absolute;
	top:0;
	height: 108px;
	width: 316px;
}

#logo {
	width: 950px;
	height: 122px;
	text-indent: -9999px;
	background: transparent url(/assets/images/logo.png) left top no-repeat;
	margin:16px 0 10px -10px;
	position: relative;
}

#logo_link{
	width: 950px;
	height: 100px;
	display: block;
	position: absolute;
}

p.slugline {
	font-size: 22px;
	font-family: georgia;
	font-style: italic;
	float: left;
	color: #CF350C;
}

/*
------------------------------------------------------------------------------ Home page
*/


#nav ul {
    list-style-type:none;
    margin: 0;
}


#nav li{
	float: left;
	margin-right: 24px;
    list-style-type:none;
}

#nav li.contact{
	margin-right: 0;
}

#nav a{
    background:transparent url(/assets/images/nav_bg-june.png) top left no-repeat;
    display: block;
    height: 74px;
    width: 135px;
    text-indent: -9999px;
}


#nav a.current,#nav a:hover,#nav a:active, body.episodes #nav .episodes a{
	background-position: right top;
}


#nav .survivors a{
	background-position: left -74px;
}

#nav .survivors a.current,#nav .survivors a:hover,#nav .survivors a:active, body.survivors #nav .survivors a{
	background-position: right -74px;
}


#nav .gallery a{
	background-position: left -148px;
}

#nav .gallery a.current,#nav .gallery a:hover,#nav .gallery a:active, body.gallery #nav .gallery a{
	background-position: right -148px;
}


#nav .credits a{
	background-position: left -226px;
}

#nav .credits a.current,#nav .credits a:hover,#nav .credits a:active, body.credits #nav .credits a{
	background-position: right -226px;
}

#nav .press a{
	background-position: left -300px;
}

#nav .press a.current,#nav .press a:hover,#nav .press a:active, body.press #nav .press a{
	background-position: right -300px;
}

/*
#nav .press a{
	background-position: left -354px;
}

#nav .press a.current,#nav .press a:hover,#nav .press a:active, body.press #nav .press a{
	background-position: right -354px;
}
*/

#nav .contact a{
	background-position: left -374px;
}

#nav .contact a.current,#nav .contact a:hover,#nav .contact a:active, body.contact #nav .contact a{
	background-position: right -374px;
}

/*
------------------------------------------------------------------------------ Home page
*/

#episode_box .box_inner {
    background:transparent url(/assets/images/bg_white.png) top left repeat;
    height: 360px;
    overflow: auto; /* this will only will only display needed scrollbars - not horizontal in this case */
    border: 1px solid #fff;
}

#episode_list {
	list-style: none;
	padding:10px;
    margin: 0;
}

#episode_list li{
	clear: left;
	padding-top: 30px;
    list-style-type:none;
}

#episode_list li:first-child{
	padding-top:0px;
}

.episode_date {
	font-size: 12px;
	color: #999;
}

.list-title {
	font-size: 13px;
	text-decoration: none;
}

img.list-thumb {
	float: left;
	margin-right: 10px;
}

.content_area {
    background:transparent url(/assets/images/bg_white.png) top left repeat;
    border: 1px solid #fff;
    margin-top: 25px;	
    padding: 20px;
}

.content_area p{
	font-size: 16px;
}

.description_box p{
	margin-bottom: 0;
}


#comments_gallery {
	margin-right: 300px;
}

#sidebar {
	float: right;
	width: 240px;
	padding-left: 30px;
	padding-right: 10px;
}

#sidebar ul {
	margin-left: 0;
}

#sidebar li{
	margin-bottom: 20px;
}

#sidebar a.facebook_link {
	font-size:17px !important;
	height:51px;
	margin-top:5px !important;
	padding: 5px 10px 10px 0px !important;
}

#sidebar a.facebook_link img{
	width: 31px;
}

#facebook_like_btn {
	padding-top: 3px;
	float: left;
}

#add_this {
	float: right;
	padding-top: 3px;
}

.comments_wrap {
	padding-left: 50px;
	background:transparent url(/assets/images/bg_quotes.png) top left no-repeat;
	margin-top: 20px;
}

p.comment_content {
	color: #333;
	font-style: italic;
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 5px;
}

p.comment_user {
	color: #CF350C;
	font-size: 13px;
}

.comment_date {
	font-style: italic;
}

#comments_gallery form{
	margin-left: 50px;
	margin-top: 25px;
}

#comments_gallery label{
/*	display: none; */
	font-size: 12px;
	color: #333;
	float: left;
	width: 100px;
}

#comments_gallery input{
	width: 220px;
	border: 1px solid #999;
	background: white;
	padding: 3px;
}

#comments_gallery textarea{
	height: 80px;
	border: 1px solid #999;
	background: white;
}


#comments_gallery input.submit-post, #comments_gallery input.submit-preview{
	width: 80px;
	cursor:pointer;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

p.submit {
	margin-left: 100px;
}

#comments_gallery input.submit-post {
	font-weight: bold;
}
/*
------------------------------------------------------------------------------ Static Page
*/

#static_page {
    background:transparent url(/assets/images/bg_white.png) top left repeat;
    padding: 20px;	
    border: 1px solid white;
}


/*
------------------------------------------------------------------------------ Survivors Page
*/

.bio_block img {
	float: left;
	margin-right: 30px;
	border: 5px solid #EDE8E4;
}

.bio_block {
	padding-top: 40px;
	clear: left;
}

/*
------------------------------------------------------------------------------ Credits page
*/

body.credits #static_page {
	text-align: center;
}

body.credits ul li {
	list-style-type: none;
	margin-bottom: 20px;
}


/*
------------------------------------------------------------------------------ Contact page
*/

body.contact #static_page {
	text-align: center;
}

a.facebook_link {
	color: #222222;
	height: 51px;
	font-size: 25px;
	font-family: georgia;
	font-style: italic;
	margin-top: 40px;
	padding: 5px 10px 10px 10px;
	text-decoration: none;
}

a.facebook_link:hover {
	color: blue;
	background: #fff;
}

a.facebook_link img {
	vertical-align: middle;
	margin-right: 10px;
	text-decoration: none;
}

/*
------------------------------------------------------------------------------ Journal
*/

.post {
    background:transparent url(/assets/images/bg_white.png) top left repeat;
    padding: 20px;	
    border: 1px solid white;
    margin-bottom: 30px;
}

.post h2 {
	margin-bottom: .5em;
}

.post .date {
	font-size: 80%;
	color: #555555;
	margin: .5em 0;
}

/*
------------------------------------------------------------------------------ Footer
*/

#footer {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 12px; 
	letter-spacing: 1.2px;
	word-spacing: 3px;
	color: #aaa;
	background:transparent url(/assets/images/footer_bg.jpg) top left repeat-x;
	width: 100%;
}

#footer a{
	color: white;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}




/* ------------------------------------------- Toolbox ----------------------------- */

ul.no-bullet li{
	list-style-type: none;
}

ul.child_ul {
	margin-left: 1em !important;
	margin-top: 0;
}

ul.child_ul li {
	margin-bottom: 5px !important;
}

#debug {
    background:#FFF;
}

a img { border:none; text-decoration: none; } /* Gets rid of IE's blue borders */


br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */




#galleryImg {
  max-width: 940px;
  width: expression(this.width > 940 ? 940: true);
}
      
#adlinkunit {
  height: 20px;
}