/*  
Theme Name: Global Times Television theme
Theme URI: http://www.globaltimes.tv
Description: A video theme  (with built-in video, RSS, masthead and Flickr options)
Version: 1.0 
Author: Big Media Group
Author URI: http://www.big-media-group.com
*/

/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headingsh
  Content Styles
  Forms
  Clear
  Footer

/* ---------- @ HTML Elements -----------*/
* { 
	margin: 0;
	padding: 0;
	}
*:focus { outline: none }
.clear {
  clear: both;
  height: 0;
}
.right-float{ /* Float any item to the right */
	float: right;
	margin-left: 1em;
	margin-right: 0;
}
.left-float{ /* Float any item to the left */
	float: left;
	margin-right: 1em;
	margin-left: 0;
}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}

body {
	width: 100%;
	margin: 0;
	background: #15355a /* url("images/bg.gif") repeat-x top left */;
	color: #eee;
}
body {
	font: 62.5%/1.7em Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
	}



select, textarea, input {	
	font-family: 62,5% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial
	}

p {	
	font-size: 1.2em;
color: #fff;
	margin: 15px 0;
	line-height:145%;
	}
		
a, a:visited {	
	color: #dde;
	text-decoration:none 
	}

a:hover, a:active {
	color: #fff;
	border-bottom: 1px solid #124e86;
	}

*:focus { 
	outline: none;
	}

ol {
	margin: 15px 15px 15px 35px;
	}

a img {
	border:none
	}
	
/* ---------- @ Float Clearing -----------*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:"."; }
	
.clearfloat { display:inline-block }

.clearfloat { display:block	}
	
/* PAGE STRUCTURE */

.wrapper { 
	width: 960px;
	margin: 0 auto;
	}
.wrappush {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	}
.footer, .push { height: 60px; }

	
/* BEGIN GRID STYLES
--------------------------------------------------------------------------------*/

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.container_10,
.container_12,
.container_16
{
	margin: 0 auto;
	padding-bottom: 10px;
	width: 960px;
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,
.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display: inline; float: left; margin: 5px; }

/* =Grid >> 10 Columns met 5PIXEL MARGES
--------------------------------------------------------------------------------*/
.container_10 .grid_1 {	width: 84px; margin: 10px 5px;}
.container_10 .grid_2{	width: 180px; margin: 10px 5px;}
.container_10 .grid_3{	width: 276px; margin: 10px 5px;}
.container_10 .grid_4{	width: 372px; margin: 10px 5px;}
.container_10 .grid_5{	width: 478px; margin: 10px 5px;}

.container_10 .grid_6{	width: 564px; margin: 10px 5px;}
.container_10 .grid_7{	width: 660px; margin: 10px 5px;}
.container_10 .grid_8{	width: 756px; margin: 10px 5px;}
.container_10 .grid_9{	width: 852px; margin: 10px 5px;}
.container_10 .grid_10{	width: 948px; margin: 10px 5px;}
/* = END Grid >> 10 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 228px; margin: 10px 5px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 468px; margin: 10px 5px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 708px; margin: 10px 5px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 948px; margin: 10px 5px;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 68px; margin: 10px 5px;
}

.container_12 .grid_2
{
	width: 148px; margin: 10px 5px;
}

.container_12 .grid_4
{
	width: 308px; margin: 10px 5px;
}

.container_12 .grid_5
{
	width: 388px; margin: 10px 5px;
}

.container_12 .grid_7
{
	width: 548px; margin: 10px 5px;
}

.container_12 .grid_8
{
	width: 628px; margin: 10px 5px;
}

.container_12 .grid_10
{
	width: 788px; margin: 10px 5px;
}

.container_12 .grid_11
{
	width: 868px; margin: 10px 5px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 48px; margin: 10px 5px;
}

.container_16 .grid_2
{
	width: 108px; margin: 10px 5px;
}

.container_16 .grid_3
{
	width: 168px; margin: 10px 5px;
}

.container_16 .grid_5
{
	width: 288px; margin: 10px 5px;
}

.container_16 .grid_6
{
	width: 348px; margin: 10px 5px;
}

.container_16 .grid_7
{
	width: 408px; margin: 10px 5px;
}

.container_16 .grid_9
{
	width: 528px; margin: 10px 5px;
}

.container_16 .grid_10
{
	width: 588px; margin: 10px 5px;
}

.container_16 .grid_11
{
	width: 648px; margin: 10px 5px;
}

.container_16 .grid_13
{
	width: 768px; margin: 10px 5px;
}

.container_16 .grid_14
{
	width: 828px; margin: 10px 5px;
}

.container_16 .grid_15
{
	width: 888px; margin: 10px 5px;
}

/* END GRID STYLES
--------------------------------------------------------------------------------*/

