/**
--------------------------------------------------------
* CSS for www.ev-entertainment.nl 
* creator A. van Ettinger
* Date (mm-dd-yy) 03-04-2010
--------------------------------------------------------
*/

*{
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
}
html{
	/*background: url(../assets/html_bg.png) repeat-x center;*/
}

body{
	background: #000;
	color: #FFF;
	font-size: 12px;
	background: url(../assets/html_bg.png) repeat-y center black;
	/*background: #000 url(../assets/html_bg_repeat.png) center repeat-x;*/
}

a{
	text-decoration: none;
	outline: none;
	color: #FFF;
}
a:hover{
	color: #10226A;
}
img{
	border: none;
}

#container{
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: #10226A;
	padding: 0px 25px 0px 25px;
	min-height: 200px;
}


/*
--------------------------------------------------------
Menu rules start here
--------------------------------------------------------
*/

#header{
	float: left;
	margin-bottom: 10px;
	/*width: 690px;*/
}
	#menu_container{
		background: #000;
		float: left;
		margin-bottom: 30px;
		/*width: 693px;*/
	}
		#menu{
			width: 715px;
		}
			#menu ul{
				/*width: 690px;*/
			}
				#menu li{
					float: left;
					list-style: none;
				}
				#menu a{
					color: #FFF;
					display: block;
					padding: 5px 21px 5px 22px;
					font-weight: bold;
					font-size: 14px
				}
				#menu a.first {
					padding: 5px 24px 5px 24px;
				}
				#menu a:hover, #menu a.active{
					background: #FFF;
					color: black !important;
				}
				
	#logo{
		width: 315px;
		float: left;
		margin-right: 172px;
	}
	
	#address{
		width: 	208px;
		background: #000;
		float: left;	
		padding: 10px 10px 20px;
	}
		#address a{
			text-decoration: underline;
		}
/*
--------------------------------------------------------
Content rules start here
--------------------------------------------------------
*/
#content{
	float: left;
	/*width: 690px;*/
	line-height: 1.43em;
}
	#column1{
		float: left;
		margin-right: 22px;
	}
		#slideshow{
			margin-bottom: 10px;
		}
		#slideshow_title{
			background: #000;
			padding-left: 10px;
			padding-top: 3px;
			padding-bottom: 3px;
			width: 455px;
		}
		#column1_block2 .errorDiv{
			border: 1px solid #ff0000; 
			background: #ff9595; 
			padding: 3px; 
			color:#fff; 
			font-size:11px;
			margin: 0px 3px;
		}
		
	#column2{
		float: left;
	}
		#block1{
			background: #000;
			min-height: 283px;
			padding: 10px 10px 20px;
			margin-bottom: 10px;
			width: 206px;
			position: relative;
		}
			#block1 ul{
				margin-top: 20px;
			}
		
			#block1 h1 {
				font-size: 18px;
				margin-bottom: 10px;
			}
			
    #socialmedia {
      position: absolute;
      right: 5px;
      top: 40px;
    }			
    
    #socialmedia a {
      display: block;
      height: 16px;
      width: 16px;
      background-color: white;
      float: left;
      margin-right: 5px;
    }
    
    #socialmedia a.twitter {
      background: url('../assets/icon_twitter.png') left top no-repeat;
    }

    #socialmedia a.linkedin {
      background: url('../assets/icon_linkedin.png') left top no-repeat;
    }
    
    #socialmedia a.facebook {
      background: url('../assets/icon_facebook.png') left top no-repeat;
    }    
    
    #socialmedia a:hover {
      background-position: bottom left;
    }
		
		#block2{ 
		/*This block is only used on the home pages*/
			padding: 10px 0px 10px 10px;
			float: right;
			background: #FFF;
			color: #000;
			width: 215px;
			margin-right: 3px;
		}
		#block2 a{
			color: #000;
		}
	
	#column3{
		float: left;
	}
		
		#column3 h1{
			font-size: 16px;
			padding-left: 10px;
			padding-bottom: 4px;
			padding-top: 4px;
			color: #FFF;
		}
		#column3 h2{
			font-size: 14px;
			padding-left: 10px;
			padding-bottom: 4px;
			padding-top: 4px;
		}
/*
--------------------------------------------------------
Artist page rules
--------------------------------------------------------
*/		
		#artist_content_container{
			width: 290px;
			float: left;
			margin-right: 15px;
		}
			#artist_content{
				float: left;
				background: #FFF;
				color: #000;
				padding: 10px;
				width: 270px;
				min-height: 330px;
			}
		#artist_downloads_container{
			width: 160px;
			margin-right: 22px;
			margin-bottom: 20px;
			float: left;
		}
		
			#artist_downloads{
				padding: 10px;
				width: 140px;
			}
		
		#artist_films_list_container{
			float: left;
			width: 225px;
			margin-bottom: 20px;
		}
			#artist_films_list{
				
				padding: 10px;
			}
		
		#artist_play_film{
			float: left;
			width: 350px;
		}
		
		#artist_downloads a, #artist_films_list a{
			text-decoration: underline;
			color: black;
		}
		#artist_downloads a:hover, #artist_films_list a:hover{
			color: #10226A;
		}
		
