@charset "UTF-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

document{
	height:100%;
}

body{
	background-image: url('../images/bg.gif');
	background-color: #404040;
	overflow-y:scroll;
	height:100%;
}

a{
	color: #5482ad;
}
a:hover{
	color:#324d66;
}


.clear{
	clear:both;
}

#wrapper{
	margin: 0px auto;
	width: 975px;
	height:100%;
	background-color: #FFFFFF;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
	clear: both;
}

#header{
	width: 975px;
	height: 163px;
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
	z-index: 1;
}

/* LEFT COLUMN */

#leftCol{
	float: left;
	width: 355px;
	clear: both;
	margin-left: -45px;
	margin-top: -35px;
	z-index: 5;
}

#suggest{
	width: 373px;
	height: 285px;
	background-image: url('../images/suggest.png');
	background-repeat: no-repeat;
}

#no_suggest{
	width: 373px;
	height: 80px;
	background-image: url('../images/thanks_sugg.png');
	background-repeat: no-repeat;
	display:none;
	margin-top:40px;
	background-position:90px 0px;
}

#no_suggest_end{
	width: 373px;
	height: 80px;
	
	background-repeat: no-repeat;
	display:block;
	margin-top:40px;
	background-position:90px 0px;
}

#submit{
	width: 80px;
	height: 80px;
	padding-top: 50px;
	padding-left: 50px;
	position:relative;
}
	#submit form{
		margin:53px 0px 0px 75px;
	}
		#submit form input{
			margin:0px 0px 20px 0px;
			width:220px;
			border:none;
			background-color:transparent;
			font-weight:900;
		}
		#submit form textarea{
			width:220px;
			height:60px;
			border:none;
			background-color:transparent;
			font-weight:900;
		}
		#submit .character_counter{
			position:absolute;
			top:195px;
			left:70px;
			width:50px;
			height:20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #63654f;
			font-weight:900;
			line-height: 18px;
			text-align:center;
		}
		#submit_suggestion{
			margin-top:-25px;
		}
		


#vote{
	
}

#voteTitle{
	width: 313px;
	height: 68px;
	margin-left: 50px;
	margin-bottom: 15px;
	margin-top: -5px;
	background-image: url('../images/vote_title.png');
	background-repeat:no-repeat;
}

.idea{
	width: 300px;
	margin-left: 60px;
	margin-bottom: 15px;
}
	.idea .comments{
		margin:0px 10px 0px 10px;
		height:auto;
		width:235px;
		overflow:hidden;
	}
		.idea .comments .comments_inner{
			margin-top:25px;
			height:auto;
		}
		.idea .comments p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #313131;
			font-weight: normal;
			line-height: 18px;
			border-top:1px solid #cccccc;
			width:200px;
			padding-top:4px;
			padding-bottom:4px;
			padding-left:2px;
		}
		.idea .comments .pagination{
			width:200px;
		}
			.idea .comments .pagination .previous_comments{
				float:left;
			}
		
			.idea .comments .pagination .next_comments{
				float:right;
			}

		.idea .comments .add_comment {
			padding-top:5px;
			overflow:hidden;
			height:auto;
			display:block;
		}
		.idea .comments .add_comment input {
			width:200px;
		}
			.idea .comments .add_comment input[type='text'] {
				width:140px;
				margin-bottom:5px;
				float:left;
			}
		.idea .comments .add_comment .submit{
			float:right;
			margin-top:-30px;
			display:block;
			margin-right:24px;
			height:55px;
			width:55px;
		}

.idea h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #404040;
	font-weight: bold;
	margin-right: 20px;
}

.idea h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	font-weight: normal;
	padding: 27px 47px 0px 0px;
	float: right;
	text-align:right;
}

.idea a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5482ad;
	font-weight: bold;
	text-decoration: none;
}
	.idea a:hover{
		color:#324d66;
	}