.darkbg {
	background: url(images/darkbg_10p_000.png);
}
.contentborder { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.globe {
	background: url(images/globe_50p.png);
}


#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 270px;
	background: #09335e url(images/header_bg.jpg);}
	
	#headerlogo {
		float: left;
		text-align: center;
		margin: 0px auto;
		padding: 0px;
		background: #09335e url(images/header_bg.jpg);}
		
		#headerlogo h1 a { display: block; margin: 20px 330px; width:300px; height: 112px; background: url(images/gttvlogo.png); border:0px; }
		#headerlogo h1 { margin: 0px auto; padding: 0px; text-indent: -9999px;}

	#headercontent {
		float: left;
		width: 660px; }

#metanav {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
	height: 16px;
}
	/*MetaNav menu */
	#header #headercontent #metanav ul {
		float: right;
		list-style-type: none;
	}
	#header #headercontent #metanav li {
		float: left;}
		
		#header #headercontent #metanav li a {
			color: #999;
			margin: 0px;
			padding: 0 14px;
			text-decoration: none;
			display: block;
			border-right: 1px solid #666;}
			
			#header #headercontent #metanav li a:hover { color: #FF0000; }
	/* END MetaNav  */


/* NAVIGATION */
#nav {
	margin: 0px 0 0 0;
	padding: 0px;
	width: 100%;
	height: 60px;
	color: #fff;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background: #062746 url(images/navbg2.gif) 0 0 repeat-x ; 
}

	/* These styles create the dropdown menus. */
	#navbar {
		/*background: #f00;*/
		width: 960px;
		float:left;
		margin: 0px auto;
		margin: 20px 0 0 0;
		height: 1em; }
		#navbar li {
			list-style: none;
			float: left; }
			#navbar li a {
				display: block;
				padding: 2px 8px;
				background-color: none;
				color: #eee;
				text-decoration: none; }
				
				#navbar li a:hover { color: #00709b; background-color: #c5dbf4;}
				
		#navbar li ul {
			display: none;
			/*width: 10em;*/ /* Width to help Opera out */
			background-color: #685656;}
		#navbar li:hover ul, #navbar li.hover ul {
			display: block;
			position: absolute;
			margin: 0;
			padding: 0; }
		#navbar li:hover li, #navbar li.hover li {
			float: none; }
		#navbar li:hover li a, #navbar li.hover li a {
			background-color: #555;
			border-bottom: 1px solid #888;
			color: #eee; }
		#navbar li li a:hover {
			color: #fff;
			background-color: #a80716; }

/* end Navigation */

.latestvid {
	margin: 4px 0;
	padding: 8px;
	background: #1a3a5f;
	/* min-height: 210px;*/
	border: 1px solid #0d3358;
}
	.latestvid h3 { margin: 0px; padding: 6px 0;}

/* FEATURED ITEM  + dropdownlist of new items */
#featured {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 297px;
	background: #000 url(images/featured_bg.jpg) 0 0 repeat-x;
}
	.featuredwrapper {
		margin: 0 auto;
		padding: 0;
		width: 960px;	
		background: #332611;
		}
	#featuredvideo {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 528px;
		height: 297px;
		background: #333; 
	}
	.featuredlistbox {
		overflow: auto;
		float: left;
		margin: 0px 0 0 6px;
		padding: 0px;
		width: 210px;
		height: 297px;
		font-size: 1.1em;
		line-height: 1.2em;
	}
		.featuredlist {
			margin:0;
			padding:0;
			width: 100%;
		}

		.featuredlistitem h3 { margin: 0 0 1px 0; color: #eee; font-family: Tahoma; font-size: 1em; border: none;}

	.featurednav {
		overflow: auto;
		padding: 0;
		margin: 0;
	}
		.featurednav li {
			list-style: none;
			float: left; 
			width: 210px;
			margin: 1px 0;
		}
		.featurednav li a {
			display: block;
			height: 42px;
			color: #aaa;
			text-decoration: none; 
		}
		.featurednav li a:hover {
			color: #ccc;
			background-color: #222;
		}
		.featurednav img {
			width: 40px;
			height: 40px;
			float: left;
			display: block;
			padding: 0px;
			margin: 0 3px 0 0;
			border: 1px solid #555;
		}

#featured h2 { 
	margin: 0 0 4px 0;
	padding: 4px 5px;
	text-transform : uppercase;
	font-size: 1em;
	color: #eee;
	border-bottom: 1px solid #666;
}

