html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 			{ line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q   { quotes: none; }
:focus 			{ outline: 0; }
ins 			{ text-decoration: none; }
del 			{ text-decoration: line-through; }
table 			{ border-collapse: collapse; border-spacing: 0; }


/*...................... UE ............................
COLOURS:
Light Grey : 	 #ededed
Light Green :	 #46aab3
Dark Green:	     #006878
*/

html				{ background-color: #ededed;}
body				{ font-size: 75%;  position:relative; background-color:#ededed;
					  font-family: Tahoma, Arial, Helvetica, sans-serif;    }
					  
					  
#wrapper			{ width:960px; margin:0 auto; position: relative; }					  
					  
					  					
#twitter			{ position:absolute; display:block; top:0; right:0;  width:99px; height:48px; text-indent:-9999px; 
					  background-image:url(/images/sprites.png); }
					  
					  
					  
					  
					  
#rss 				{ display: block; text-indent: -9999px; width: 69px; height: 69px; position:absolute; 
					  background: url(/images/sprites.png) -220px -40px ; z-index: 5; }
					  
h1#tagline			{ display:block; margin-left:307px; text-indent:-9999px;  width:348px; height:41px; left: 0;
				      background:url(/images/sprites.png) -100px 0; }
#logo				{ display:block; margin-left:307px;}