.arrows{
	float: left;
	width: 30px;
	height: 70px;
	margin-top: 12px;
}
	.arrows .upvote{
		display:block;
		width:30px;
		height:25px;
		margin-bottom:5px;
		background-image:url("../images/arrow_up_negative.png");
		background-color:#7aa7d1;
		background-repeat:no-repeat;
		background-position:top left;
	}
		.arrows .upvote:hover{
			background-color:#324d66;
		}
		.arrows .upvote p{
			position:absolute;
			color:white;
			text-align:center;
			width:30px;
			margin-top:10px;
			cursor: pointer;
		}
	.arrows .downvote{
		display:block;
		width:30px;
		height:25px;
		margin-top:5px;
		background-image:url("../images/arrow_down_negative.png");
		background-color:#7aa7d1;
		background-repeat:no-repeat;
		background-position:bottom left;
	}
		.arrows .downvote:hover{
			background-color:#324d66;
		}
		.arrows .downvote p{
			position:absolute;
			color:white;
			text-align:center;
			width:30px;
			margin-top:5px;
			cursor: pointer;
		}

.arrows img{
	margin-bottom: 5px;
}

#episodeCommentsTitle{
	width: 313px;
	height: 68px;
	margin-left: 50px;
	margin-bottom: 0px;
	margin-top: 28px;
	background-image: url('../images/comment_title.png');
	background-repeat:no-repeat;
}

#add_comment{
	margin-top:-20px;
	width: 373px;
	height: 200px;
	background-image: url('../images/submit_comment.png');
	background-repeat: no-repeat;
}

#submit_comment{
	width: px;
	height: 80px;
	padding-top: 0px;
	padding-left: 50px;
	position:relative;
}
	#submit_comment form{
		margin:30px 0px 0px 75px;
		padding-top:20px;
	}
		#submit_comment form input{
			margin:0px 0px 20px 0px;
			width:220px;
			border:none;
			background-color:transparent;
			font-weight:900;
		}
		#submit_comment form textarea{
			width:220px;
			height:60px;
			border:none;
			background-color:transparent;
			font-weight:900;
		}
		#submit_comment .character_counter{
			position:absolute;
			top:110px;
			left:70px;
			width:50px;
			height:20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #63654f;
			font-weight:900;
			line-height: 18px;
			text-align:center;
		}
		#submit_comment_btn{
			margin-top:-50px;
		}
		
#episode_comments{
	margin-top:32px;
}
	#episode_comments .comments_loading{
		padding-left:70px;
		padding-bottom:25px;
	}
	#episode_comments .no_comments{
		padding-left:70px;
	}

#commentsTitle{
	width: 313px;
	height: 68px;
	margin-left: 50px;
	margin-bottom: 15px;
	margin-top: -5px;
	background-image: url('../images/vote_title.png');
	background-repeat:no-repeat;
}

.comment{
	width: 300px;
	margin-left: 60px;
	margin-bottom: 15px;
}

.comment h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #404040;
	font-weight: bold;
	margin-right: 20px;
}

.comment h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	font-weight: normal;
	padding: 27px 47px 0px 0px;
	float: right;
}

.comment a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5482ad;
	font-weight: bold;
	text-decoration: none;
}
	.comment a:hover{
		color:#324d66;
	}





.bbl{
	width: 250px;
	margin-left: 40px;
}

.bbTop{
	width: 250px;
	height: 25px;
	background-image: url('../images/bubble_top.png');
	background-repeat: no-repeat;
}

.bbMid{
	width: 220px;
	background-image:url('../images/bubble_mid.png');
	background-repeat: repeat-y;
	padding: 0px 25px 0px 12px;
}

.bbBtm{
	width: 250px;
	height: 41px;
	background-image: url('../images/bubble_btm.png');
	background-repeat: no-repeat;
}

.bbl_wide{
	width: 300px;
	margin-left: 0px;
}

.bbTop_wide{
	width: 300px;
	height: 25px;
	background-image: url('../images/bubble_top_wide.png');
	background-repeat: no-repeat;
}

.bbMid_wide{
	width: 300px;
	background-image:url('../images/bubble_mid_wide.png');
	background-repeat: repeat-y;
	padding: 0px 25px 0px 12px;
}

