/*  
Theme Name: ustv_1december theme
Theme URI: http://www.manager-tv.be
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
  Headings
  Content Styles
  Forms
  Clear
  Footer

  
  
  /*CSS RESET 
  by Eric Meyer : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
  
  */
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
line-height : 1;
color : black;
background : white;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
/* END CSS RESET */

strong { 
	font-weight: bold;
}

* {
margin : 0;
padding : 0;
}
.clear {
clear : both;
height : 0;
}
.right-float {
float : right;
margin-left : 1em;
margin-right : 0;
}
.left-float {
float : left;
margin-right : 1em;
margin-left : 0;
}
body, html {
min-height : 101%;
}
body {
width : 100%;
margin : 0;
background : #fff;
color : #333;
}
body {
font : 62.5%/1.7em Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
}
p {
font-size : 1.2em;
margin : 15px 0;
line-height : 155%;
}
a, a:visited {
color : #373531;
text-decoration : none;
}
a:hover, a:active {
text-decoration : underline;
}
*:focus {
outline : none;
}
ol {
margin : 15px 15px 15px 35px;
}
a img {
border : none;
}
.clearfloat:after {
display : block;
visibility : hidden;
clear : both;
height : 0;
content : ".";
}
.clearfloat {
display : inline-block;
}
.clearfloat {
display : block;
}
.wrapper {
width : 960px;
margin : 0 auto;
}
.wrappush {
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -60px;
}
.footer, .push {
height : 60px;
}
.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;
}
.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;
}
.container_12 .grid_3, .container_16 .grid_4 {
width : 228px;
}
.container_12 .grid_6, .container_16 .grid_8 {
width : 468px;
}
.container_12 .grid_9, .container_16 .grid_12 {
width : 708px;
}
.container_12 .grid_12, .container_16 .grid_16 {
width : 948px;
}
.container_12 .grid_1 {
width : 68px;
}
.container_12 .grid_2 {
width : 148px;
}
.container_12 .grid_4 {
width : 308px;
}
.container_12 .grid_5 {
width : 388px;
}
.container_12 .grid_7 {
width : 548px;
}
.container_12 .grid_8 {
width : 628px;
}
.container_12 .grid_10 {
width : 788px;
}
.container_12 .grid_11 {
width : 868px;
}
.container_16 .grid_1 {
width : 48px;
}
.container_16 .grid_2 {
width : 108px;
}
.container_16 .grid_3 {
width : 168px;
}
.container_16 .grid_5 {
width : 288px;
}
.container_16 .grid_6 {
width : 348px;
}
.container_16 .grid_7 {
width : 408px;
}
.container_16 .grid_9 {
width : 528px;
}
.container_16 .grid_10 {
width : 588px;
}
.container_16 .grid_11 {
width : 648px;
}
.container_16 .grid_13 {
width : 768px;
}
.container_16 .grid_14 {
width : 828px;
}
.container_16 .grid_15 {
width : 888px;
}
#header {
position : relative;
z-index : 101;
margin : 0;
padding : 0;
width : 100%;
height : 90px;
background : #fff url(images/header_bg.jpg) repeat-x top center;
}
#headerlogo {
float : left;
margin : 0;
padding : 0;
}
#headerlogo h1 {
margin : 10px 0;
padding : 0;
text-indent : -9999px;
}
#headerlogo h1 a {
display : block;
width : 200px;
height : 70px;
background : url(images/ustv_logo.jpg) no-repeat;
}
#headercontent {
float : left;
width : 760px;
}
#headerads {
float : right;
text-align : center;
width : 468px;
height : 60px;
margin : 5px 0 0 0;
padding : 0;
color : #ccc;
background : #eee;
}
#metanav {
font-size : 1em;
margin : 0;
padding : 0;
width : 100%;
text-align : right;
height : 16px;
/*background : #fff;*/
}

#header #headercontent #metanav ul {
float : right;
list-style-type : none;
}
#header #headercontent #metanav li {
float : left;
}
#header #headercontent #metanav li a {
color : #999;
margin : 0;
padding : 0 12px;
text-decoration : none;
display : block;
border-right : 1px solid #ccc;
}
#header #headercontent #metanav li a:hover {
color : #ff0000;
}

