/*

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{

	position: relative;
	
	background-image: url( images/gtn_background.jpg );

	background-repeat: repeat;
	
	background-attachment:fixed;
	 
	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: 30px; 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: 120px; 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%;

	line-height: 1.0;
}

.post h2{ padding-bottom: 5px; }
.post small{
	font-size: 120%;
	padding-top: 0px;
	color: #666;
}
.post .entry{
	min-height: 144px;
	margin-bottom: 15px;
	position: relative;
}

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: 40px;}

	#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 **********************/

/* the show */
#theshows a{
	display: block;
	position: relative;
	text-decoration: none !important;
}
#theshows .screen{
	position: absolute;
	top: 0px;
	left: 0px;
}
#theshows span{
	position: absolute;
	right: 5px;
	color: #ccc;
	text-decoration: none !important;
	font-size: 100%;
	font-weight: bold;
	bottom: 10px;
}
#theshows img{
	border: 1px solid #333;
	margin-bottom: 5px;
}

#theshows img:hover{
	border: 1px solid #fff;
}

/* 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: 0px 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;}

.image_container{ right: -589px; position: absolute; z-index: 1; width: 589px; height: 252px; overflow: hidden }
.slide_title{ min-height: 45px; line-height: 1.2; position: absolute; bottom: 0px; background-color: #000; width: 569px; padding: 10px; font-size: 150%; filter:alpha(opacity=.8);
opacity: .8;
-moz-opacity:.8; }


/* tool buttons */

div.postmetadata{ position: absolute; margin-top: 10px; bottom: -18px; left: 0px; text-transform: uppercase }

	div.postmetadata li{ display: inline; background-repeat: no-repeat; margin-right: 10px; }

	div.postmetadata li:hover{ }
	
	div.postmetadata li a{ color: #99c92f; font-weight: bold; font-size: 90%; }
		div.postmetadata li a:hover{ background-color: #99c92f; color: #fff; text-decoration: none}

/* 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; position: relative;  }

	

	.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; cursor: pointer;}

.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;  margin: 0 17px; height: 220px; overflow: none; position: relative; z-index:-1;}

			.big-roundcorner-box .box-content .bigpic{ position: absolute; z-index: -1; top: 10px; left: 16px; height: 239px; width: 589px; }
			.big-roundcorner-box .box-content .bigpic2{ position: relative; z-index: -1; }

	.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; }
#authorlist{
	padding-left: 5px;
}
#authorlist li {
	float: left;
	margin: 0 0 5px 0px;
	width: 73px;
	position: relative;
	}	
 
#authorlist img.photo {
	width: 63px;
	height: 63px;
	}
 
#authorlist div.authname {
	margin: 20px 0 0 10px;
	display: none;
	position: absolute;
	bottom: -10px;
	right: 0px;
	border: 1px solid #999;
	text-align: center;
	background-color: #000;
	width: 100px;
	z-index: 100;
	}
	
.btwn_post_banner{
	width: 600px;
	text-align: center;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btwn_post_banner a img{
	border: 2px solid #666;
}

.user_attr{
	width: 200px;	
	float: left;	
}

.user_img{
	width: 50px;
	float: left;
}

/* blog image rotation */
.slider_image{
    right: -600px;
    position: absolute;
    top: 10px;
    width: 589px;
    z-index: -1;
	
}
.page-template-blog-php .big-roundcorner-box .box-content{ overflow: visible !important }
.url{ display: block; position: absolute; bottom: 0px; right: 0; }
.rotation_container{ position: relative !important; width: 589px !important; height: 250px !important; overflow: hidden; top: -15px;}
.slider_image .message_board{ min-height: 40px; position: absolute; bottom: -40px; padding: 10px;left: 0px; color: #fff; background-color: #000; width: 589px; filter:alpha(opacity=80);
opacity: .8;
-moz-opacity:.8;}

#mc_signup_submit{
	width: 100px;
	float: left;
	margin-top: 10px;
}

.showimage .box-content{
	height: 100px !important;
	overflow:visible !important;
margin: 0px !important;
}
.big-roundcorner-box .box-content{
	
}
.showimage .bigpic{
	height: 120px !important;
	top: -5px !important;
}