.bbBtm_wide{
	width: 300px;
	height: 41px;
	background-image: url('../images/bubble_btm_wide.png');
	background-repeat: no-repeat;
}


/* MIDDLE COLUMN */

#midCol {
	width: 462px;
	margin-left:304px;
	padding-top:15px;
	
	/*float:left;*/
}

#midCol h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5482ad;
	font-weight: bold;
	padding-top: 22px;
	padding-left: 223px;
}
	#midCol h1.tumblr{
		padding-left:25px;
		padding-top:18px;
	}

#midCol h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5482ad;
	font-weight: bold;
	text-decoration: none;
}
	#midCol h1 a:hover{
		color:#324d66;
	}

.live_banner{
	width:450px;
	margin:auto;
	display:block;
	font-size:30px;
	text-align:center;
	font-weight:900;
	color: #5482ad;
}
	.live_banner a{
		color: #5482ad;
	}
		.live_banner a:hover{
			color:#324d66;
		}

.episode_header{
	margin-bottom:0px;
}

	.episode_header h2{
		text-align:center;
		width:440px;
		margin:auto;
		display:block;
		font-size:30px;
		text-align:center;
		font-weight:900;
	}
		.episode_header h2 a{
			color: #5482ad;
		}
			.episode_header h2 a:hover{
				color:#324d66;
			}
	
	.episode_header img{
		display:block;
		margin:auto;
		max-width:425px;
	}
	
	.episode_header object{
		display:block;
		margin:auto;
		max-width:425px;
		margin-bottom:20px;
	}


#watchTop{
	width: 472px;
	height:62px;
	background-image:url('../images/watch_top.png');
	background-repeat: no-repeat;
	margin-left: 1px;
}
#watchTopReversed{
	width: 472px;
	height:62px;
	background-image:url('../images/watch_top_reversed.png');
	background-repeat: no-repeat;
	margin-left: 1px;
}

#watchMid{
	width: 472px;
	background-image: url('../images/watch_mid.png');
	background-repeat: repeat-y;
	padding-bottom:20px;
}

.episode_suggestion{
	width:100%;
	text-align:center;
	font-size:16px;
	padding-bottom:20px;
	padding-top:15px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-bottom:15px;
	margin-top:15px;
}
	.episode_suggestion span{
		color:#444444;
	}
.episode_suggestion_front{
	width:100%;
	text-align:center;
	font-size:16px;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}
	.episode_suggestion_front span{
		color:#444444;
	}

#episodeTop{
	width: 472px;
	background-repeat: no-repeat;
	margin-left: 1px;
}
	#episodeTop h1{
		padding:0px;
		width:100%;
		text-align:center;
	}
		#episodeTop h1 a{
			font-size:50px;
		}
			#episodeTop h1 a:hover{
				color:#324d66;
			}
#episodeMid{
	width: 472px;
	background-repeat: repeat-y;
}
#episodeBtm{
	width: 472px;
	height:28px;
	background-repeat: no-repeat;
}

.mid_content{
	font-family: Arial, Helvetica, sans-serif;
}
	.mid_content h2{
		font-size:20px;
		color:#cccccc;
		width:430px;
		margin-left:25px;
		margin-right:20px;
		padding-bottom:-2px;
		border-bottom:1px solid #cccccc;
		margin-bottom:20px;
	}
	.mid_content a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #5482ad;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
	}
		.mid_content a:hover{
			color:#324d66;
		}
		.mid_content a img{
			border:none;
		}
	.mid_content p{
		font-size:12px;
		line-height:19px;
		padding-left:45px;
		padding-right:30px;
		margin-bottom:20px;
		color:#666666;
		text-align:justify;
	}
		.mid_content p:last{
			margin-bottom:0px;
		}
		.mid_content p.big{
			font-size:16px;
			text-align:justify;
			line-height:20px;
			color:#666666;
		}
			.mid_content p.big strong{
				color:#555555;
			}
	.mid_content form{
		padding-left:45px;
	}
	
.episode_block_link{
	display:block;
}