a:link, a:visited	{ color:#46aab3;  }
a img				{ border:none; }

/*....................... Nav ......................................... */
#nav					{}
#nav ul					{}
#nav li					{}
#nav a					{}




/*....................... Content ......................................*/
.content-holder					{ width:960px; margin:0 auto; margin:40px 0 20px 0;}
.content-holder:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content-holder h2				{ border-bottom:1px solid #f5f5f5; color:#006878; padding-bottom:5px; margin: 20px 0 5px 0; font-family: serif; font-size: 1.6em; font-weight: normal;}
.content-holder h3				{ border-bottom:1px solid #f5f5f5; color:#006878; padding:0 0 5px 0; margin: 7px 0 5px 0; font-family: serif; font-size: 1.3em; font-weight: normal;}

.content-holder	.info-left,
.content-holder	.info-right		{ width:200px; float:left; }
.content-holder	.info-left p,
.content-holder	.info-right p	{ line-height: 1.6em; color:gray; }
.video-wrapper					{ float:left; position:relative; width:480px;  margin:0 40px; }
.video-wrapper .tweet			{ position: absolute; top:321px; left:-157px; display:block; text-indent:-9999px; 
								  background:url(/images/sprites.png)-447px 0; width:146px; height:72px;  }
	
.video-wrapper-hide				{ display: none;}							  
.video-wrapper div,
.video-wrapper-ep div			{ z-index: 3;}




.view-in-full-screen			{ position: absolute; top:357px; right:-148px; display:block; text-indent:-9999px;  background:url(/images/sprites.png)0 -49px; width:220px; height:60px; z-index: 2;  }


								  
								  

#video-wrapper-1 .tweet				 { top:265px; }
#video-wrapper-1 .view-in-full-screen{ top:265px; }





.content-holder .info-right		{ text-align:right; }




/*........................ Inner page ...................................*/

.video-wrapper-ep				{ margin: 30px auto 40px auto; width: 480px; }
#inner-page .tweet				{ position: absolute; top:560px; left:126px; display:block; text-indent:-9999px; 
								  background-image:url(/images/tweet.gif); width:113px; height:36px;}
#inner-page .view-in-full-screen{ top:570px; right:92px;}


#inner-page #video-wrapper-1 .tweet 			  { top: 475px; }
#inner-page #video-wrapper-1 .view-in-full-screen { top: 475px; }

#inner-page #episode-h2			{ color:#006878; padding-bottom: 7px; margin-top: 60px;}
#inner-page h2					{ border-bottom:1px solid #f5f5f5; color:#006878; padding-bottom:5px; margin: 10px 0 15px 0; font-family: serif; font-size: 1.6em; font-weight: normal;}

#inner-page h3					{ border-bottom:1px solid #f5f5f5; color:#006878; padding:0 0 5px 0; margin: 7px 0 5px 0; font-family: serif; font-size: 1.3em; font-weight: normal;}


#inner-page .comments h2		{ border-bottom:0; }



.more							{ clear: both; position: relative; float: left; width: 960px; margin: 55px 0 5px 0; }	
.more-links						{ clear:both; margin: 0 auto; width: 432px; background: url(/images/hr-breaker.gif) 50% 0 repeat-y; overflow: hidden; }
.more-links a					{ display:block;  width:196px;  height:36px; padding-top:7px;  float:left; text-align:center;
								  background:url(/images/sprites.png) -290px -73px;  }
.more-links .left				{ margin-right: 20px;}
.more-links .right				{ margin-left: 20px;}
.more-links .close				{ margin-left: 20px;}

.more-links a:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.divopen a.close				{ margin-left: 119px;}
						  
.load							{ position: absolute; top:50px; left: 455px;}
.content						{ clear: both; }					  
								  
#episode-content				{ clear:both;}
.episode-content				{ margin-top: 30px; clear: both; }
.episode-content #episode-h2	{ text-align: center; font-size: 1.8em; background:url(/images/dotted-border.gif) 0 100% repeat-x; border: none; margin-bottom: 25px; }

.episode-content p				{ color: #666; line-height: 1.6em; padding:10px 0 15px 0; font-size: 1.1em;}
.episode-content a				{ border-bottom: 1px solid #46aab3; text-decoration: none;}
.episode-content ul,
.episode-content ol				{ margin: 10px 0 25px 30px;}
.episode-content li				{ color: #666; line-height: 1.6em; font-size: 1.1em; list-style: circle;}
.episode-content ol li			{ list-style:decimal;}
.episode-content img			{ display: block; margin: 0 auto;}
.episode-content pre			{ background: white; padding: 10px 0 10px 80px; font-size: 1.3em;}


hr								{ background-image: url(../images/hr.gif); height:10px; clear:both; border:0; margin:15px 0 30px 0; }

#content a						{ padding:2px; }
#content p						{ color:#006600; line-height:1.5em; }
#content h1						{ color:#666; font-size:1.4em; padding:6px 0; }
#content h2						{ padding:5px 0; margin-top: 20px; }
#content pre					{ background: white; padding: 10px 0 10px 80px; font-size: 1.3em;}

.episode-content p#summary,
.content p#summary				{ text-align: center; font-weight: bold; }



#prev,
#next							{ width: 50%; padding-bottom: 20px;}
#prev							{ float: left; }
#next							{ float: right; text-align: right; }

.comments h2					{ text-align: center; color:#006878;  border:none; font-weight: normal; margin: 30px 0;
							  background:url(/images/dotted-border.gif) 0 100% repeat-x; clear: both; }
							  
.comments blockquote			{ text-align: center; font-style: italic; font-size: 1.2em;  padding-bottom: 30px; }
.comments blockquote p			{ color: #aaa; font-size: 1em; }
.comments #bq-span				{ display: block; padding-top: 10px; font-size: 0.9em; font-style: normal; color:#006878; }


#inner-page form				{ background: url(../images/hr.gif) 0 100% repeat-x; padding-bottom: 60px; margin-bottom: 20px;}
.comments form					{ clear: both; margin-top: -10px;}
.comments label					{ padding-top: 8px; color:#006878; font-size: 1.1em;}
.comments label span			{ color:#999; font-size: 0.9em;}
.comments label,
.comments input					{ text-align: center; margin: 0 auto; width:315px; display: block; padding-bottom: 3px; }

.comments input					{ background:#fff; height: 17px; padding:2px 0 3px 8px; border: 1px solid #ccc;}
.comments textarea				{ width: 612px; height:130px; border: 1px solid #ccc; margin: 0 auto; display: block;
								  background:#fff; margin-top: 5px; padding: 5px; }
								  
								  
.comments input:focus,
.comments textarea:focus		{ border-width: 2px;}

.comments label.error			{ color: red; background:url(../images/error-arrow.png) 50% 0 no-repeat; padding: 13px 0; font-size: 0.9em; }



								  
#comment-checkboxes				{ background: url(/images/hr-breaker.gif) 50% 0 repeat-y; position: relative; margin: 18px 0; width: 960px; padding: 10px 0; height: 30px;}
#comment-checkboxes input		{ margin-top: 10px;}
#comment-checkboxes-l			{ position: absolute; right:510px;}
#comment-checkboxes-r			{ position: absolute; left:500px; text-align: left;}

#comment-checkboxes-l input		{ float: right; height: auto; width:auto; display: block; margin-left: 10px;}
#comment-checkboxes-l label		{ float: left; text-align: right; padding-top: 10px;}
#comment-checkboxes-r input		{ float: left; height: auto; width:30px;}
#comment-checkboxes-r label		{ float: right; text-align: left; padding-top: 10px;}

.comments #submit				{ width:112px; background: url(/images/sprites.png) 0 -639px no-repeat; text-indent: -9999px; height: 35px; border: 0;}

.comment-ind					{ background-color: #fff; width:320px; float: left; padding: 20px; margin:0 0 30px 80px; min-height: 150px; position: relative;}
.comment-ind .comment-ribbon	{ position:absolute; top:0; right:3px; width: 21px; height: 20px; padding-top: 5px; color: #fff; text-align: center;
							      background: url(/images/sprites.png) -28px -441px no-repeat; }
.comment-author                 { width:28px; height: 20px; background:url(/images/sprites.png) 0 -441px no-repeat; position: absolute; top:5px; left: 5px; }

.comment-author div				{ display: none; position: absolute; top: -100px; left: -75px; width:140px; padding: 40px 20px 0 20px; height: 90px; font-size: 0.9em; 
								  background: url(/images/sprites.png) 0 -469px no-repeat; text-align: center; }
.comment-author div a			{ text-decoration: none; border-bottom: 1px solid #ccc; }
.comment-author .comment-date	{ padding: 15px 0 0 0; display: block; color: #9c9b98; }

.comment-ind .spiel				{ padding: 25px 25px 8px 25px; line-height: 1.7em; color: #666; }
.comment-ind .spiel p			{ color: #666; line-height: 1.6em; font-size: 1em; padding-bottom: 10px; }
.comment-ind .read-more			{ position: absolute; bottom: 20px; right: 20px;}
.comment-ind .re-collapse		{ display: block; text-align: center; padding: 10px;}



/*........................... Footer .....................................*/

#footer							{ clear:both; min-height:100px; padding: 180px 0 0 0; background:#ededed url(/images/sprites.png) 0 -114px no-repeat; text-align: center;  }

#footer #valid a				{ background-color:#333; color:#B1EC04; font-size:0.8em; padding:2px 2px 0 2px; }
















 