/* END FEATURED

/* CONTENT */

#content {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	width: 100%;
	min-height: 250px;
	background: #15355a url(images/content_bg.gif) 0 0 repeat-x;
}

/* Text*/
h1,h2,h3,h4,h5,h6,p, ul, ol { margin: 4px;}

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}
h2 {
	font:2.0em Arial;
	font-weight:bold;
	}
h3 {
	font:1.3em Arial;
	margin: 20px 4px 4px 4px;
	font-weight:bold;
	}
h4 {
	font:1.0em Arial;
	}
h3.cat_title, h3.cat_title a {
	color:#333333;
	letter-spacing:-0.05em;
	}
h3#respond {
	margin-top:0px;
	padding-top:20px;
	}
h3#comments {
	margin-top:32px;
	padding-left:0px;
	margin-bottom:15px;
	}
h3.authors {
	margin-top:15px;
	}
/* End Text Css */

	.post { 	font-size:1.05em; line-height:1.65em; margin: 10px 0; padding: 5px; border-bottom: 2px solid #38678b; /*border: 1px solid #f00; */}
	.post small { margin-left: 1.2em;}
	.post p { margin-top: 15px; }
	.post .clearfloat { border-bottom:1px solid #e2e2e2; }
	
	.entry ul, .post ol { margin-bottom:15px; }
	.entry ul li { list-style:square; margin-left:30px;	}
	.entry ol li { list-style:decimal; margin-left:30px; }
	.entry ol li ul li { list-style:square; margin-left:20px; }
	.entry img, .post a img, #front-list img { 	border:1px solid #ccc; margin:0 10px 5px 0; padding:2px; }
	.entry a { text-decoration:underline; }
	
	.entry h2 { margin: 40px 0 5px 0; clear: both; }
	.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {clear : both; }

	.post .ads { margin-top:10px; }
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	.alignright { float: right; }
	.alignleft { float: left; }
	
	
/* Search form CSS  */
#search {
	float: right;
	margin: 2px 0;
	text-align: center;
	width: 218px;
	height: 44px;
	padding: 8px 5px;
	background: #0f3356 /*url(images/navbg2.gif) 0 0 repeat-x */; 
}
.searchform {
	display: inline;
	font-size: 0.7em;
}
	.searchform fieldset {
		display: inline;
		padding-top: 0px; }
		
	.searchform label {
		vertical-align: middle;
		display: inline;
		margin-right: 5px;
		font-size: 0.7em;
		color: #9ba2b8;
		font-weight: bold; }

	.searchform input {
		vertical-align: middle;
		display: inline;
		font-size: 0.7em; }
	
.searchinput {
	background: #FFF;
	border: 1px dotted #a3c3d3;
	width: 160px;
	/*padding-top: 3px;
	padding-bottom: 3px;*/
	color: #666; }
	
.searchbutton {
	background: url(images/searchbutton.gif) no-repeat;
	width: 24px;
	height: 22px;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
	font-weight: bold; }

/* Form Elements */
select {
	border:1px solid #333333;
	width:100%; }
	
.submitbutton {
	padding: 1px;
	border:1px solid #aaa;
	background:#fff;
	font-size:0.9em;
	color:#aaa;
	cursor: pointer;
	}

.field {
	padding: 1px;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fff;
	font-size:1.0em;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 0px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	}


/*
Featured Tabs CSS
*/
.featuredtabs { 	width: 380px; }

.featuredtabs li {
	float: left;
	display: inline;
	text-align: center;
	border-right: 1px solid #eee; }

	.featuredtabs li a {
		float: left;
		display: block;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 38px;
		height: 38px;
		font-size: 0.7em;
		font-weight: bold;
		color: #aaa; }

		.featuredtabs li a:hover {
			background: url(images/tabmover.gif) no-repeat top center;
			color: #ff9000; }

		.featuredtabs li a.selected {
			background: url(images/tabselector.gif) no-repeat top center;
			color: #3259d8; }

		.featuredtabs li a.selected:hover {
			background: url(images/tabselector.gif) no-repeat top center;
			color: #3259d8; }

.featuredtabs_content {
	display: none;
	border-top: 1px solid #eee;
	padding: 15px;
	width: 350px; }
	
	@media print {
		.featuredtabs_content { 	display: block !important; }
	}

	.featuredtabs_content ul { 	}

	.featuredtabs_content ul li {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 4px;
		padding-bottom: 4px;
		font-size: 0.7em;
		line-height: 1.4em;
		color: #999; }

	.featuredtabs_content ul li span { display: block;	}

	.featuredtabs_content ul li span a { color: #333;}

	.featuredtabs_content ul li span a:hover { color: #ff9000; }

#videogallery {
	width: 756px;
	/*background: #0a0; */
	float: left;
	margin: 10px 0 10px 0;
}

	.videoitem {
		width: 180px;
		height: 245px;
		float: left;
		background: #efefef url(images/itembg.gif) repeat-y;
		margin: 0 8px 0 0;
		border-bottom: 1px solid #b3b3b3;
	}
	.ratings {
		float: left;
		width: 150px;
		height: 25px;
		margin: 1px 0 0 0;
	}
	.comments {
		width: 24px;
		height: 21px;
		padding-top: 2px;
		float: right;
		background: url(images/commentbubble.gif) top left no-repeat;
		color: #FFFFFF;
		font-size: 1em;
		text-align: center;
		line-height: normal;
	}
	.thumbnail {
		float: left;
		margin: 4px 10px 2px 10px;
		width: 160px;
		height: 120px;
		overflow: hidden;
	}
	img.thumb { 
		width: 1024px;
		height: 120px;
	}

	a:hover img.thumb {
		width: 192px;
		height: 120px;
	}

	h2.itemtitle {
		font-size: 1.1em;
		float: left;
		margin: 0px;
		padding: 4px 4px 0px 10px;
		background: #dde;
		font-weight: bold;
		background: url(images/itemtopbg.gif) top center no-repeat;
		/*	display: block;	*/
	}
	p.itemdesc {
		margin: 0 10px;
		font-size: 1.1em;
		line-height: 1.2em;
		color: #565050;
		float: left;
		padding: 0;
	}
	.gallerydate {
		margin: 0 10px;
		color: #999191;
		float: left;
	}

/* END CONTENT */

/* SIDEBAR */
.sidebar #msg{ margin: 5px 0; padding : 52px 6px 10px; background: #164569; }

/* RSS Bar CSS */
#rssbar {
	width: 980px;
	height: 30px;
	margin-top: 1px;
	margin-bottom: 2px;
	background: url(images/rssbar.gif) repeat-x;
}

#rssbar #today {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background: url(images/rssbarx.gif) no-repeat left;
	font-size: 0.7em;
	color: #888;
}

#rssbar ul {
	float: right;
	background: url(images/rssbary.gif) no-repeat right;
	display: inline;
	height: 30px;
	padding-right: 10px;
}

#rssbar ul li {
	float: left;
	margin-left: 20px;
	display: inline;
}

#rssbar ul li a {
	height: 30px;
	line-height: 30px;
	background: url(images/rss.gif) no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 0.7em;
	font-weight: bold;
}

#rssbar ul li a:hover {
	color: #4e74f2;
}

/* END SIDEBAR */


/* FOOTER */

#footer {
	float: clear;
	margin: 10px 0 0 0;
	padding: 8px 0 0 0;
	width: 100%;
	height: 60px;
	background: #062746;
	border-top: 1px solid #124e86;
}

/* CONTENT STYLES */