/* 
Title: Scene Unseen Podcast
Author: team A design 
www.GoTeamA.com
*/

/*global*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

html, body { height:100%; }

body { background:#000; padding-bottom:5px; font:normal 100% 'Lucida Grande', 'Lucida Sans Unicode', LucidaGrande, 'Lucida Sans', Geneva, Arial, sans-serif; color:#fff; }

div#container {
	position:relative;
	width:850px;
	color:#ccc;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -240px;
	padding-bottom:50px;
}

.clear { clear:both; }
.center { text-align:center; }

/*header*/

div#ad-top { margin:5px 0 0; height:90px; text-align:center; }
div#header { margin:20px 0 0; width:850px; height:140px; }
div#hMain { float:left; width:508px; height:150px; text-align:center; }
div#hLeft, div#hRight { width:171px; height:112px; margin-top:38px; }
div#hLeft { float:left; }
div#hRight { float:right; text-align:center; background:url(img/bg/signup-bg.jpg) no-repeat; }

/*nav*/

div#navContainer { clear:both; margin:15px 0 0; }

ul#nav { position:relative; width:826px; height:46px; margin:0 12px; background:url(img/bg/nav.gif) no-repeat; }
ul#nav li { position:absolute; top:0; display:inline; text-indent:-9000px; z-index:10; }
ul#nav li, ul#nav a { height:46px; display:block; }

#blog, #blog-current { left:60px; width:75px; }
#blog a:hover { background:url(img/bg/nav.gif) no-repeat -60px -46px; }
#blog a:active, #blog-current a { background:url(img/bg/nav.gif) no-repeat -60px -92px; }

#podcast, #podcast-current { left:235px; width:115px; }
#podcast a:hover { background:url(img/bg/nav.gif) no-repeat -235px -46px; }
#podcast a:active, #podcast-current a { background:url(img/bg/nav.gif) no-repeat -235px -92px; }

#about, #about-current { left:460px; width:95px; }
#about a:hover { background:url(img/bg/nav.gif) no-repeat -460px -46px; }
#about a:active, #about-current a { background:url(img/bg/nav.gif) no-repeat -460px -92px; }

#store, #store-current { left:675px; width:85px; }
#store a:hover { background:url(img/bg/nav.gif) no-repeat -675px -46px; }
#store a:active, #store-current a { background:url(img/bg/nav.gif) no-repeat -675px -92px; }

/*footer*/

div#footer, div.push { height:240px; clear:both; }
div#footer { background:#006598 url(img/bg/footer-bg.gif) bottom repeat-x; width:100%; }

div#foot { position:relative; margin:0 auto; width:850px; padding-top:15px; }
div#foot ul li { float:left; width:212px; display:block; text-align:center; font-size:.875em; }
div#foot ul li span { display:block; margin:10px auto 25px; }

div#foot p { font-size:.625em; padding-top:4px; clear:both; text-align:center; }

/*current episode*/

div#current { position:relative; width:842px; height:279px; margin:10px auto 0; background:url(img/bg/current-left-bg.jpg) no-repeat 0 21px; }
div#summary p { position:absolute; top:75px; left:50px; width:300px; padding:5px 5px 10px; background:url(img/bg/episode-summary-bg.png) repeat; }
div#title { position:absolute; top:21px; left:0; height:31px; z-index:10; }
div#title p { height:31px; padding:0 5px; }
img.poster { display:block; float:right; }
img#listenBtn, img#downloadBtn { position:absolute; top:225px; }
img#listenBtn { left:40px; }
img#downloadBtn { left:185px; }

/*content*/

div#content { float:left; width:620px; margin:20px 0 0; }

div.post { clear:both; }

div.postHead, div.postBody { position:relative; width:585px; }

div.postHead { height:48px; padding:5px 20px; background:url(img/bg/post-head-bg.png) no-repeat; z-index:5; }

div.postBody { padding:10px; margin:-8px 0 0 10px; z-index:4; }