#mixed_blog{
	
}
	#mixed_blog .loader{
		padding:10px;
		margin:auto;
		text-align:center;
		color:red;
	}
	
		#mixed_blog .loader img {
			padding-top:3px;
		}
		#mixed_blog .loader p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #313131;
			font-weight: normal;
			line-height: 15px;
			padding-top:4px;
			padding-left:3px;
		}

#watchBtm{
	width: 472px;
	height:28px;
	margin-top:-10px;
	background-image: url('../images/watch_btm.png');
	background-repeat: no-repeat;
}

#content{
	/*width: 425px;*/
	margin-left: 24px;
	margin-right: 28px;*/
	/*margin-top: 0px;*/
}

	#content h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #313131;
		font-weight: bold;
		padding-bottom: 6px;
		padding-top: 5px;
	}

	#content p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #313131;
		font-weight: normal;
		line-height: 18px;
		margin-bottom:10px;
	}
		#content .tumblr_post p{
			
		}

	#content a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #5482ad;
		font-weight: bold;
		text-decoration: none;
	}
		#content a:hover{
			color:#324d66;
		}
	
	#content img {
		max-width:425px;
		margin:auto;
		display:block;
	}
	
	#content object {
		margin:auto;
		display:block;
	}
	
	#content .tumblr_post{
		margin-bottom:20px;
	}
		#content .tumblr_post p img{
			margin-left:-25px;
			width:425px;
		}
		#content .tumblr_post p object{
			margin-left:-25px;
			width:100%;
		}
		
		
		#content .tumblr_post .info{
			margin-top:25px;
			padding-left:0px;
			padding-bottom:3px;
			border-bottom: 1px solid #999999;
		}
			#content .tumblr_post .info p{
				color:#cccccc;
			}
			#content .tumblr_post .info:last{
				border-bottom: 1px solid #999999;
			}
			
			
		#content .tumblr_post .regular_title{
		}
			#content .tumblr_post .regular_title a{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #313131;
				font-weight: bold;
				padding-bottom: 0px;
				margin-bottom: 6px;
			}
				#content .tumblr_post .regular_title a:hover{
					color:#324d66;
				}
		#content .tumblr_post .regular_text{
			
		}
		
		
		#content .tumblr_post .quote{
			font-family: Arial, Helvetica, sans-serif;
			padding-left:25px;
			padding-right:25px;
			font-size:25px;
			line-height:27px;
			font-style:italic;
			font-weight:500;
		}
			#content .tumblr_post .quote p{
				font-family: Arial, Helvetica, sans-serif;
				font-size:25px;
				line-height:27px;
				font-style:italic;
				font-weight:500;
			}
		#content .tumblr_post .quote_source{
			text-align:right;
			font-size:15px;
			color:#999999;
		}
		
		
		#content .tumblr_post .photo_text{
			width:100%;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #313131;
			font-weight: normal;
			line-height: 18px;
			margin-bottom:10px;
		}
			#content .tumblr_post .photo_text blockquote{
				padding:10px;
				font-weight:800;
			}
		
		#content .tumblr_post .video_text{
			width:100%;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #313131;
			font-weight: normal;
			line-height: 18px;
			margin-bottom:10px;
			padding:10px;
			padding-top:0px;
		}
			#content .tumblr_post .video_text img{
				display:none;
			}
		
		#content .tumblr_post .link_text{
			font-size:20px;
			letter-spacing:-1px;
			text-align:center;
			margin:auto;
			border-bottom:1px dotted #5482ad;
		}
		
		#content .tumblr_post .audio_player_wrapper{
			display:block;
			margin:auto;
			width:210px;
			border:1px solid #333333;
		}		
		#content .tumblr_post .audio_caption{
			font-size:12px;
			padding-top:15px;
		}

#vid{
	width: 425px;
	height: 350px;
	margin: 0px;
}

/* RIGHT COLUMN */

#rightCol{
	width: 241px;
	float: right;
	margin-right: -38px;
}

#aboutTitle{
	width: 251px;
	height: 76px;
	background-image: url('../images/about_title.png');
	background-repeat: no-repeat;
}

