/* CSS Document */



*{

 	padding: 0px;

 	margin: 0px;
	
	font-family:Verdana;

}



body{

 	text-align:center;

 	margin:0px;

	background-color:#FFFFCA;

}



#container{ 

 	width:850px;

 	margin:0px auto;

 	text-align:left;

	background-color:#ffcf00; 

}



.header{

 	width:850px;

 	height:97px;

}



.header-logo{

	float:left;

	background:url(../images/foutasite_01.jpg) no-repeat;

	width:247px;

	height:97px;

}



.header-style{

	float:right;

	background:url(../images/foutasite_02.jpg) no-repeat;

	width:603px;

	height:97px;

}



.navbar{

	background:url(../images/foutasite_04.jpg) repeat-x;	
	overflow:hidden;
	height:20px;

}



.headr-links{

	padding-left:320px;

	padding-top:40px;

}



.header-nav li

{

 	list-style-type: none; 

	display:inline; 

	height:48px;

}



.navlist li

{

 	list-style-type: none; 

	display:inline; 

	height:48px;

	/*padding-right:40px;*/

}



.footerlist li

{

 	list-style-type: none; 

	display:inline; 

	height:48px;

	padding-right:2px;	

}



.footer-nav{	

	font-family:Verdana;

	color:#000000;

	font-size:10px;

	padding-left:370px;

	padding-top:40px;

}	



a.nav:link {color: #FFCF00; text-decoration:none;}
a.nav:visited {color: #FFCF00; text-decoration:none;}
a.nav:hover {color: #FFFFCA; text-decoration:none;}
a.nav:active {color: #FFCF00; text-decoration:none;}


a.tab:link {color: #FFFFFF; text-decoration:none;}
a.tab:visited {color: #FFFFFF; text-decoration:none;}
a.tab:hover {color: #333333; text-decoration:none;}
a.tab:active {color: #FFFFFF; text-decoration:none;}



a.footer-link:link {color: #000000; text-decoration:none;}
a.footer-link:visited {color: #000000; text-decoration:none;}
a.footer-link:hover {color: #CC0000; text-decoration:none;}
a.footer-link:active {color: #000000; text-decoration:none;}



a.feature:link {color: #CECE00; text-decoration:none;}
a.feature:visited {color: #CECE00; text-decoration:none;}
a.feature:hover {color: #CC0000; text-decoration:none;}
a.feature:active {color: #CECE00; text-decoration:none;}



a:link {color: #992e00; text-decoration:none;}
a:visited {color: #992e00; text-decoration:none;}
a:hover {color: #CC0000; text-decoration:underline;}
a:active {color: #992e00; text-decoration:none;}



.main-nav{

	text-align:center;

	font-family:Verdana;

	color:#FFFFFF;

	font-size:10px;

	/*padding-top:5px;*/

}	



.flash{

	background:url(../images/foutasite_05.jpg) no-repeat;

	height:270px;

	width:850px;

}



.siteContent{

	font-family:Verdana;

	font-size:12px;

	color:#333333;

	padding:50px 20px 20px 20px;

	background:url(../images/internal-backgroud.jpg) no-repeat;

	height:100%;

}



.siteContent img{

	padding: 0px 15px 0px 0px;

}



td.artist{
	padding:3px;	
}



table.artist{	

	font-size:10px;

}



.sidebar{

	border-right:#000000 1px dashed;	

}



.playbtn{

	padding:0px;

}



div.wrapContainer{width:99.5%; float:left;}



.image-left{float: left; vertical-align: text-top;}



.footer{

	background:url(../images/footer.jpg) no-repeat; 

	height:108px;

}



.separator{

	border-top: #dab101 1px dotted; 

	padding-bottom:50px;

}



.line{

	border-top: #999999 1px dotted; 

	width:150px;	

}



.videobox-top{

	height:27px; 

	width:170px; 

	background:url(../images/video-box_03.jpg) no-repeat;

}



.videobox-middle{

	width:170; 

	background:url(../images/video-box_06.jpg) repeat-y; 

	padding-left:10px;

}



.videobox-bottom{

	width:170; 

	height:16px; 

	background:url(../images/video-box_08.jpg) no-repeat;

}



.featured-artist{

	background:url(../images/featured-video.gif) no-repeat; 

	height:65px;

}

	pre {text-indent: 30px}

	#tabmenu {
		color: #000;
		border-bottom: 2px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		color: #DEDECF;
		background: #898B5E;
		font: bold 1em "Trebuchet MS", Arial, sans-serif;
		border: 2px solid black;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: #ABAD85;
		border-bottom: 3px solid #ABAD85; }

	#tabmenu a:hover {
		color: #fff;
		background: #ADC09F; }

	#tabmenu a:visited {
		color: #E8E9BE; }

	#tabmenu a.active:hover {
		background: #ABAD85;
		color: #DEDECF; }

	#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
		text-align: justify;
		background: #ABAD85;
		padding: 20px;
		border: 2px solid black;
		border-top: none;
		z-index: 2;	}

	#content a {
		text-decoration: none;
		color: #E8E9BE; }

	#content a:hover { background: #898B5E; }	
	
h1 {	
	font-family: Arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #990000;	
}

fieldset {
	border: solid 1px #666666;	
	padding: 4px 4px 4px 4px;
	margin-bottom: 15px;
		
}

legend {
	color: #ffffff;
	background: #B43B0B;
	border: 1px outset #cccccc;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

label {
	width: 125px;
	float: left;
	margin: 2px 0px 2px 0px;
	text-align: right;
}

.inputText, .inputTextArea {
	margin: 2px 0px 2px 5px;
}

select {
	margin: 2px 0px 2px 5px;
}

input.submit {
	color: #FFFFFF;
	background: #B43B0B;
	border: 2px outset #cccccc;
	width: 120px;
}

.errorMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

.credit {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #696969;
}

.entry {	
	border-bottom: solid 2px #999999;
	margin-bottom: 5px;	
	padding-bottom: 4px;
	clear: both;
}

.entry .field, .timestamp {
	margin-top: 4px;
	margin-bottom: 4px;
	clear: both;	
}

.entry .field .label {
	float: left;
	width: 100px;
	text-align: left;
	margin-right: 4px;
}

.entry .field .value {
	float: left;
	width:75%;
}

.timestamp {
	font-size:10px;
	padding-top: 4px;
	clear: both;
}