/*
Theme Name: Homeinvest
Theme URI: http://www.homeinvest.no
Description: Homeinvest Theme
Version: 1.0
Author: Daniel Butler/Erland Wiencke
Author URI: http://www.apt.no

*/

*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #538cae;
	background-image: url(images/body-background-clouds.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	color: black;
}

a{	
	color: black;
	text-decoration: none;
}

div#wrapper{
	margin: 0 auto;
	position: relative;
	width: 804px;
}

	div#wrapper div#header{
		height: 139px;
		margin: 0 0 15px 0;
		position: relative;
		width: 100%;
	}
	
		div#wrapper div#header h1{
			background-image: url(images/h1-logosign.png);
			background-position: left top;
			background-repeat: no-repeat;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			height: 115px;
			left: -25px;
			position: absolute;
			top: 24px;
			width: 245px;
		}
		
			div#wrapper div#header h1 a{
				color: #474747;
				display: block;
				height: 115px;			
				outline: none;
				text-decoration: none;
				text-indent: -4000px;
				width: 245px;
			}
	
	div#wrapper div#main-column{
		background-color: white;
		float: left;
		padding: 26px 16px 28px 16px;
		width: 498px;
	}
	
		div#wrapper div#main-column div.post{
			background-image: url(images/bg-dots.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			margin: 0 0 24px 0;
			padding: 0 0 12px 0;
		}
		
			div#wrapper div#main-column div.post h2{
				color: #474747;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 2.4em;
			}
			
				div#wrapper div#main-column div.post h2 a{
					text-decoration: none;
					color: #474747;
				}
				
			div#wrapper div#main-column div.post div.byline{
				font-size: 1.1em;
				margin: 0.5em 0 1.6em 0;
			}
			
			div#wrapper div#main-column div.post div.entry{
				font-size: 1.2em;
			}
				
				div#wrapper div#main-column div.post div.entry p{
					display: block;
					margin: 0 12px 1.6em 12px;
				}
				
				div#wrapper div#main-column div.post div.entry p.metadata{
					background-color: #eaeaea;
					border-bottom: 1px solid #bababa;
					border-top: 1px solid #bababa;
					color: #474747;
					font-size: 0.9em;
					padding: 12px;
				}
			
					div#wrapper div#main-column div.post div.entry p img{
						border: none;
						display: block;
						margin: 0 -12px 1.6em -12px;
					}
					
					div#wrapper div#main-column div.post div.entry p a{
						color: #474747;
						text-decoration: none;
					}
					
					div#wrapper div#main-column div.post div.entry p a:hover{
						text-decoration: underline;
					}
					
		div#wrapper div#main-column div.comments{
			margin: 0 12px 0 12px;
		}
			
			div#wrapper div#main-column div.comments h3{
				color: #474747;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 2.4em;
				margin: 0 0 1em 0;
			}
			
				div#wrapper div#main-column div.comments h3 span{
					font-size: 0.5em;
					font-weight: normal;
				}
			
			div#wrapper div#main-column div.comments div.comment{
				background-color: #eaeaea;
				font-size: 1.2em;
				margin-bottom: 1em;
				width: 474px;
			}
			
				div#wrapper div#main-column div.comments div.comment div.text{
					background-image: url(images/bg-comment-top.gif);
					background-position: left top;
					background-repeat: no-repeat;
					padding: 12px;
				}
				
				div#wrapper div#main-column div.comments div.comment div.author{
					background-image: url(images/bg-comment-bottom.gif);
					background-position: left bottom;
					background-repeat: no-repeat;
					padding: 12px;
				}
				
		div#wrapper div#main-column div.comment-write{
			margin: 0 12px 0 12px;
		}
		
			div#wrapper div#main-column div.comment-write h3{
				color: #474747;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 2.4em;
				margin: 2em 0 1em 0;
			}
			
			div#wrapper div#main-column div.comment-write form input{
				width: 300px;
				margin: 0 0 0.25em 0;
			}
			
			div#wrapper div#main-column div.comment-write form textarea{
				width: 470px;
			}
			
			div#wrapper div#main-column div.comment-write form input#submit{
				width: auto;
			}
		
	div#wrapper div#sidebar{
		background-color: white;
		float: right;		
		padding: 26px 16px 28px 16px;
		width: 218px;
	}
	
		div#wrapper div#sidebar ul{
			list-style: none;
		}
		
			div#wrapper div#sidebar ul li{
				background-image: url(images/bg-dots.gif);
				background-position: left bottom;
				background-repeat: repeat-x;
				margin: 0 0 2.4em 0;
				padding: 0 0 2.4em 0;
			}
				
				div#wrapper div#sidebar ul li ul li{
					background-image: none;
					margin: 0;
					padding: 0;
				}
		
			div#wrapper div#sidebar ul h3{
				color: #474747;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				text-transform: uppercase;
			}
			
			div#wrapper div#sidebar ul a{
				color: #474747;
				font-size: 1.2em;
				line-height: 1.5em;
				text-decoration: none;
			}
			
			div#wrapper div#sidebar ul a:hover{
				text-decoration: underline;
			}
	
	div#wrapper div#footer{
		clear: both;
		width: 100%;
	}
	
	div#wrapper div#search{
		height: 22px;
		left: 554px;
		position: absolute;
		top: 117px;
		width: 250px;
	}
	
		div#wrapper div#search form{
			background-image: url(images/bg-search.gif);
			background-position: left top;
			background-repeat: no-repeat;
			height: 22px;
			text-align: right;
		}
		
			div#wrapper div#search form input{
				background-color: white;
				border: none;
				color: #474747;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				height: 22px;
				line-height: 22px;
				margin: 0;
				padding: 2px 4px 2px 4px;
				vertical-align: top;
			}
			
			div#wrapper div#search form input.text{
				height: 18px;
				width: 175px;
			}

/* hacks and fixes */	
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

/* Skjul for IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Slutt skjul for IE-mac */