#aboutCopy{
	width: 165px;
	padding-left: 25px;
}

#aboutCopy p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #313131;
	font-weight: normal;
	line-height: 18px;
}
	#aboutCopy p span{
		color:#cc3333;
		font-weight:900;
	}

#aboutCopy a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5482ad;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
	#aboutCopy a:hover{
		color:#324d66;
	}

#spread{ 
	width: 245px;
	margin-left: 25px;
	padding-top:25px;
}

#spreadTitle{
	width: 83px;
	height: 64px;
	margin-top: 0px;
	background-image: url('../images/spread_me.png');
	float: right;
}
	#spread iframe{
		margin-top:8px;
	}
	#spread .addThis{
		margin-top:8px;
		margin-left:10px;
	}
	
#twitter_widget{
	width:180px;
	margin-left:8px;
	margin-bottom:10px;
	margin-top:10px;
}
	#twitter_widget .twitter_header{
		background: #9AE4E8 url(http://assets4.twitter.com/images/bg.gif) no-repeat bottom left;
		padding:5px 5px 3px 5px;
		text-align:center;
	}
	#twitter_widget .twitter_posts{
		font-size:11px;
		border:1px solid #9AE4E8;
		overflow:hidden;
	}
		#twitter_widget .twitter_posts ul{
			list-style-type:none;
		}
			#twitter_widget .twitter_posts ul li{
				margin-bottom:10px;
				padding:3px;
			}
				#twitter_widget .twitter_posts ul li a{
					display:block;
					text-align:right;
				}


#spread ul{
	list-style: none;
	float: left;
}

#spread li{
	display: inline;
	margin-right: 10px;
}



#episode_credits{
	width:200px;
	margin-top:15px;
}
	#credits_title{
		width: 251px;
		height: 60px;
		background-image: url('../images/credits_title.png');
		background-repeat: no-repeat;
	}
	#episode_credits h2{
		font-size:15px;
		width:100%;
		margin-bottom:15px;
	}
	
	#episode_credits ul{
		list-style-type:none;
		margin-left:30px;
	}
		#episode_credits ul li{
			font-size:11px;
		}
			#episode_credits ul li.name{
				text-align:left;
				padding:-left:30px;
			}
			#episode_credits ul li.credit{
				text-align:right;
				font-weight:800;
				margin-bottom:8px;
				padding-bottom:3px;
				border-bottom:1px solid #cccccc;
			}

#episode_social{
	padding:20px;
	padding-left:30px;
}
	#episode_social iframe{
		margin-top:8px;
	}
	#episode_social .addThis{
		margin-top:8px;
		margin-left:10px;
	}


#prevTitle{
	width: 226px;
	height: 50px;
	background-image: url('../images/previous_title.png');
	background-repeat: no-repeat;
}

#previous .thumb{
	padding-top:30px;
}
	#previous .thumb:last{
		margin-bottom:35px;
	}

.thumb{
	width: 162px;
	height: 140px;
	padding-left: 25px;
	padding-top: 15px;
}

.thumbTitle{
	width: 162px;
	/*background-image: url(../images/trans_black.png);*/
	background-color: #313131;
	height: 25px;
	padding-top: -10px;
	display:block;
}

.thumb h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d8ecfe;
	font-weight: bold;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 10px;
}

/* FOOTER */

#footer{
	clear: both;
	width: 955px;
	height: 25px;
	padding: 10px;
	margin-top: 25px;
	border-top: 1px solid #cccccc;
	background-color: #ebebeb;
}

#footer ul{
	list-style: none;
	margin-left: 10px;
}

#footer li{
	display: inline;
	margin-right: 10px;
}

#footer li.icon{
	margin-right: 10px;
	padding-top: 0px;
	padding-left: 25px;
	background-image: url('../images/rss.png');
	background-repeat: no-repeat;
}

#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#footer li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5482ad;
	font-weight: bold;
	text-decoration: none;
}
	#footer li a:hover{
		color:#324d66;
	}