#metanav span {
background: url(images/icons/icons.png);
float: left;
width: 16px;
height: 16px;
margin: 2px 4px 0 0;
}
#metanav #home span {
background-position: 0px 0;
}
#metanav #contact span {
background-position: -16px 0;
}
#metanav #sitemap span {
background-position: -32px 0;
}
#metanav #disclaimer span {
background-position: -48px 0;
}
#metanav #rss span {
background-position: -64px 0;
}

#metanav #home a:hover span {
background-position: 0px -16px;
}
#metanav #contact a:hover  span {
background-position: -16px -16px;
}
#metanav #sitemap a:hover  span {
background-position: -32px -16px;
}
#metanav #disclaimer a:hover  span {
background-position: -48px -16px;
}
#metanav #rss a:hover  span {
background-position: -64px -16px;
}


.contactform div {
margin : 2px 8px;
padding : 0 4px;
}
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 : 1em;
}
#commentform input {
width : 140px;
margin : 5px 5px 0 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 {
overflow : hidden;
margin : 0px;
padding : 0px;
width : 100%;
height : 255px;
font-size : 1.1em;
line-height : 1.2em;
background : #005b94 url(images/featured_bg.jpg) repeat-x center top;
}
.featuredwrapper {
margin : 0 auto;
padding : 0;
width : 960px;
}
#featuredvideo {
float : left;
margin : 0;
padding : 0;
width : 660px;
height : 255px;
background : #11426a;
}
#featured h2 a {
color : #f00;
text-decoration : none;
}
#featured h2 a:hover {
color : #f00;
text-decoration : none;
}
.videoplayer {
overflow : hidden;
width : 660px;
height : 255px;
}
#flvplayer {
z-index: 1;
padding : 0;
margin : 0;
width : 473px;
height : 255px;
}
#flvplayer p { color: #fff; font-size: 2em; }
#flvplayer a { background: #fff; color: #f00; font-weight: bold; }
#flvplayer a:hover { background: #f00; color: #fff; }
.featuredtitle {
float : left;
margin : 0;
padding : 0px 8px;
width : 280px; /* w=507 = 487 +2*10px padding */
height : 255px;
font-size : 1em;
color: #fff;
background : transparant;
}

.featuredcontactform {
overflow : hidden;
float : left;
margin : 0 0 0 8px;
padding : 0;
width : 340px;
height : 380px;
font-size : 1em;
background : transparant;
border: 1px dotted #fff;
}
.featuredvideodesc, .featuredpagedesc {
color : #fff;
margin : 0 5px;
padding : 0 0 5px;
font-size : 1em;
}
.featuredvideodesc {
overflow : auto;
background : #111 url(images/featuredlist_bg.jpg) repeat-x 0 0;
border-bottom : 1px dotted #333;
}
.featuredvideodesc, .featuredpagedesc p {
margin : 4px 0 10px;
padding : 0 6px;
font-size : 1em;
line-height : 1.3em;
color : #ddd;
}
.featuredvideodesc a, .featuredpagedesc a {
color : #aaa;
text-decoration : underline;
}
.featuredvideodesc a:hover, .featuredpagedesc a:hover {
color : #d71733;
}
.featuredlist {
margin : 0;
padding : 0;
width : 100%;
}
.featuredlistitem h3 {
margin : 0 0 1px 0;
color : #eee;
font-family : Tahoma;
font-size : 1em;
border : none;
}
.featuredpage {
overflow : auto;
float : left;
margin : 0 0 0 8px;
padding : 0;
width : 820px;
height : 380px;
font-size : 1em;
}
.featuredads {
float : left;
width : 125px;
height : 380px;
margin : 0 0 0 6px;
padding : 0;
font-size : 1em;
color : #555;
line-height : 1.2em;
}
.featurednav {
overflow : auto;
padding : 0;
margin : 0;
}
.featurednav li {
list-style : none;
float : left;
width : 315px;
padding: 0 0 0 5px;
margin : 1px 0;
}
.featurednav li a {
display : block;
height : 15px;
padding : 4px 20px;
color : #aaa;
text-decoration : none;
		/*padding: 2px 0 0 20px;*/
		background: url(images/icons/bullet_blue.png) no-repeat center left ;
		/*color: #a30000;*/
}
.featurednav li a:hover {
color : #fff;
background-color : #222;
}
.featurednav img {
width : 40px;
height : 40px;
float : left;
display : block;
padding : 0;
margin : 0 3px 0 0;
border : 1px solid #555;
}
#featured h2 {
margin : 2px 0 2px 0;
padding : 1px 5px;
font-size : 2em;
color : #fff;
}
#content {
margin : 0;
padding : 5px 0 0 0;
width : 100%;
min-height : 450px;
background : #fff url(images/content_bg.gif) repeat-x 0 0;
}

