/*
Theme Name: VodPod Theme
Theme URI: http://www.press75.com/
Description: The official Vodpod.com WordPress theme... powered by Vodpod.com, and designed by Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/vodpod-theme/">http://www.press75.com/docs/vodpod-theme/</a>. Don't forget to configure the VodPod Theme Options page.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jasonschuller.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jasonschuller.com

The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
*/

@import url("../bp-sn-parent/global.css");
								
#sub-navigation {
	clear: both;
	border-bottom: 1px solid #222;
	float: left;
	width: 100%;
	padding-top: 2px;
 	z-index: 50;
 	position: relative;
	}
	
	#sub-navigation ul {
		padding: 0 0 0 5px;
		margin: 0;
		}
	
	#sub-navigation li {
		list-style-type: none;
		float: left;
		font-size: 12px;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 22px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
		color: #222;
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
			text-decoration: underline;
			}
			
#sub-navigation ul li:hover ul { display: block; }	
#sub-navigation ul li:hover ul ul { display: none; }	
#sub-navigation ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000;}
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }
#sub-navigation ul ul li a:hover {background-color:#eee}
#sub-navigation ul ul li:hover ul { display: block; }
#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	


#sub-navigation li.nodot {
	background: none;
	}
	
#sub-navigation li.right-d {
	float: right;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	background: #fff;
	}

#sidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}

#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 1px solid #ddd;
	}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size: 14px;
		border-bottom: 1px solid #ddd;
		padding: 10px 0 5px;
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #cc0000;
	}
	
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #222;
	background: #fff;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px;
	padding: 0;
	}

	#leftcontent h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}

	#leftcontent h1 {
		margin: 0;
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc0000;
	font-weight: normal;
	}
	
	#leftcontent .post h1, 
	#leftcontent .ind-post h1, 
	#leftcontent .twopost h1, 
	#leftcontent .threepost h1 {
		margin-top: 5px;
		font-size: 36px;
		font-family: Georgia, Times, serif;
		font-weight: normal;
		line-height: 38px;
		color: #222;
		}
		
	#leftcontent .twopost h1 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#leftcontent .threepost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 15px;
		line-height: 18px;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #444;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		padding: 0;
		margin: 0;
		}

.more-link {
	font-size: 11px;
	text-align: right;
	color: #cc0000;
	}

.tags a {
	color: #cc0000;
	}
	

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
		
.ind-post #trendsetterimage {float:left; padding: 0 10px 10px 0;}
	
.storycontent {line-height:1.5em;}
	
	


.thumbnail_image {
background: url(images/thumbnail-shadow.png) top left no-repeat;
padding: 1px 3px 5px 3px;
}

/** Single Video **/
#single_video {
width: 500px;
margin:0;
padding: 0;
}

#content_video {
width: 500px;
padding: 0;
float: left;
}


/** Main Content **/
#content_wrapper {
width:500px;
margin: 0 0 0 0;
float: left;
}


.post_nav {
width: 500px;
margin-bottom: 10px;
padding: 0 0 0 10px;
float: left;
}

* + html .post_nav {
margin-top: -10px;
}


/** Post Styles **/
.post_wrapper {
background: url(images/post-divider.png) bottom left no-repeat;
width: 500px;
margin-bottom: 20px;
padding: 0 0 10px 0px;
float: left;
}

.post_wrapper ul {
margin: 0 0 30px -40px;
list-style: none;
}

* + html .post_wrapper ul {
margin: 0 0 30px 0px;
}

.post_wrapper li {
background: url(images/bullet.png) top left no-repeat;
padding: 3px 0 5px 17px;
margin: 0 0 0 0;
}

.post_details {
background: url(images/details-bg.png) top left no-repeat;
width: 200px;
height: 228px;
padding: 20px 20px 0 20px;
margin: 0 15px 10px 0;
float: left;
}

.post_thumbnail {
width: 200px;
height: 150px;
margin: 0 0 15px 0;
float: left;
}

.play_button {
position: absolute;
width: 200px;
height: 150px;
background: url(images/play.png) 0 -150px no-repeat;
z-index: 10000;
}

.play_button:hover {
background: url(images/play.png) 0 0 no-repeat;
}

.play {
width: 200px;
height: 150px;
}

img.thumbnail {
width: 200px;
height: 150px;
}

