/*

Theme Name: WordPress Default

Theme URI: http://wordpress.org/

Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: 1.6

Author: Michael Heilemann

Author URI: http://binarybonsai.com/

Tags: blue, custom header, fixed width, two columns, widgets



*/



body{

	background-image: url( images/wooden-title2.jpg );

	background-repeat: repeat;

	background-position: top left;

	font-size: 75%;

	line-height: 1.3em;

	font-family: Arial, Helvetica, sans-serif;

}



/***************** Structure  **********************/

#headerimg{ margin-top: 10px; padding-left: 100px; margin-bottom: 10px; }

#headerimg img{ border: 1px solid #000000; }

#page{ margin: 0 auto; width: 960px; }

#content{ width: 600px; float: left; }



/***************** Main menu   **********************/

#mainmenu{ }

	#mainmenu li{ font-size: 120%; font-weight: bold; text-transform: uppercase; margin-right: 25px; padding-right: 15px; float: left; position: relative; display: block;}

		#mainmenu li.sub{ background-image: url( images/downarrow.gif ); background-repeat: no-repeat ; background-position: 100% 48%;  }

		#mainmenu li ul.submenu{ position: absolute; left: -5px; top: 25px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; z-index: 100 }

		#mainmenu li ul{ background-color: #ffffff; }

		#mainmenu li a{ display: block; padding: 5px 0px; }

		#mainmenu li li{ background-color: #ffffff; margin: 0px; padding: 0px; width: 100px; border-bottom: 1px dotted #cccccc;}	

			#mainmenu li li.last{ border-bottom: none }

			#mainmenu li li a{ display: block; color: #000000; padding: 4px 10px; font-size: 80%; font-weight: normal; }

				#mainmenu li li a:hover{ background: #eeeeee; }

		

	#mainmenu .roundbox .box-content{ padding: 0 15px; }

  .contact #contact{	text-decoration: underline; }			

	.free-stuff #free-stuff{	text-decoration: underline; }			

	

	/* Blog section menu */

	.home #home{	text-decoration: underline; }	

	.about #about{	text-decoration: underline; }

	.all #all{	text-decoration: underline; }

	.blog-art #art{	text-decoration: underline; }	

	.music #music{	text-decoration: underline; }		

	.blog-activism #blog-activism{	text-decoration: underline; }		

	

	/* Channels section menu */

	.all-channels #all{	text-decoration: underline; }

	.art-channels #art{	text-decoration: underline; }	

	.music-channels #music{	text-decoration: underline; }		

	.channel-activism #channel-activism{	text-decoration: underline; }	

	.free-easy-tv-all-channels #free-easy-tv-all-channels{ text-decoration: underline }

/***************** Font   **********************/

h2, h3, h4{

	color: #ffffff;

}

h2{

	text-transform: uppercase;

	padding: 11px 0;

	font-size: 160%;

}



h3{	

	padding: 5px 0;

	font-size: 120%;

}



h4{

	padding: 5px 0;

	text-transform: uppercase;

	font-size: 100%;

}

#sidebar h3{

	text-align: right;

	font-size: 120%;

}

small{

	font-size: 60%;

}

a{

	text-decoration: none;

	color: #ffffff;

}



a:hover{

	text-decoration: underline;

}



/***************** HOME PAGE *******************/

#playlist-container{ float: left; margin-right: 5px; }

#topvideos{ width: 585px; padding: 0px 10px 0px 0px; margin: 0 auto; text-align: center; float:left;}



/***************** Sitemap *******************/

#content .ddsg-wrapper li{

	text-transform: uppercase;

	font-size: 120%;

	border-bottom: 1px dotted #ffffff;

	font-weight: bold;

	padding: 5px 0px;	

}



#content .ddsg-wrapper li li{

	font-size: 100%;

	font-weight: normal;	

	border: none;	

	padding: 0px;

}

#content .ddsg-wrapper li ul{

	padding-left: 10px;

}

/***************** Footer **********************/

#category-topvideos{

	padding-left: 25px;

}

/***************** Footer **********************/

#footer{ border: 1px solid #000000; background-image: url( images/footer-background.png ); background-position: top left; background-repeat: repeat;	margin: 10px 0 0px 10px;	padding: 10px; }	

	#footer .copyright{ font-size: 100%; float: right; color: #ffffff; }

	#footer .menu{ float: left; margin-right: 50px;}

	#footer li li{ padding-left: 10px; font-size: 90%; }

	

/***************** Siderbar **********************/

#sidebar{ width: 335px; float: left; padding-left:20px;}

	#sidebar h3{ padding: 0px 0px 5px 0px; }

	#sidebar .box-content{ padding-bottom: 10px; }	

	#sidebar .thumbnail{ float:none; margin-left: 0px; }



/***************** Comment **********************/

.comment-body	{

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px dotted #eeeeee;

}

/***************** Common **********************/

/* thumbanil border */

#rss-icon{ padding-top: 3px; }

.filter{

	position: absolute;

	top: 0px;

	left: 0px;

}

a:hover .filter{

	display: none;

}

