body, h1, h2, h3, h4, h5, p, a, tr, td{font-family: "lucida grande", tahoma, verdana, arial, sans-serif;}
body{background-color: #bfe4ea; margin: 0px; padding: 0px; font-size: 8pt;}/*--- #b7e1e7 ---*/

p{padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 18px;}

h1{color: #fff; font-weight: bold; font-size: 25pt; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px;}
h2{color: #fff; font-weight: bold; font-size: 9pt; margin: 0px; padding: 0px 0px 10px 0px;}
h3{color: #fff; font-weight: bold; font-size: 10pt; text-transform:capitalize; margin: 0px; padding: 0px 0px 10px 0px;}
h4{color: #fff; font-size: 9pt; font-weight: bold; margin: 0px 0px 10px 0px; padding:4px 4px 4px 0px;}

li{line-height: 23px;}

/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/

/*--- Links ---*/
a.std_link, a{color: #c00; text-decoration: none; outline: none;}
a.std_link:hover, a:hover{color: #036;}
	a.std_link img, a img{border: none;}

a.std_link_light{text-decoration: none; color: #0099cc;}
a.std_link_light:hover{color:#ff0000; 	text-decoration:underline;}

/*--- Layouts ---*/
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}

/*--- Text ---*/
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}

/*--- Forms ---*/
textarea, input{font-family: ; font-size: 9pt; padding: 4px;}

a.read_on:hover{color: #ffcc33;}
.no_display{display: none;}

.error{clear:both; border: 1px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; width: 90%; margin: 15px auto 15px auto; font-size: 12pt;}
	.error a{color: #a60000; text-decoration: underline;}
	.error a:hover{color: #000;}
	
.success{border: 1px solid #24581f; padding: 4px; background-color: #88d280; color: #000; font-weight:bold;}
.center{text-align: center;}
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- LAYOUT ----------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#container{width: 960px; margin: auto;}

#menu_column{width: 220px; float: left; margin: 0px; padding: 20px 0px 0px;}
	.menu_header{background: url(../images/layout/menu_header.png) no-repeat; width: 220px; height: 10px;}
	.menu_content{background: #222 url(../images/layout/menu_bar_bg.png) repeat-y; padding: 2px 10px 1px 10px; min-height: 220px; color: #333;}
		.menu_content p{color: #999; margin: -10px 0px 20px; }
	.menu_footer{background: url(../images/layout/menu_footer.png) -10px 0px no-repeat; width: 240px; height: 57px;}
	.logo{clear: both; width: 184px; margin: 0px auto 10px;}
		.logo img{border: none;}

#main_column{width: 660px; float:left; position: relative; left: 40px; margin: 0px; padding: 0px;}

	.video_bg_header{background: url(../images/layout/video_header.png) -10px 0px no-repeat; width: 660px; height: 12px; clear: both;}
	.video_bg_content{background: url(../images/layout/video_bg.png) -10px 0px repeat-y; padding: 1px 10px; width: 640px;}
	.video_bg_content_no_video{padding: 0px 10px; width: 640px; height: 51px;}
	.video_bg_footer{background: url(../images/layout/video_footer.png) -10px 0px no-repeat; width: 660px; height: 12px; margin-bottom: 10px;}

	.main_header{background: url(../images/layout/main_header.png) no-repeat; width: 660px; height: 12px;}
	.main_content{background: #333 url(../images/layout/main_content_bg.png) repeat-y; padding: 0px 0px 10px 10px; color: #ccc;}
	.main_footer{background: url(../images/layout/main_footer.png) no-repeat; width: 660px; height: 12px; margin-bottom: 10px;}
	
	.header-advert{padding: 10px 0px 0px 10px;}
		.header-advert a{}
	
	.welcome_content{background: #6c97cc url(../images/blue_bg.png) repeat-x; padding: 20px;}
		#main_column a.std_link{color: #fc0;}
		#main_column a.std_link:hover{color: #fff;}
	
	#footer{padding: 10px 10px 1px 10px; min-height: 60px; color: #333;}
		#footer a{color: #747366; text-decoration: underline;}
		#footer a:hover{color: #000; text-decoration: underline;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- MENU - COLUMN ------------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
ul.menu{padding: 0px; margin: -10px 0px 20px 0px; list-style: none;}
	ul.no_topmargin{margin-top: 0px}
	ul.menu li{clear: both; padding: 0px 0px 15px; background: url(../images/layout/menu_sep_bg.png) bottom no-repeat;}
		ul.menu li a{display: block; text-decoration: none; overflow: hidden; color: #999; text-transform: uppercase;}
		ul.menu li a:hover{color: #fff;}
			a.rss_menu{background: url(../images/rss.gif) no-repeat left center; text-indent: 25px; position: relative;}
			a.fb_menu{background: url(../images/fb.gif) no-repeat left center; text-indent: 25px;}
			a.twitter_menu{background: url(../images/twitter.gif) no-repeat left center; text-indent: 25px;}
			a.flickr_menu{background: url(../images/flickr.gif) no-repeat left center; text-indent: 25px;}
	
ul#twitter_update_list{padding: 0px; margin: -10px 0px 20px 0px; list-style: none;}
	ul#twitter_update_list li{clear: both; display: block; padding: 3px; border-bottom: 1px dotted #c00; }
		ul#twitter_update_list li a{text-decoration: none; overflow:hidden; color: #036;}
		ul#twitter_update_list li a:hover{border-bottom: 1px dotted #036; color: #c00;}

		
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- HEADER CLASSES --------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
h2.tv-guide, h2.what-this-about, h2.twitter, h2.about-the-show, h2.obox_world, h2.stay-in-touch
	{background-repeat: no-repeat; width: 240px; height: 51px; text-indent: -9999px; margin: 0px 0px 0px -20px; padding: 0px;}

	h2.tv-guide{background-image: url(../images/layout/tv_guide.png);}
	h2.what-this-about{background-image: url(../images/layout/what_this_about.png);}
	h2.twitter{background-image: url(../images/layout/twitter.png);}
	h2.obox_world{background-image:url(../images/layout/obox_world.png);}
	h2.stay-in-touch{background-image: url(../images/layout/stay-in-touch.png);}
	

h1.video-header{color: #fff; font-size: 10pt; font-weight: bold; letter-spacing: 0px; padding: 6px 0px 0px 0px;
		background: url(../images/layout/video-header.png) no-repeat; width: 680px; height: 55px; text-indent: 20px; position: relative; left: -20px; margin: 0px;}
		h1.video-header a{color: #fff;}
		h1.video-header a:hover{text-decoration: underline;}
	h1.video-header span.date{font-weight: lighter; font-size: 8pt; text-transform: none; clear: both; position: relative; top: 10px; left: 20px; color: #555;}
		h1.video-header span.date a{color: #f00; font-weight: lighter;}
		h1.video-header span.date a:hover{color: #000; text-decoration: underline;}
	

h2.about-the-show, h2.user-comments, h2.drop-a-comment, h2.send-a-comment, h1.previous-shows, h1.request-a-website{width: 445px; height: 64px; text-indent: -9999px; position: relative; left: -20px; margin: 0px; padding: 0px;}
	h2.about-the-show{background: url(../images/layout/about_the_show.png) no-repeat;}
	h2.user-comments{background: url(../images/layout/user_comments.png) no-repeat;}
	h2.drop-a-comment{background: url(../images/layout/drop-comment.png) no-repeat;}
	h2.send-a-comment{background: url(../images/layout/send_us_feedback.png) no-repeat;}
	h1.previous-shows{background: url(../images/layout/previous_shows.png) no-repeat; margin: 20px 0px 0px;}
	h1.request-a-website{background-image: url(../images/layout/request-a-website.png);}

	

h2.previous-show-title{background: url(../images/layout/previous_show_title.png) no-repeat; width: 420px; height: 51px; text-indent: 20px; position: relative; left: -20px;
	color: #fff; font-weight: bold; font-size: 10pt; margin: 0px; padding: 10px 0px 0px 0px; text-transform: uppercase;}
	h2.previous-show-title a{color: #fff;}
	h2.previous-show-title a:hover{ text-decoration: underline;}
	h2.previous-show-title span.date{font-weight: lighter; font-size: 8pt; text-transform: none; clear: both; position: relative; top: 15px; left: 20px; color: #999;}
		h2.previous-show-title span.date a{color: #fc0; font-weight: lighter;}
		h2.previous-show-title span.date a:hover{color: #fff; text-decoration: none;}

h2.whos-in-it, h2.promote-show, h2.related-videos, h2.contact-details, h2.advertising, h2.our_sponsors{width: 250px; height: 50px; text-indent: -9999px; position: relative; left: -10px; margin: 0px; padding: 0px;}
	h2.whos-in-it{background: url(../images/layout/who_init.png) no-repeat;}
	h2.promote-show{background: url(../images/layout/promote-post.png) no-repeat;}
	h2.related-videos{background: url(../images/layout/related_shows.png) no-repeat;}
	h2.contact-details{background: url(../images/layout/contact_details.png) no-repeat;}
	h2.advertising{background: url(../images/layout/our_rates.png) no-repeat;}
	h2.our_sponsors{background: url(../images/layout/our_sponsors.png) no-repeat;}

h2.copyright{background: url(../images/layout/copyright.png) no-repeat; width: 420px; height: 64px; text-indent: -9999px; position: relative; left: -20px; margin: 0px; padding: 0px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- PAGE ------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.video{clear: both; position: relative;}
	.video_container{position: relative;}
	
.left_column{width: 400px; float: left;}
	.left_column a.std_link{color: #fc0; font-weight: lighter;}
	.left_column a.std_link:hover{color: #fff;}
	
.right_column{width: 220px; float: right; background: url(../images/layout/rightbar_bg.png) repeat-y;}
.right_column_content{padding: 2px 10px 0px;}
	ul.related{padding: 0px 10px; margin: -10px 0px 20px 0px; list-style: none;}
		ul.related li{clear: both;}
		ul.related li a{
			display: block; padding: 5px; 
			text-decoration: none; overflow:hidden; 
			border-bottom: 1px solid #333; color: #ccc; 
			font-weight: lighter; text-transform: uppercase;
		}
		ul.related li a:hover{color: #fff; border-bottom: 1px solid #555;}

.right_column_footer{background:url(../images/layout/rightbar_footer.png) repeat-y; margin: 0px 0px 0px 0px; width: 250px; height: 12px;}

.rss_link{position: relative; float: right; top: -60px; right: 20px; border: none;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- INDEX PAGE ------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.index_main_footer{background: url(../images/layout/index_main_footer.gif) no-repeat; height: 15px; width: 660px;}
.index_main_header{background: url(../images/layout/index_main_header.gif) no-repeat; height: 15px; width: 660px;}
	.index_main_content{background-color: #333; padding: 15px 10px 10px; min-height: 220px; color: #ccc;}

.previous_shows{margin-bottom: 40px;}
.index_left_column{width: 370px; float: left;}
	a.read_more{color: #ccc; text-transform: uppercase; font-weight: bold;}
	a.read_more:hover{color: #fff;}

.index_right_column{width: 260px; float: right; padding-left: 0px;}
	.latest_show_description a.std_link, .index_right_column a.std_link{color: #ccc; text-decoration: underline; font-weight: lighter;}
	.latest_show_description a.std_link:hover, .index_right_column a.std_link:hover{color: #fff;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- FORMS ------------------------------------------------------------------------------------------------------ -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
label, input, submit, select, textarea, legend{font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 8pt; color: #111111;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- PROMOTE POST --------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.promote_post{padding: 10px; margin-bottom: 20px; background-color: #222;}
.promote_post ul{list-style: none; padding: 0px; margin: 0px;}
	.promote_post p{color: #fff; font-weight: bold; padding: 0px; margin: 0px;}
	.promote_post ul li{float: left; margin-right: 20px;}
		.promote_post ul li a{font-weight: lighter; color: #ccc;}
		.promote_post ul li a:hover{color: #fff; text-decoration: underline;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- EPISODES LISTS --------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
h2.related-episodes-header{width: 425px; height: 64px; text-indent: -9999px; position: relative; margin: 0px; padding: 0px; background: url(../images/layout/related-shows.png) no-repeat;}
ul.episode_list{padding: 0px; list-style: none; margin: -10px 0px 20px 20px;}
	ul.episode_list li{clear: both;}
		ul.episode_list li a{display: block; text-decoration: none; color: #999; text-transform: uppercase; padding: 5px; border-bottom: 1px solid #444;}
		ul.episode_list li a:hover{color: #fff; text-decoration: none; border-bottom: 1px solid #555;}
		ul.episode_list li a span.post-comments{text-align: left; font-size: 7pt; color: #777; display: inline-block; min-width: 20px; margin-right: 10px;}
	ul.episode_list li:first-child a{padding-top: 0px;}
	ul.episode_list li:last-child a{border: none;}

/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- PROMOTE SHOW ----------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.right_column_content .promote_post{margin: 0px 0px 20px; list-style: none; padding: 0px;}
	.right_column_content .promote_post li{border-bottom: 1px dotted #444; padding: 10px;}
		.right_column_content .promote_post li:last-child{border: none;}
	
	.promote_post .dzone_show {border: 1px solid #555; background-color: #fff; padding: 6px; width: 51px; height:80px; float: left; }
	
	.promote_post .float_show{float: left; margin: 0px 20px 10px; float: left;}
		.promote_post .float_show span{padding: 0px; line-height: 15px; display: block;}
		.promote_post .float_show iframe{padding: 5px; background-color: #fff; border: 1px solid #555; height: 33px; overflow: hidden;}
		
	.promote_post .digg_show{float: left; margin: 0px 0px 10px;}
		
	.tweetmeme{float: left; padding: 5px 15px 10px 0px;}
	
	
	.promote_post .bump_show{float: left; margin: 0px 20px 10px;}
	.promote_post .moo_show{float: left; margin: 0px 0px 10px;}


a.download_show { background: url(../images/download_show.gif) top no-repeat; margin: 0px 0px 10px; width: 209px; height: 50px; display: block; text-indent: -9999px;}
a.download_show:hover { background-position: -1px -54px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- COMMENT AND CONTACT FORMS ------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.form_form{}
.form_form div.txt{clear: both; margin-bottom: 5px; font-weight: bold; color: #fff;}
.form_form .input_form{padding: 5px; width: 260px; margin-bottom: 10px;}
.form_form textarea.input_form{padding: 5px; width: 380px; height: 180px;}
.form_form select.select_input_form{padding: 5px; width: 273px; margin-bottom: 10px;}

form.comment div.txt{clear: both; color: #fff; font-weight: bold; margin-bottom: 5px;}
	.comment_form{padding: 5px; margin-bottom: 10px; width: 260px;}
	textarea.comment_form{width: 360px; height: 200px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- READER COMMENTS ----------------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.reader_comment{width: 405px; min-height: 100px; margin-bottom: 10px; padding: 5px 5px 10px; background: url(../images/layout/comment_sep.png) bottom no-repeat;}
	.reader_comment h3{font-size: 8pt; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #444; font-weight: lighter;}
		.reader_comment h3 a{color: #fff; text-decoration: none;}
		.reader_comment h3 a:hover{text-decoration: underline;}
		h3 span.date{color: #777;}
	.reader_comment p{margin-bottom: 0px; padding-bottom: 0px;}
	.reader_comment a{color: #fc0;}
	.reader_comment a:hover{color: #fff;}
	.reader_comment .image{float: left; width: 80px; height: 88px; background: url(../images/layout/avatar_bg.jpg) left no-repeat;}
	.reader_comment .readers_name{font-weight: bold;}
	.reader_comment .comment{float: right; width: 310px;}
	
.post_a_comment{margin-top: 10px;}

.latest_comment{padding: 0px; margin: 0px;}
	.latest_comment h3.latest_comments{width: 425px; height: 64px; text-indent: -9999px; position: relative; margin: 0px; padding: 0px; background: url(../images/layout/latest_comment.png) no-repeat;}
	.latest_comment .reader_comment{width: auto; padding: 0px 20px 20px;}
	.latest_comment .reader_comment .comment{float: right; width: 270px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- OUR SPONSORS -------------------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.advert{padding: 10px 15px; margin-bottom: 20px;}
	.advert a img{border: none; margin-bottom: 10px;}

.post-base-advert a img{border: none; margin-bottom: 10px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- EXTRA CONTENT COLUMNS ----------------------------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.extra-content-columns{clear: both; margin: 20px 0px;}
	.popular-posts{float: left; width: 320px;}
		.popular-posts h2{background: url(../images/layout/popular-posts-header.png) no-repeat; width: 330px; height: 71px; text-indent: -9999px; overflow: hidden; position: relative; left: -10px; margin: 0px; padding: 0px;}
		.popular-posts ul{list-style: none; margin: 0px 10px 0px 0px; padding: 0px;}


	.from-the-blog{float: right; width: 320px;}
		.from-the-blog h2{background: url(../images/layout/latest-blog-post-header.png) no-repeat; width: 330px; height: 71px; text-indent: -9999px; overflow: hidden; position: relative; margin: 0px; padding: 0px;}
			.from-the-blog h3{font-weight: bold; font-size: 8pt; margin: 0px 0px 10px 8px; padding-bottom: 5px; border-bottom: 1px dotted #444;}
				.from-the-blog h3 a{color: #fff;}
				.from-the-blog h3 a:hover{text-decoration: underline;}
			.from-the-blog .image{width: 80px; height: 80px; overflow: hidden; float: left; margin: 0px 10px 0px 8px;}
				.from-the-blog .image img{ position: relative; left: -30px; top: -10px;}
			.from-the-blog .copy{width: 195px; float: left;}
				.from-the-blog p{color: #999;}


	.extra-content-columns .extra_content{background: url(../images/layout/sub-content-container.png) repeat-y; width: 300px; min-height: 280px; padding: 0px 10px 1px;}
	.extra-content-columns .extra_content_footer{background: url(../images/layout/sub-content-footer.png) no-repeat; width: 300px; height: 12px; overflow: hidden; padding: 10px;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- ARCHIVES --------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
ul.archive_month{list-style: none; margin: 0px; padding: 0px;}
	ul.archive_month li{border-bottom: 1px solid #555; padding: 5px 0px;}
		ul.archive_month li	a.episode_title{text-transform: uppercase; color: #fff; font-weight: bold;}
		ul.archive_month li	a.episode_title:hover{text-decoration: underline;}
		ul.archive_month li	a.comment{color: #fc0; font-weight: lighter;}
		ul.archive_month li	a.comment:hover{color: #fff;}


.follow_up{padding: 10px; border: 1px solid #000; margin-bottom: 20px; background-color: #555;}

/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- ADVERTS --------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.post_header_advert{width: 640px; height: 110px; margin: 0px auto 10px ; border: 1px solid #999; background-color: #ccc;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}