/* CSS Document */

body {
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
    background: url('images/site_bg.jpg') #C6E2F1 center repeat-y;
    }     

a:link {
  color: #0066CC;;
  }

a:visited {
  color: #0066CC;
  }

a:hover {
  color: #990000;
  }

h1 {
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  }

#header {
    background: url('images/header_bg.jpg') repeat-x;
    height: 257px;
    }

#wrap {
   width: 960px; 
  }

div.dsc {
  font-size: 8pt;
  padding: 5px;
  text-align: center;
  }

#left_column {
    width: 180px;
    background: url('images/menu_bg_left.jpg') right repeat-y;
    float: left;
    text-align: left;
    }

#left_column h3 {
  margin: 0px;
  padding: 3px;
	padding-left: 5px;
	font-size: 10pt;
  }
  
#left_column span {
	padding-left: 5px;
	font-size: 10px;
  }

#right_column {
    width: 180px;
    background: url('images/menu_bg_right.jpg') left repeat-y;
    float: right;
    text-align: right;
    }

#right_column h3 {
  margin: 0px;
  padding: 3px;
	padding-right: 5px;
	font-size: 10pt;
  }
  
#right_column span {
	padding-right: 5px;
	font-size: 10px;
  }
    
#content {
  width: 600px;
  float: left;
  }
  
#footer {
  color: #ffffff;
  background: #000000;
  font-size: 8pt;
  }

#footer a {
  color: #ffffff;
  text-decoration: underline;
  }
  
#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
  }

#footer a.current{
  color: #ffffff;
  text-decoration: none;
  }

#footer ul {
  margin: 0px;
  padding: 3px;
  list-style: none;
  } 
  
#footer li {
  margin: 0px;
  padding: 3px;
  display: inline;
  text-align: center;
  }  

div.sort {
  width: 546px;
  font-size: 10pt;
  color: #666666;
  background: url(images/nav-bg.jpg) repeat-y center;
  }

div.sort a.current{
  color: #990000;
  text-decoration: none;
	font-weight: bold;
  }

div.sort ul {
  margin: 0px;
  padding: 3px;
  list-style: none;
  } 
  
div.sort li {
  margin: 0px;
  padding: 3px;
  display: inline;
  text-align: center;
  }  

ul.pages li {
  font-size: 16pt;
  }

/* TOP menu ##########################################################################*/

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 0px ;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #ffffff;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

/* Left menu ##########################################################################*/

div.leftmenu {
  width: 180px;
	font-size: 8pt;
	line-height: 150%;
  background: url('images/menu_bg_left.jpg') right repeat-y;
	}

div.leftmenu ul,
div.leftmenu_thumbs ul
 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div.leftmenu li,
div.leftmenu_thumbs li
 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid white;
	}

.leftmenu a:link, 
.leftmenu a:active, 
.leftmenu a:visited, 
.leftmenu a:hover,

.leftmenu_thumbs a:link, 
.leftmenu_thumbs a:active, 
.leftmenu_thumbs a:visited, 
.leftmenu_thumbs a:hover
	{
	padding: 4px;
	padding-right: 20px;
	display: block;
	color: #0066CC;
	text-align: right;
	text-decoration: none;
	}

.leftmenu a:hover {
	color: #990000;
	background: url('images/menu_bg_left_hover.jpg') right no-repeat #ffffff;
	}

.leftmenu a.current{
	font-weight: bold;
  }

div.leftmenu_thumbs {
	font-size: 10px;
	line-height: 150%;
  background: url('images/menu_bg_left.jpg') right repeat-y;
	}

.leftmenu_thumbs a:hover {
	color: #990000;
	background: url('images/menu_bg_left_hover.jpg') right no-repeat #ffffff;
	}

.leftmenu_thumbs img {
  border: 1px solid #666666;
  margin: 1px;
  padding: 1px;
  text-align: center;
  }
  

/* Right menu ##########################################################################*/

div.rightmenu {
  width: 180px;
	font-size: 8pt;
	line-height: 150%;
  background: url('images/menu_bg_right.jpg') left repeat-y;
	}

div.rightmenu ul,
div.rightmenu_thumbs ul
 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div.rightmenu li,
div.rightmenu_thumbs li
 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid white;
	}

.rightmenu a:link, 
.rightmenu a:active, 
.rightmenu a:visited, 
.rightmenu a:hover,