#homewelcome {
background : #97bee1 url(images/content_bg2.gif) repeat-x;
width : 100%;
padding : 15px 10px;
	/*filter:alpha(opacity=);
	-moz-opacity:.75;
	opacity:.75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
h1,h2,h3,h4,h5,h6 { display: block; }
h1 {
font : 3.5em Arial;
font-weight : bold;
letter-spacing : -0.08em;
}
h2 {
font : 2.2em Arial;
font-weight : bold;
}

h3 {
display: block;
font : 1.3em Arial;
margin-bottom : 3px;
color : #303030;
font-weight : bold;
}
h4 {
font : 1em Arial;
}
h3.cat_title, h3.cat_title a {
color : #333333;
letter-spacing : -0.05em;
}
h3#respond {
margin-top : 0;
padding-top : 20px;
}
h3#comments {
margin-top : 32px;
padding-left : 0;
margin-bottom : 15px;
}
h3.authors {
margin-top : 15px;
}
.post {
	margin: 0.2em 0;
	padding: 0.2em 1em 0.6em;
	font-size : 1em;
	line-height : 1.75em;
	border: 1px solid #ededed;
	background: #fefefe;
	min-height: 280px;
}
	.post h2 { margin-top: 0.2em; min-height: 40px; }
	.post h2 a {
		font-size : 0.8em;
		margin: 5px 0;
		/*background-attachment: fixed;
		background: url(images/ustv_bullet_32x32.png) center left no-repeat; */
		color: #083552;
	}
	.post h2 a:hover {
		color: #a00;
		text-decoration: none;
	}
.post p {
margin-top : 0;
}
.post .clearfloat {
border-bottom : 1px solid #e2e2e2;
}
.entry { margin: 10px 0; }
.entry ul, .post ol {
margin-bottom : 15px;
font-size: 1.2em;
line-height: 1.6em;
margin: 1em 0;
}
.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 a:hover {
color : #c00;
}
.post .ads {
margin-top : 10px;
}
.postmetadata {
margin : 4px 0;
padding : 0;
font-size : 1em;
text-transform : lowercase;
}
.postmetadata p {
font-size: 1em;
margin : 0;
padding : 0;
}
.postmetadata ul {
margin : 0 0 0 0;
}
.postmetadata ul li {
margin-left : 14px;
padding : 0;
}
.postmetadata ol {
margin : 0;
padding : 0;
}

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;
}
.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 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;
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) no-repeat top left;
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 : 0;
padding : 4px 4px 0 10px;
background : #dde;
font-weight : bold;
background : url(images/itemtopbg.gif) no-repeat top center;
}
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;
}

#sidebar { color: #333; font-size: 1.1em;}
#sidebar h2 {
	margin : 10px 0 2px 0;
	/*padding : 1px 5px;*/
	font-size : 1.8em;
	}
#sidebar a { text-decoration: none;}
#sidebar a:hover { text-decoration: none;}

#sidebar ul li ul{
	margin-top:15px; 
	}
			
#sidebar ul li ul li {
	color:#999;
	list-style:none;
	border-top:1px solid #747474;
	padding: 4px 0;
	}
#sidebar ul li ul li a { display: block; padding: 2px 6px;}
#sidebar ul li ul li a:hover { display: block; padding: 2px 6px; background: #5FD8E8; }


#sf { 
	/*float: right;
	width: 220px;
	background: #fff;
	border: 1px solid #ddd;*/
	margin: 5px 0;
	padding: 8px;
	}
	#sf h2 {
		text-transform : uppercase;
		font-size : 1.4em;
	}