div.postBody img { border:10px solid #000; }
img.alignleft { float:left; margin-right:10px; }
img.alignright { float:right; margin-left:10px; }

div.postBody ul, div.postBody ol { margin:5px 50px; }
div.postBody ul li { padding:3px 0; }
div.postBody ol li { list-style-type:decimal; list-style-position:inside; padding:3px 0; }
div.postBody blockquote { margin:10px 50px; border:2px solid #292929; background:#2f4567; font-style:italic; padding:4px 2px; }

img.currentButton { margin:0 15px 0 35px; }

p.tagline { margin:10px 0 0; display:inline-block; }

div#current h2 { width:179px; height:21px; background:url(img/bg/current-episode-bg.jpg) no-repeat; }

h2.sectionHead { width:216px; height:23px; background:url(img/bg/daily-blog-bg.gif) no-repeat; }

p.postmetadata, p.recent-comment { padding:10px 10px 15px; }
p.postmetadata { float:left; width:229px; margin:10px 0 30px 10px;  }
p.recent-comment { float:right; width:319px; margin:10px 10px 30px 0;  }
p.recent-comment small { display:block; margin-top:5px; }

p.single-post-meta { width:585px; margin:10px 10px 0; padding:10px 10px 25px; background:#366 url(img/bg/comment-single-post-bg.gif) bottom no-repeat; }
p.follow { width:585px; background:#033; padding:5px 10px 15px; margin:0 10px 30px; }

div.navigation { clear:both; height:40px; margin-bottom:25px; }
div.alignleft { float:left; }
div.alignright { float:right; }

div#prev-post a { display:block; overflow:hidden; text-indent:-9000px; width:150px; height:37px; background:url(img/btn/prev.gif) top left no-repeat; }
div#prev-post a:hover { background:url(img/btn/prev.gif) no-repeat 0 -37px; }
div#prev-post a:active { background:url(img/btn/prev.gif) no-repeat 0 -74px; }

div#next-post a { display:block; overflow:hidden; text-indent:-9000px; width:100px; height:38px; background:url(img/btn/next.gif) top left no-repeat; }
div#next-post a:hover { background:url(img/btn/next.gif) no-repeat 0 -38px; }
div#next-post a:active { background:url(img/btn/next.gif) no-repeat 0 -76px; }

div#hosts { background:#369 url(img/bg/about-hosts-bg.gif) bottom no-repeat; padding-bottom:25px; margin:-5px 0 25px; }
div#hosts img { float:right; padding:10px; }
div#hosts p { color:#fff; font-size:.875em; padding:10px 10px 5px; }
h2 img { display:block; }

div#unseen-scenes { padding-bottom:25px; margin:-5px 0 25px; background:#121212 url(img/bg/about-images-grad-bg.gif) top repeat-x; }
div#unseen-scenes p { font-size:.875em; color:#fff; padding:10px; }


/*comments*/

div.comments { clear:both; }
div.comments h3 { width:216px; height:23px; background:url(img/bg/daily-blog-bg.gif) no-repeat; font-size:.875em; line-height:1.5em; text-transform:uppercase; text-align:center; color:#fff; }

ol.commentlist { margin:10px 10px 25px; }

ol.commentlist li { font-size:.875em; color:#fff; margin-bottom:5px; }

ol.commentlist small.commentmetadata { color:#f60; font-size:1em; font-style:italic; padding-right:5px; }
ol.commentlist li.author small.commentmetadata { color:#0cf; }

ol.commentlist cite { font-style:normal; }
ol.commentlist cite a { color:#cff; }
ol.commentlist li.author cite a { color:#f60; }

span.meta { background:url(img/bg/comment-meta-bg.gif) no-repeat; padding:10px 30px 10px 20px; display:-moz-inline-stack; display:inline-block; }
li.author span.meta { background:url(img/bg/comment-author-meta-bg.gif) no-repeat; }

div.commentp { background:#151515 url(img/bg/comment-bottom-bg.gif) bottom no-repeat; padding:5px 5px 20px; margin:0 0 5px 36px; }
li.author div.commentp { background:#225365 url(img/bg/comment-author-bottom-bg.gif) bottom no-repeat; }
div.commentp p { padding:10px; }

div.commentp p:first-child { background:url(img/bg/comment-quote-bg.gif) no-repeat; }
li.author div.commentp p:first-child { background:url(img/bg/comment-author-quote-bg.gif) no-repeat; }

form#commentform { width:555px; margin:10px auto; background:#151515 url(img/bg/comment-form-bg.gif) bottom no-repeat; padding-bottom:20px; }
form#commentform input.text, form#commentform textarea.text { background:#151515; color:#fff; font-size:14px; padding:2px 5px; }
form#commentform input.text { border-bottom:1px solid #c60; width:240px; }
form#commentform textarea.text { border:1px solid #c60; width:345px; }
form#commentform p { padding:10px 15px; font-size:16px; }
form#commentform label { display:-moz-inline-stack; display:inline-block; width:140px; }
p.submit-button { text-align:center; }


/*sidebar*/

div#sidebarContainer { float:right; width:180px; margin:20px 0; font-size:.75em; }

ul#sidebar li { width:180px; margin:0 0 20px; }

ul#sidebar li h2 { margin:0 11px; }

ul#sidebar li ul li { width:120px; margin:0; }

li.sidebox { padding:0 0 23px; background:url(img/bg/sidebar-base.gif) bottom no-repeat; }
li.sidebox div { padding:10px 30px; background:url(img/bg/sidebar-bg.gif) repeat-y; }

li.sidebox ul li { padding:3px 0; }

li#goodStuff ul li { text-align:center; }
li#goodStuff ul li a { border:none; background:#000; }

li#about-top { text-align:center; }
ul#sidebar li#about-top img { display:inline; }
p#sidebar-email { background:url(img/bg/about-email-bg.gif) no-repeat; text-align:center; width:160px; height:68px; margin:5px auto; padding:5px 0; font-size:1.25em; }

li#twitterFeed ul li { overflow:hidden; width:120px; padding:5px 0; border-bottom:1px solid #333; }
li#twitterFeed ul li:last-child { border:none; }

/*archives*/

div#archives { margin:20px 0 0; }
img.button { margin-right:50px; }

ul#arch-nav { position:relative; width:815px; height:46px; margin:0 0 10px 30px; background:url(img/bg/archive-nav.gif) no-repeat; }
ul#arch-nav li { position:absolute; top:0; display:inline; text-indent:-9000px; z-index:10; }
ul#arch-nav li, ul#arch-nav a { height:46px; display:block; }
#reviews, #reviews-current { left:0px; width:265px; }
#reviews a:hover { background:url(img/bg/archive-nav.gif) no-repeat 0px -46px; }
#reviews a:active, #reviews-current a { background:url(img/bg/archive-nav.gif) no-repeat 0px -92px; }
#interviews, #interviews-current { left:275px; width:265px; }
#interviews a:hover { background:url(img/bg/archive-nav.gif) no-repeat -275px -46px; }
#interviews a:active, #interviews-current a { background:url(img/bg/archive-nav.gif) no-repeat -275px -92px; }
#specials, #specials-current { left:550px; width:265px; }
#specials a:hover { background:url(img/bg/archive-nav.gif) no-repeat -550px -46px; }
#specials a:active, #specials-current a { background:url(img/bg/archive-nav.gif) no-repeat -550px -92px; }

div#arch-sub-nav { background:#333 url(img/bg/archive-dates-bg.gif) bottom left no-repeat; padding:10px 10px 15px; width:795px; margin:0 0 35px 30px; font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; }
div#arch-sub-nav ol li { display:inline; }
div#arch-sub-nav ol li a:hover, div#arch-sub-nav ol li.active a { color:#6cf; }

div#latest-episode { position:relative; width:842px; margin:10px auto 0; }
div#episode-content { height:240px; background:url(img/bg/archive-current-bg.jpg) no-repeat; padding:25px 125px 0 135px; }
div#latest-episode h3 { text-transform:uppercase; color:#fff; font-size:1.5em; margin-bottom:10px; }
div#latest-episode p { background:url(img/bg/archive-summary-bg.png) repeat; font-size:.875em; width:300px; padding:5px 10px 10px; margin-bottom:15px; color:#fff; }
img.latest-poster { float:right; margin:0 5px; }
div#latest-episode img#listen { position:absolute; top:240px; left:135px; }
div#latest-episode img#download { position:absolute; top:240px; left:300px; }

div.episode { clear:both; margin:0 8px 30px 0; }
p.ep-date { background:url(img/bg/archive-post-date.gif) no-repeat; width:79px; height:34px; float:left; color:#fff; line-height:34px; text-align:center; font-size:.875em; }
div.ep-content { float:right; width:749px; background:#0a3140 url(img/bg/archive-bottom-bg.jpg) bottom no-repeat; padding-bottom:75px; }
div.col-bg { background:url(img/bg/archive-col.gif) top repeat-y; }
div.col-bg div { float:left; width:445px; padding:10px 15px; }
div.episode h2, div.ep-search h2 { color:#fff; font-size:1.125em; margin-bottom:5px; }
div.episode h3, div.ep-search h3 { color:#9cf; font-size:.875em; float:left; margin:0 20px 10px 0; font-weight:normal; }
div.ep-summary p { clear:both; color:#fff; font-size:.875em; margin:0 0 15px; }
img.ep-poster { float:right; margin:50px 15px; }

div.ep-search { clear:both; width:585px; margin:0 8px 30px 0; }
div.ep-search p.ep-date { float:none; }
div.ep-search div.ep-content { float:none; width:605px; margin:0 10px; }
div.ep-search div.ep-content div { padding:10px 15px; width:555px; }
div.ep-search img.ep-poster { float:none; margin:10px 20px; }


/*type*/

h1, h2, h3, h4, h5 { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; }

h2.sectionHead { font-size:.875em; line-height:1.5em; text-transform:uppercase; text-align:center; }

div.postHead h2 { font-size:1.25em; font-weight:normal; }

p.tagline em, div#title p em { font-style:normal; }

div#title p { font:bold 20px 'Trebuchet MS', Helvetica, Arial, sans-serif; text-transform:uppercase; }
div#title p em { font-size:24px; padding-left:10px; }

p.category a { font:bold .875em 'Trebuchet MS', Arial, Helvetica, sans-serif; border-bottom:1px dotted #fff; }

div.post p { font-size:.875em;  }
div.postBody p { line-height:1.5em; padding:10px; }

div#summary p { font-size:.875em; }


/*links*/

a:link, a:visited, a:hover, a:active { color:#fff; }

div.postBody p a, div.postBody li a { color:#f90; }
div.postBody p a:hover, div.postBody li a:hover { color:#3cf; }

p.forest a, p.turq a { color:#cff; }
li.sidebox ul li a { color:#0cf; }

p.category a:hover { background:#246; }
div.postBody p a:hover, div.postBody li a:hover { background:#4c5d78;  }
p.turq a:hover, p.forest a:hover, div.ep-summary p a:hover { background:#699; }
li.sidebox ul li a:hover { background:#666; }

/*color*/

p#summary, div.postHead h2 { color:#fff; }

p.tagline { border-bottom:1px solid #666; }
p.tagline em { color:#6cf; }
 
div#title p { background:url(img/bg/current-title-trans-bg.gif) repeat; color:#999; }
div#title p em { color:#fff; }

div.postBody { background:#102341; }

p.postmetadata { background:#366 url(img/bg/post-signature-bg.gif) bottom no-repeat; }
p.recent-comment { background:#033 url(img/bg/post-comment-bg.gif) bottom no-repeat; }

div.search-results { margin:15px 0 25px; }
div.search-results p { font-size:1.125em; color:#0cf; padding:0 0 5px; }
div.search-results p em { color:#f90; font-style:normal; }

/*form elements*/

input#YourEmail, input.search { background:transparent; color:#ccc; font-size:12px; text-align:center; padding:2px 0;  }

input#YourEmail {width:120px; margin-top:40px; border-bottom:1px solid #09f; }

input.search { width:160px; margin:20px 10px 0; border-bottom:1px solid #f60; }

input.FindIt { margin:0 25px; }

div#error-search input.search { width:450px; }
div#error-search input.FindIt { margin:0 170px; }

/*error*/

div.error h2 { padding-bottom:15px; }
div.error ul li { font-size:.875em; padding-bottom:8px; }
div.error ul li strong { color:#fff; }
div#error-search ul li { margin:0; padding:0; }