/*  
Theme Name: newblack
Theme URI: http://berntjohansson.com/
Description: My own wordpress theme for my very first blogg.
Version: 1.5
Author: Bernt Johansson
Author URI: http://berntjohansson.com/

*/



/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(img/body_bg_tile.jpg) repeat-x top left;
	font-size: 66%;
	font-family: Trebuchet MS, helveteica, verdana;
}

p{
	line-height: 1.4em;
}

div#container{
	position:relative;
	margin: 0 auto;
	padding:0px;
	width: 840px;
	padding-bottom:25px;
}


div#top{
	position:relative;
	width:840px;
	height:174px;
	background:#000000 url(img/top_bg_temp.jpg) no-repeat top left;;
	padding:0px;
	margin-top:2px;
}

div#menu{
	position:absolute;
	bottom:2px;
	left:0px;
	width:100%;
	height: 25px;
}

	div#menu li{
		float:left;
	}

	div#menu a{
		text-decoration:none;
		line-height: 25px;
		color:#cecece;
		float:left;
		font-size:12px;
		margin:0px;
		padding:0px;
		padding-left: 15px;
		padding-right:15px;
	}
	
	div#menu a.active{
	}
	
	div#menu a:hover{
		color: #ffffff;
	}
	
	div#menu img{
		float:left;
		margin:0px;
		padding:0px;
	}

div#content{
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	background:url(img/content_bg_tile.jpg) repeat-y top left;
	padding-top:20px;
}

	div#left{
		position:relative;
		width:150px;
		height: 500px;
		float:left;
		padding:0px;
		margin:0px;
		color: #1D2254;
		overflow:hidden;
		background:url(img/left-bg.gif) no-repeat top left;
	}
	
		div#left ul, #right ul{
			list-style:none;
			margin:0px;
			padding:0px;
			margin-left:5px;
		}
		div#left ul ul, #right ul ul{
			margin-left:12px;
		}		
		div#left li, #right li{
			/*border-bottom: 1px solid #cccccc;*/
			margin:0px;
			padding:0px;
			line-height:18px;
			text-indent: 6px;

		}
		div#left li img, #right li img{
			margin:0px;
			margin-right: 5px;
		}
		
		div#left #pagemenu a, #right #pagemenu a{
			text-decoration:none;
			color: #1D2254;
		}
		
		div#left #pagemenu a.active, #right #pagemenu a.active{
			font-weight:bold;
		}		
		
		div#left #pagemenu a:hover, #right #pagemenu a:hover{
			text-decoration:none;
			color: #7780D0;
		}
		
		div#left h2, #right h2{
			font-size: 11px;
			color: #ffffff;
			font-weight:normal;
			margin:0px;
			margin-left:5px;
			text-indent:8px;
			width:180px;
			height: 25px;
			background:url(img/right-h2-bg.jpg) no-repeat top left;
			display:block;
			margin-bottom:0px;
			margin-top:10px;
			padding-top:3px;
		}
		
		div#right h2 a{
			color: #ffffff;
			text-decoration:none;
		}
		
		div#right h2 a:active{
			color: #ffffff;
			text-decoration:none;
		}
		
		div#right h2 a:hover{
			color: #ffffff;
			text-decoration:none;
		}
		
		div#right h2 a:visited{
			color: #ffffff;
			text-decoration:none;
		}				
	
	div#middle{
		position:relative;
		width:465px;
		float:left;
		padding:0px;
		margin:0px;
		overflow:hidden;
	}
		div#middle h1{
			color: #333333;
			font-size: 18px;
			font-weight: bold;
			margin:0px;
			margin-bottom:15px;

		}
		
		div#middle h2, #middle h3{
			color: #333333;
			font-size: 18px;
			font-weight: normal;
			margin:0px;
			margin-bottom:5px;
			width:100%;
			display:block;
			border-bottom:1px #cccccc solid;			
		}		
		
		div#middle p{
			color: #333333;
			font-size: 12px;
			font-weight: normal;
			margin-bottom:15px;
			margin-top: 0px;
			line-height:140%;
		}
		
		div#middle p.postmetadata{
			margin-bottom:30px;
			font-size:10px;
		}
		
		div#middle div.padding{
			padding-left:25px;
			padding-right:25px;
			padding-top:0px;
			padding-bottom:20px;
		}
		
		div#middle a{
			color: #000000;
		}
		
		div#middle h2 a, #middle h3 a{
			text-decoration:none;
		}
		
		div#middle h2 a:hover, #middle h3 a:hover{
			color:#999999;
		}		
				
	
	div#right{
		position:relative;
		width:200px;
		float:right;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
		overflow:hidden;
	}
	
		div#right a{
			color: #000000;
			text-decoration:none;
		}
		
		div#right a:hover{
			text-decoration:underline;
		}		

div#footer{
	position:relative;
	width:100%;
	height:100px;
	background:url(img/footer_bg.jpg) no-repeat top left;
	border-top: 1px solid #cccccc;
	font-size:12px;
	color:#666666;	
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	overflow:hidden;
}

	div#footer p{
		text-align:center;
		margin-top:20px;
		
	}
	
	div#footer a{
		color: #666666;
		text-decoration:none;
	}
	
	div#footer a:hover{
		color: #666666;
		text-decoration:underline;
	}	

div.break{
	clear:both;
}

div.padding{
	padding:10px;
}

#headerinfo_bernt{
	position:relative;
	width:840px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}

#headerinfo_bernt a{
	color: #999999;
	text-decoration:none;
}

p{
	line-height:130%;
}

.entry{
	margin-top:5px;
}

div.navigation{
	margin-bottom:20px;
}

#middle textarea{
	width: 400px;
}