.thumbnail .tl{ position: absolute; top: -4px; left: -5px; width: 10px; height: 9px; background-image: url( images/image-frame/tl.png ); background-repeat: none; background-position: top left; }

.thumbnail .tr{ position: absolute; top: -5px; right: -4px; width: 9px; height: 10px; background-image: url( images/image-frame/tr.png ); background-repeat: none; background-position: top left; }

.thumbnail .bl{ position: absolute; bottom: -5px; left: -4px; width: 9px; height:10px; background-image: url( images/image-frame/bl.png ); background-repeat: none; background-position: top left; }

.thumbnail .br{ position: absolute; bottom: -4px; right: -5px; width: 10px; height: 9px; background-image: url( images/image-frame/br.png ); background-repeat: none; background-position: top left; }

	

.alignleft{ padding-bottom: 10px; font-size: 100%; color: #666666; float: left; font-weight: bold;}

.alignright{ padding-bottom: 10px; font-size: 100%; color: #666666; float: right; font-weight: bold;}

.box-content .alignleft{ font-weight: normal }

.box-content .alignright{ font-weight: normal }

.single #content img, .archive #content img{ margin: 5px 0px; border: 2px solid #ffffff; float: none;}

.sidebar-banner{ margin-left: 25px; padding: 10px 0}

/* playlist */

#playlist-container{ width: 300px; }

#playerlist{ width: 317px; text-align: left; overflow:auto; height: 360px; padding-left: 13px; border-left: 2px solid #cccccc; }

	#playerlist h3{ font-size: 100%; }

	#playerlist .video-hover img{ border: 2px solid #ffffff; }

	#playerlist .video-selected{ background-color: #333333; }

	#playerlist img{ border: 2px solid #000000; }

	

.playlistvideo{ padding: 10px 5px; border-bottom: 1px dotted #ffffff; cursor: pointer; margin-right: 10px; }

	.playlistvideo p{ line-height: 1.2; color: #666666; }

	.playlistvideo .playerlist-thumbnail{ display: block; }

	.playlistvideo .imageContainer{ float: left; }

	.playlistvideo .videoAttr{ float: right; width: 187px; }



/* thumbnail on the blog */

.thumbnail, .video-thumbnail{ float: right; position: relative; border: 2px solid #ffffff; margin: 5px 0 10px 10px;}



/* tool buttons */

div.postmetadata{ margin-top: 10px; }

	div.postmetadata li{ display: inline; background-image: url( images/dot.gif ); background-repeat: no-repeat; margin-right: 10px; padding: 5px 0px 0 25px;}

	div.postmetadata li:hover{ background-image: url( images/dot-hover.gif );}

	

/* round corner box */

.roundbox div{ background-repeat: no-repeat; background-position: top left; }

	.roundbox .roundbox-top{	background-image: url( images/box/tl.png );}

			.roundbox .roundbox-top-innert{	height: 17px; margin-right: -17px; background-image: url( images/box/tr.png ); background-position: top right ;}

	

	.roundbox .roundbox-middle{	background-image: url( images/box/ml.png ); background-repeat: repeat-y; }

			.roundbox .roundbox-middle-inner{	 margin-right: -17px; background-image: url( images/box/mr.png ); background-position: top right ; background-repeat: repeat-y;}

			.roundbox .box-content{ color: #ffffff; padding: 5px 10px; margin: 0 17px;  }

	

	.roundbox .roundbox-bottom{	background-image: url( images/box/bl.png ); }

			.roundbox .roundbox-bottom-inner{	height: 17px; margin-right: -17px; background-image: url( images/box/br.png ); background-position: top right ;}

			

/* round corner box with picture in it */

.big-roundcorner-box{ position: relative; padding-bottom: 10px;}

.big-roundcorner-box div{ background-repeat: no-repeat; background-position: top left; }

	.big-roundcorner-box .roundbox-top{	background-image: url( images/box2/tl.png );}

			.big-roundcorner-box .roundbox-top-innert{	height: 20px; margin-right: -25px; background-image: url( images/box2/tr.png ); background-position: top right ;}

	

	.big-roundcorner-box .roundbox-middle{	background-image: url( images/box2/ml.png ); background-repeat: repeat-y; }

			.big-roundcorner-box .roundbox-middle-inner{	 margin-right: -25px; background-image: url( images/box2/mr.png ); background-position: top right ; background-repeat: repeat-y;}

			.big-roundcorner-box .box-content{ color: #ffffff; padding: 5px 10px; margin: 0 17px; height: 220px; overflow: hidden;}

			.big-roundcorner-box .box-content .bigpic{ position: absolute; z-index: -1; top: 10px; left: 16px; }

	.big-roundcorner-box .roundbox-bottom{	background-image: url( images/box2/bl.png ); }

			.big-roundcorner-box .roundbox-bottom-inner{	height: 20px; margin-right: -25px; background-image: url( images/box2/br.png ); background-position: top right ;}



.followus{ padding-bottom: 10px; }						

.clear{ clear:both; height:1px; margin-bottom:-1px; overflow:hidden; position:relative; }