/*
--------------------------------------------------------
Contact page rules
--------------------------------------------------------
*/
#column1_contact{
	 float: left;
}
#column1_block1,#column1_block2,#column1_block3,#column1_block4{
	width: 145px;
	margin-right: 18px;
	padding: 10px;
	float: left;
	min-height: 391px;
	font-size: 11px;
}
	#column1_block1 h1{
		font-size: 18px;
		margin-bottom: 10px;
	}
#column1_block2{
	padding: 0px;
	width: 165px;
}
	#column1_block2 p{
		padding-left: 10px;
		padding-right: 10px;
		
	}
	#column1_block2 h2, #column1_block2 h3{
		padding: 10px 10px 0px;
	}
		#formReg_container, #formUnreg_container{
			padding: 0px 8px 0px;
		}
		input#submitReg, input#submitUnReg{
			/*padding-left: 1px;*/
		}
	
	#column1_block2 h2, #column1_block3 h2, #column1_block4 h2{
		font-size: 16px;
		margin-bottom: 10px;
	}
	
#column1_block3 ul li a:link,
#column1_block3 ul li a:visited,
#column1_block3 ul li a:active {color:#000000; text-decoration:underline;}


#column1_block4{
	margin: 0;
}
button{
	background: #000;
	border: none;
	margin-left: -2px;
}

#submitUnreg,#submitReg {cursor:pointer;}
/*
--------------------------------------------------------
Het Bureau rules 
--------------------------------------------------------
*/
#column1_bureau{
	width: 370px;
	float: left;
	
}
	
	#column1_text{
		float: left;
		padding: 10px;
		margin-right: 15px;
		margin-bottom: 15px;
		min-height: 250px;
	}
		#column1_text h1{
			font-size: 18px;
			margin-bottom: 15px;
		}
	
	#column1_companylist_container{
		float: left;
		width: 170px;
		margin-right: 15px;
	}
		#column1_companylist_container h2{
			padding: 5px 10px ;
		}
		#column1_companylist{
			padding: 10px;
			min-height: 300px;
			
		}
	#column1_recomendations_container{
		float: left;
		width: 170px;
	}
		#column1_recomendations_container h2{
			padding: 5px 10px ;
		}
		#column1_recomendations{
			padding: 10px;
			min-height: 300px;
		}
			#column1_recomendations li{
				margin-bottom: 20px;
			}
	
#column2_bureau{
	float: left;
}
	
	#bureau_film_container{
		float: left;
		width: 345px;
	}
		#bureau_film_container h2{
			padding: 5px 10px 0px;
		}
		#bureau_play_film{
			margin-bottom: 15px;
		}
	
	#header_of_column{
		float: left;
		padding: 10px;
	}
	#content_of_column{
		float: left;
		padding: 10px;
		min-height: 339px;
		width: 325px;
	}
		#content_of_column h2, #content_of_column h3{
			padding-left: 0 !important;
		}
		#content_of_column h2, #header_of_column h2{
			font-size: 20px;
			margin-bottom: 15px;
			padding-top: 0;
		}
		#content_of_column h3{
			font-size: 16px;
			padding-bottom: 0px;
			padding-top: 0px;
		}
/*
--------------------------------------------------------
Downloads page rules
--------------------------------------------------------
*/
#downloads_column1{
	width: 330px;
	float: left;
	margin-right: 17px;
	padding: 10px;
}
	#downloads_column1 h1{
		font-size: 18px;
		margin-bottom: 10px;
	}
	
#downloads_column2{
	float: left;
}
	#download_block1, #download_block2{
		padding: 10px;
		float: left;
		width: 145px;
		min-height: 300px;
		overflow: hidden;
	}
	#download_block1{
		margin-right: 17px;
	}
/*
--------------------------------------------------------
Classes
--------------------------------------------------------
*/	
.backgroundBlack{
	background: black;
}
.backgroundWhite{
	background: #FFF;
}
.fontColorBlack{
	color: #000;
}
.fontColorWhite{
	color: #FFF;
}

.leftPaddingFix{
	padding-left: 0 !important;
}

.underlined{
	text-decoration: underline;
}	
.clearfix{
	clear: both;
}	
/*
--------------------------------------------------------
Paging Classes
--------------------------------------------------------
*/
a.paging:hover
{
	background-color: #D1EBF8;
}

.paging
{
    font-size: 11px;
    text-decoration: none;
    border: 1px solid grey;
    background-color: white;
    padding: 1px 1px 1px 3px;
    margin:1px;
    display: inline-block;
    color: black;
}

.paging_number
{
    display: inline-block;
    width: 12px;   
}

.paging_current
{
    font-weight: bold;
	/*background-color: #A2D8F9;*/    
}

.paging_results
{
    padding: 1px 12px 1px 12px;
}

.paging_np
{
	display: none;
}

.paging_inactive
{
   /* color: #d5d5d5;*/
}

.artistBlockContainer {
  overflow: hidden; 
  width: 465px; 
  margin-top: 30px;
}

.artistBlock {
  width: 145px;
  height: 132px;
  background-color: black;
  margin-right: 15px;
  float: left;
  margin-bottom: 15px;
}

.clearBlock {
  clear: left;
}

.noMarginBlock { 
  margin-right: 0px;
}

.artistBlock img {
  border: 0px; 
  background-color: white;
  height: 97px;
  width: 145px;
}
    
.artistBlock p {
  height: 35px;
  color: white;
  font-size: 10px;
  padding: 2px 2px 2px 5px;
  line-height: 12px;
}