/*   
Theme Name: Youtube Blog
Description: Thema voor Oesbekistaans Filmfonds
Author: Jules Colle
Author URI: http://bdwm.be
Version: 1
*/
body {
	text-align: center;
	margin: 0;
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	background-color: #333333;
	color: #ffffff;
}

h1 { margin: 0; font-family: Georgia; font-size: 26px; padding: 0 0 15px; }

a {
	color: #ffffff;
}

.clear-both {
	clear: both;
}


#page { width: 1071px; margin: 0 auto; }
 #top-nav { padding: 0 55px 0 0;}
  #top-nav ul { float: right; }
   #top-nav ul li { display: inline-block; zoom: 1; *display:inline; border-left: 1px dotted #ffffff; padding: 0 6px 0 8px; }
    #top-nav ul li a { text-decoration: none; }
    #top-nav ul li a:hover { text-decoration: underline; }
   #top-nav ul li.first { border: none; }
    #top-nav ul li.first.active a {  }
 #header { width:100%; height:242px; background-image: url('images/header.png'); }
  #nav-wrap { background-image: url('images/content.png'); text-align: left; color:#333333; padding-top: 10px; }
  #nav-wrap a { color:#333333; }
  #nav-wrap ul { margin: 0; }
  #nav-wrap ul li { display:inline-block;  zoom: 1; *display:inline; }
  #main-nav { background: url('images/main-left.png') no-repeat left top;}
   #main-nav div { background: url('images/main.png') repeat-x left top; margin-left: 43px; display: inline-block;  zoom: 1; *display:inline; }
   #main-nav ul { background: url('images/main-right.png') no-repeat right top; height: 48px; padding: 0 20px 0 0; display:inline-block;  zoom: 1; *display:inline; }
    #main-nav ul li { list-style: none; }
	 #main-nav ul li div { margin: 0; padding: 0 10px; }
      #main-nav ul li a { line-height: 40px; color: #ffffff; text-decoration: none; }
	  #main-nav ul li a:hover { text-decoration: underline; }
    #main-nav ul li.first { }
     #main-nav ul li.first a { }
    #main-nav ul li.active { background: url('images/main-active-left.png') no-repeat left top; }
	 #main-nav ul li.active div { background: url('images/main-active-right.png') no-repeat right top; }
      #main-nav ul li.active a { color: #333333; text-decoration: none; }
  #sub-nav {  }
   #sub-nav ul { padding-left: 43px; }
   #sub-nav ul a { text-decoration: none; }
    #sub-nav ul li.first {  }
     #sub-nav ul li.first a {  }
    #sub-nav ul li.active {  }
     #sub-nav ul li.active a { color: #7d8ac3; }
    #sub-nav ul li { padding: 0 10px; }
     #sub-nav ul li a {  }
 #content { background-image: url('images/content.png'); text-align: left; padding: 15px 55px; color:#333333; }
  #content a { color:#333333; }
  #content h1 {  }
  #video-wrap {  }
   #video-wrap div.col-1 { float: left; width: 640px; }
    #video-wrap div.col-1 div.video {  }
     #video-wrap div.col-1 div.video iframe {  }
    #video-wrap div.col-1 div.info {  }
   #video-wrap div.col-2 { float: left; width: 300px; margin: 0 0 0 20px; }
    #video-wrap div.col-2 div.control {  }
	 #video-wrap div.col-2 div.control a { text-decoration: none; }
	 #video-wrap div.col-2 div.control a:hover { text-decoration: underline; }
	 #video-wrap div.col-2 div.control div.item { padding: 5px; }
	 #video-wrap div.col-2 div.control div.item.active { background-color: #7D8AC3; color: #ffffff; border-radius: 6px; }
	 	#video-wrap div.col-2 div.control div.item.active a { color: #ffffff; }
     #video-wrap div.col-2 div.control div.item div.list-image { width:96px; height:54px; padding: 5px; border: 1px solid #bbbbbb; border-radius:3px; background-color: #ffffff; float:left; }
      #video-wrap div.col-2 div.control div.item div.list-image a { display: block; width: 100%; height:100%; }
       #video-wrap div.col-2 div.control div.item div.list-image a div { width: 100%; height:100%; background-position: center center; }
     #video-wrap div.col-2 div.control div.item div.info { float: left; margin: 0 0 0 10px; width: 152px; }
      #video-wrap div.col-2 div.control div.item div.info a {  }
	  #video-wrap div.col-2 div.control div.item div.info div.title { font-size: 14px; padding: 0 0 8px 0; }
	  #video-wrap div.col-2 div.control div.item div.info em { font-size: 11px; font-style: italic; }
 
 #footer { background: url('images/footer.png') left top no-repeat; padding: 50px 0 20px 0; }