#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 0%;
font-size : 0.7em;
color : #888;
}
#rssbar ul {
float : right;
background : url(images/rssbary.gif) no-repeat right 0%;
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;
}
#footer {
clear : both;
margin : 0px 0 0 0;
padding : 18px 0 0 0;
width : 100%;
height : 30px;
color: #888;
background : #0f1d25 /*url(images/footer_bg.gif) repeat-x*/;
/*border-top : 1px solid #ab9cdd;*/
}
	#footer a { color: 20687a; }
#meta {
	padding: 22px 0;
	background:#112a3a url(images/bg_meta.gif) repeat-x;
	}

.block {
	width:220px;
	float:left;
	margin-right:20px;
	}
	
#meta h3 { color: #ebebeb; }
#meta p { color:#bbb;}
#meta ul {
	margin-top:15px; 
	}
			
#meta li {
	color:#999;
	list-style:none;
	border-top:1px solid #747474;
	padding: 4px 0;
	}
#meta li a { display: block; padding: 2px 6px;}

#meta a, #meta a:visited {
	color:#d2d2d2;
	}

#meta a:hover, #meta a:active {
	/*background:#20687a;*/
	background: #153a4a;
	color: dde;
	text-decoration:none
	}
			



	#navcontainer {
	position : relative;
	z-index : 99;
	background : #9e0209 url(images/navbg.gif) repeat-x;
	height : 28px;
	}
		#searchform { float: right; padding: 0; margin: 0; }
		
	#nav, #nav ul {
	padding : 0;
	margin : 0;
	list-style : none;
	font-family : Helvetica, sans-serif;
	font-size : 1.1em;
	text-transform : uppercase;
	}
	#nav li {
	list-style : none;
	float : left;
	padding : 2px 0;
	color : #fff;
	background : #a9020a url(images/navbg.gif) repeat-x;
	}
	#nav li a {
	display : block;
	padding : 2px 8px;
	font-size : 1em;
	color : #fff;
	text-decoration : none;
	}
	#nav a {
	color : #fff;
	display : block;
	}
	#nav li:hover {
	background : #b30106 url(images/navbg_hover.gif);
	}
	#nav a:hover {
	background : #b30106 url(images/navbg_hover.gif);
	}
	#nav li ul {
	position : absolute;
	font-size: 1em;
	width : 10em;
	left : -999em;
	background : #333;
	}
	#nav li:hover ul, #nav li.sfhover ul {
	display : block;
	left : auto;
	background : #333;
	}
	.children li {
	float:left;
	width:14em;
	display:block;
	}
	
	
#s1, #s2, #s3 {
float : right;
margin : 2px;
}
.pics {
height : 120px;
width : 120px;
padding : 0;
margin : 0;
overflow : hidden;
}
.pics img {
height : 120px;
width : 120px;
background-color : #fff;
}



/* TABLE styling */
table { border-collapse: collapse; }
table th, table td { padding: 0.5em; }

table { font-size: 1.1em; }
table td{ font-size: 1.2em; }

	table { border-collapse: collapse; margin: 20px 0 0; }
	table { background: #fff /*url(widget-table-bg.jpg) top left repeat-x*/; }

	table caption {
		caption-side: bottom;
		font-size: 0.9em;
		font-style: italic;
		text-align: right;
		padding: 0.5em 0;
	}

	table th, table td { padding: 0.5em; }

	table { border: 1px solid #333; }
	table th, table td { border: 1px dotted #666; }

	table th[scope=col]
	{
		border-bottom: 1px solid #333;
		border-right: 2px solid #333;
	}

	table th+th[scope=col] { border-right: 1px dotted #666; }

	table th[scope=row] { border-right: 2px solid #333; }

	table th, table td { color: #632a39; }

	/* Set colours for all header cells in the top row */ 
	table th[scope=col] { color: #000; background-color: #f8ba09; }

	/* Set colours for all header cells in the top row except "Product" */
	table th+th[scope=col] { color: #b08914; background-color: #fffdd4; }

	/* Set the background colour for all header cells in the left column */
	table th[scope=row] { background-color: #fee; }
	
	/* Alternating colors */
	table tr.alt th, table tr.alt td { color: #2a4763; background: #efefef;  }
	
	/* Hover effect for table rows */
	table tr:hover th[scope=row], .pretty-table tr:hover td { 
		background-color: #328dc4;
		color: #fff;
	} 