.rightmenu_thumbs a:link, 
.rightmenu_thumbs a:active, 
.rightmenu_thumbs a:visited, 
.rightmenu_thumbs a:hover
	{
	padding: 4px;
	padding-left: 20px;
	display: block;
	color: #0066CC;
	text-align: left;
	text-decoration: none;
	}

.rightmenu a:hover {
	color: #0066CC;
	font-weight: bold;
	background: url('images/menu_bg_right_hover.jpg') left no-repeat #ffffff;
	}

div.rightmenu_thumbs {
	font-size: 10px;
	line-height: 150%;
  background: url('images/menu_bg_right.jpg') left repeat-y;
	}

.rightmenu_thumbs a:hover {
	color: #990000;
	background: url('images/menu_bg_right_hover.jpg') left no-repeat #ffffff;
	}

.rightmenu_thumbs img {
  text-align: center;
  border: 1px solid #666666;
  margin: 1px;
  padding: 1px;
  }
  
/* Video container menu ##########################################################################*/

div.video_container {
  background: url('images/gradient-top.jpg') repeat-x top #ffffff;
  width: 570px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8pt;
  text-align: left;
  border-top: 1px solid #C6E2F1;
  }

div.buttons {
  padding: 5px;
  text-align: center;
  }

div.video_container h2 {
  font-size: 14pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  color: #0066CC;
   } 

div.video_container h2 a:link {
  color: #0066CC;
  text-decoration:none;
   } 
   
div.video_container h2 a:visited {
  color: #0066CC;
  text-decoration:none;
   } 
   
div.video_container h2 a:hover {
  color: #990000;
  text-decoration:none;
   } 
  
div.video_container_left {
  float: left;
  width: 320px;
  }
  
div.video_container_right {
  float: right;
  width: 240px;
  }  
  
div.video_container_footer {
  background: url('images/gradient-bottom.jpg') repeat-x bottom #ffffff;
  width: 570px;
  border-bottom: 1px solid #C6E2F1;
  padding: 10px;
  } 

div.rand_video {
  width: 230px;
  overflow: auto;
  height: 480px;
  background: url('images/gradient-top.jpg') repeat-x top #ffffff;
  border: 1px solid #C6E2F1;
  }
  
div.rand_video ul {
  margin: 0px;
  padding: 0px;
  }
  
div.rand_video li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 8pt;
  text-align: center;
  }

div.rand_video h2 {
  font-size: 12pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  color: #0066CC;
   } 

/* Video Player ##########################################################################*/

#player {
	margin-top: 20px;
	color: #000000;
	width: 590px;
	background: url('images/gradient-top.jpg') repeat-x top #ffffff;
  border-top: 1px solid #C6E2F1;
	}


#player h2 {
	font-size: 14pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  color: #0066CC;
	}

#player h3 {
	font-size: 12pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
	}

#player img {
	border: 1px solid #000000;
	padding: 1px;
	}
  
div.player_meta {
  font-size: 8pt;
  color: #000000;
  }

div.player_meta img {
	border: 0px;
	}
  
div.player_footer {
  width: 590px;
  color: #666666;
  padding: 10px 0px;
  background: url('images/gradient-bottom.jpg') repeat-x bottom #ffffff;
  border-bottom: 1px solid #C6E2F1;
  }
  

div.catlist {
  font-size: 8pt;
  } 

div.catlist ul {
  margin: 0px;
  padding: 0px;
  font-size: 8pt;
  list-style: none;
  } 
  
div.catlist li {
  margin: 0px;
  padding: 0px;
  font-size: 8pt;
  display: inline;
  text-align: center;
  }  
  
ul.ratings {
	margin: 0px;
	padding: 0px;
}

ul.ratings li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

ul.ratings li.ratings-points {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* background-color: #ffffff; */
}

li.ratings-points img {
	border: none;
	}

ul.ratings li.ratings-points img {
	border: 0px;
	padding: 0px 2px;
	border: 0px none ;
	vertical-align: middle;
}

ul.ratings li.ratings-text {
	display: block;
	color: #666666;
}

ul.ratings li.ratings-message {
	display: block;
	color: red;
}

.half {
	width: 49%;
	float: left;
	font-size: 8pt;
	text-align: left;
	}

.half input, #player textarea {
	border: 1px solid #000000;
	width: 400px;
	font-size: 9pt;
	padding: 1px;
	}

.half input.save {
	width: auto;
	font-weight: bold;
	font-size: 10pt;
	}

div.clear {
	clear: both;
	}