.post_ratings {
width: 125px;
height: 30px;
float: left;
}

.post_comments {
background: url(images/comments.png) top left no-repeat;
width: 26px;
height: 28px;
padding: 2px 0 0 0;
font-size: 10px;
text-align: center;
float: right;
}

.post_comments a {
color: #FFFFFF;
}

.post_comments a:hover {
color: #CCCCCC;
}

.post_views {
width: 250px;
margin: 11px 0 0 0;
color: #3D3D3D;
float: left;
}

.post_views a {
color: #3D3D3D;
}

.post_views a:hover {
color: #000000;
}

/** Video Popup **/
.video {
text-align: center;
}


.cat_posts {
background: none;
margin: 0;
}

.side_featured_post {
background: url(images/widget-divider.png) bottom right no-repeat;
margin: 8px 0 0 0;
padding: 8px 10px 15px 0;
float: left;
}

.side_featured_post img {
float: left;
margin: 0 8px 4px 0;
border: 1px solid #999999;
}

.side_featured_post img:hover {
border: 1px solid #000000;
}

/** begin comment styles **/
#comments {
margin: 0 0 0 0;
}

#comments h3 {
font-size: 16px;
font-weight: normal;
color: #181512;
margin: 5px 0 0 0;
padding: 0;
}

#comments p {
margin: 5px 0 5px 0;
}

.comment-author {
font-size: 14px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

.avatar {
float: right;
display: inline;
padding: 2px;
margin: 5px 0 4px 4px;
border: 1px solid #CCCCCC;
}

#comment {
width: 490px;
font: 12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color: #333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom: 10px;
width: 490px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
margin: 0;
padding: 0;
}

ol.commentlist li.alt {
background: url(images/post-divider.png) bottom left no-repeat;
width: 490px;
padding: 0 0 22px 10px;
margin: 5px 0 15px 0;
}

ol.commentlist li {
background: url(images/post-divider.png) bottom left no-repeat;
width: 490px;
padding: 0 0 22px 10px;
margin: 5px 0 15px 0;
}

ol.commentlist li div.reply {
color: #666666;
font: bold 9px/1 helvetica,arial,sans-serif;
padding: 7px 10px 5px 10px;
text-align: center;
width: 36px;
background: #CCCCCC;
border: 1px solid #666666;
margin: 10px 0 0 0;
cursor: pointer;
}

ol.commentlist li div.reply:hover {
background: #666666;
}

ol.commentlist li div.reply a {
color: #333333;
text-decoration: none;
text-transform: uppercase;
}

ol.commentlist li ul.children { 
list-style: none; 
margin: 0;
padding: 0;
text-indent: 0; 
}

ol.commentlist li ul.children li {
background: none;
margin: 0;
padding: 10px 0 0px 0;
border: none;
}

ol.commentlist li ul.children li.alt {
background: none;
margin: 0;
padding: 10px 0 0px 0;
border: none;
}

ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }

input#submit {
background: url(images/submit.png) no-repeat;
border: none;
width: 125px;
height: 35px;
cursor: pointer;
}

input#submit:hover {
background: url(images/submit-over.png) no-repeat;
}


#comment,#author,#email,#url {
border: 1px solid #E5E3D8;
padding: 2px;
margin: 3px 0 2px 0;
color: #404040;
}

#comment {
border: 1px solid black;
width: 490px;
height: 290px;
padding: 5px 10px 5px 5px;
margin: 2px 0 8px 0;
}

#respond {
padding: 0;
width: 490px;
}

* + html #respond {
margin: 0 0 0 0;
}

#author {
background: url(images/fields-name.png) top left no-repeat;
border: none;
width: 164px;
height: 26px;
padding: 9px 125px 5px 5px;
margin-top: 5px;
}

#email {
background: url(images/fields-email.png) top left no-repeat;
border: none;
width: 164px;
height: 26px;
padding: 9px 125px 5px 5px;
}

#url {
background: url(images/fields-web.png) top left no-repeat;
border: none;
width: 164px;
height: 26px;
padding: 9px 125px 5px 5px;
}

.fieldset ul {
list-style: none;
margin: 0;
}

.fieldset li {
margin: 0 0 10px 0;
padding: 0;
}

/** wordpress basics **/
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}

.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}