/*
	COLORS	
		general:		
			light gray 		- #E5E5E5 banda
			dark gray		- #999999 border h2 h3
			black			- #666666 text h1 navigation
			fondo			- #F7F7F7
		footer:
			blue			- #85B0DB 
			white 			- #EEEDEB 
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #F7F7F7 url(../img/background.gif) top right no-repeat;
	text-align: center;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	color: #666666;
}

#navigation {	
	margin: auto;	
	width: 692px;	
	margin-top: 85px;
	border-bottom: 1px solid #999999;
	padding-bottom: 20px;
	margin-bottom: 9px;	
	text-align: left; 
}
	#navigation #menu {
		clear: both;
	}
	
	#menu div#links {
		float: left; 
	}
	
	#menu div#player {		
		float: right;	
		margin-top: 4px; 
	}
	
	#links ul {    
   		margin-top: 10px;  
			list-style: none;
	}         

   #links li  {
		display: inline;
		float: left;       
   }
 	
	#links li a {        
		height: 23px;
		display: block; 
	} 

	#links li a:link {
		background-position: 0 0;
	}

	#links li a:hover {
		background-position: 0px -23px;
	}

	#links li.selected a {
		background-position: 0px -23px;
	}
	   #links li.bt_hem  { width: 47px;}
       #links li.bt_diskografi { width: 90px;}
       #links li.bt_bestall { width: 71px;}
       #links li.bt_om_so { width: 70px;}
       #links li.bt_newsletter { width: 99px;}
      
       li.bt_hem a { background: url(../img/bt_hem.gif) no-repeat }
       li.bt_diskografi a { background: url(../img/bt_diskografi.gif) no-repeat }
       li.bt_bestall a { background: url(../img/bt_bestall.gif) no-repeat }
       li.bt_om_so a { background: url(../img/bt_om_so.gif) no-repeat }
       li.bt_newsletter a { background: url(../img/bt_newsletter.gif) no-repeat }	
	
#header {
	margin: auto;	
	height: 203px;
	background-color: #f1f1f1;
}

#content {
	margin: auto;	
	clear: both;
	width: 692px; 	
	border-top: 1px solid #999999;
	margin-top: 20px;
	padding-top: 40px;	
	text-align: left;
	
	border-bottom: 1px solid #999999;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

	div.valkommen
	{
		margin-bottom: 40px;
	}
	
	div.valkommen h3, div.valkommen h3 a {
		font-size: 30px;
		color: #666;
		margin-bottom: 6px;
		letter-spacing: -1px;
		text-decoration: none; 
	}

	#content div#blog {
		float: left;
		width: 438px;		
		 
	}
	
	div#blog div.post {
		margin-bottom: 45px;
	}
		div#blog div.post p {
			font-size: 12px;
			text-align: justify;
		}
		
		div#blog div.post a img {
			margin-bottom: 10px;
		}
		
		
	#content div#albums {
		float: right;
		width: 231px;
	}	
	
	#content div#albums img {
		margin-right: 5px;
	}
		div#albums div.post {
			border-bottom: 1px solid #999999;
			padding-bottom: 40px;
			margin-bottom: 20px;
			clear: both;
		}
		
		div#albums div.post p {
			font-size: 12px;
			text-align: left;
		}
		
	#content div.cover {
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}

	#content div.cover img {
		
	}
	
	#content div.cover p {
		margin-top: 5px;
		padding: 10px 5px;
		background-color: #ededed;
		text-align: center;
	}
		
	#content div.album  {
	
	}
		#content div.album p {
			margin-bottom: 10px; 
		}
		
		div.album div.gallery {
			clear: both;
			width: 692px;
			margin: auto;
			margin-top: 10px;
			margin-bottom: 0px;
		}
		
		div.album div.gallery img {
			float: left;
			margin-right: 60px;
			border: 10px solid #fff;
		}
	
		div.album div.gallery img.last {
		 	margin-right: 0px;
		}
	
	#content table.albums {
		margin-top: 20px;
	}
	
	#content table.albums td {
		padding-top: 10px; 
		padding-bottom: 40px;
		padding-right: 5px;
	}
	
	#content table.albums td.img {
		padding-right: 10px;
	}
	
	#content table.albums td img {
			
	}
	#content table.albums a {
		color: #4190df;
		text-decoration: none;
	}
	
	#content table.albums a h2 {
		color: #999999;
	}
	
	#bestall {  
	}
	
	#bestall h2{
		font-size: 30px;
		color: #999999;
		margin-bottom: 6px;
	}

	#bestall h3 {
			font-size: 18px;
			color: #666;
			margin-bottom: 6px;
			letter-spacing: -1px; 
			text-decoration: none;
	}
	
	#bestall form { 
		margin-top: 20px;
	}
		#bestall form label{
			display: block;
			color: #666666;
			margin-bottom: 5px;
			height: 20px;
			margin-left: 80px;
		}
		
		#bestall form .button{
			color: #666666;
			background-color: #e5e5e5;
			height: 22px;
			width: 83px;
			text-align: center;
			border: none;
			font-size: 12px;
			font-weight: bold;
			margin-left: 205px;
		}
			
		#bestall form input.text{
			border: 1px solid #e5e5e5;
			font-size: 12px;
			width: 200px;
			height:20px;
			text-align: left;
		}		
	 
		#bestall form .text{
	 		float: left;
			width: 120px;
			text-align: right;
			margin-right: 5px;
	 		height:20px;
		}				
		
		#newsletter form {
			float: left;
			margin-top: 20px;
			margin-right: 20px;
			width: 470px;
		}

			#newsletter form label{
				display: block;
				color: #666666;
				margin-bottom: 5px;
				height: 20px;
			}

			#newsletter form .button{
				color: #666666;
				background-color: #e5e5e5;
				height: 22px;
			 
				text-align: center;
				border: none;
				font-size: 12px;
				font-weight: bold;
				margin-left: 155px;
			}

			#newsletter form input.text{
				border: 1px solid #e5e5e5;
				font-size: 12px;
				width: 200px;
				height:20px;
				text-align: left;
			}

			#newsletter form .text{
		 		float: left;
				width: 150px;
				text-align: right;
				margin-right: 5px;
		 		height:20px;
			}
	
#footer {
	margin: auto;	
	background: #85B0DB;
	color: #EEEDEB;
	height: 203px;
	text-align: center;
}
	#footer div.copyright {
		width: 692px;
		padding-top: 25px;
	   margin: auto;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
	
	#footer a {
		color: #EEEDEB;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px solid #9FBFDF;
	}
	
	
	/* GENERICO */
	
	h1, h1 a {
		font-size: 30px;
		color: #666;
		margin-bottom: 6px;
		letter-spacing: -1px;
		text-decoration: none; 
	}
	
	h2, h2 a {
		font-size: 18px;
		color: #666;
		margin-bottom: 6px;
		letter-spacing: -1px; 
		text-decoration: none;
	}
	
	h3, h3 a {
		font-size: 17px;
		color: #999;
		margin-bottom: 5px;
		letter-spacing: -1px; 
		text-decoration: none;
	}
	
	h4, h4 a {
		font-size: 12px;
		color: #999; 
		margin-top: 5px;
		letter-spacing: -1px; 
		text-decoration: none;
	}
	
	a img {
		border: none;
	}
	
	tr.dark {
		background: #ececec;
	}
	
	tr.light {
		background: #f7f7f7;
	}
	
	p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	 a {
		color: #666666;
	}
	
	form .mandatory
	{
		color: red;
	}
	
	div.message {
		font-size: 12px;
		text-align: center;
		padding: 10px;
	}
	
	#bestall div.message {
		font-size: 12px;
		text-align: center;
		padding: 20px;
		margin-bottom: 20px;
	}
	
	span.error
	{
		color: red;
		font-weight: bold;
	}
	
	ol {
		float: left;
		margin-left: 20px; 
	}
	
	ol li {
		margin-bottom: 5px;
	}