/*

Style sheet for Cadinot site containing elements commonly used across the site.
Additional section-specific elements held in <section>.css
Questions to jamesc@affection.net - 13/11/2009 13:42

*/

 #videoplayer { 
	width:740px; 
	min-height: 560px;
	padding:0px; margin:0px;
	background: url('../video/images/background.png') top repeat-x; 
	text-align: center;
}

#clipdetails {

	clear: both;
	width: 600px;
	min-height: 200px;
	background: #8039d2;
	border: 2px #3f1a71 solid;
	margin: 20px auto;
	padding: 10px 20px 10px 10px;
	font-family: sans-serif;
	font-size: 12px;
	color: white;
	display: block;
	text-align: justify;

}

#clipdetails img {

	display: block;
	margin-right: 20px;
	float: left;
	
}

ul#links {
	display: block;
	list-style: none;
	height:60px;
}

ul#links li {
	width:198px;
	height: 50px;
	float: left;
	display: block;
	background: #493272;
	border: 1px #8b60da solid;
	font-family: sans-serif;
	font-size: 11px;
	margin: 5px;
}

ul#links li a:link, ul#links li a:visited {

	color: white;
	display: block;
	background: #493272;
	text-decoration: none;
	padding:5px;

}

ul#links li a:hover {

	display: block;
	color: orange;
	background: #362554;
	text-decoration: none;
	padding:5px;

}

ul#clipslist { 
	font-size: 10px; 
	font-family: sans-serif; 
	color: white; 
	list-style: none; 
	width:720px;
	margin: 0 10px ; 
	padding: 0;  
}

ul#clipslist li { 
	width:180px; 
	height:150px;  
	float: left; 
	margin: 0;
	padding: 0;
	border: 0;
}

ul#clipslist li a:link, ul#clipslist li a:visited {  
	color: white;
	display: block; 
 }

ul#clipslist li a:hover {  
	background-color: #8039d2;
	color: orange;
	text-decoration: none;
	display: block; 
 }


ul#clipslist li img { 
	border: black 1px solid;
	margin: 5px 0px; 
}