/*
Theme Name: Harry Hole
Theme URI: http://www.savnet-harryhole.com/
Description: 
Version: 1.0
Author: Øystein
Author URI: http://www.savnet-harryhole.com/
Tags: Harry, Hole
*/

body{
	background-color: #000;
	color: #f0ede0;
	font-family: Tahoma, Verdana, Arial;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

div#top-container{
/*
	background-color: #f0ede0;
	color: #000;
*/

	background-color: #000;
	background-image:url(/wp-content/uploads/2009/09/savnet_header_bg3.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color: #fff;

	padding: 5em 0 0 0;
}

	div#top-container div.content{
		margin: 0 auto;
		width: 900px;
	}
	
		div#top-container div.content h1{
			font-family: Georgia, "Times New Roman";
			font-size: 3.6em;
			margin: 0 0 25px 0;
			padding: 0;
		}
		
		div#top-container div.content p{
			font-size: 1.2em;
			width: 510px;
		}
		
			div#top-container div.content h1 a{
				color: #fff;
				text-decoration: none;
			}
			
		div#top-container div.content ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			div#top-container div.content ul li{
				background-color: #dd420b;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				border-radius-topleft:5px;
				border-radius-topright:5px;
				/*
				background-image: url(/wp-content/uploads/2009/09/new-ul-li.gif);
				background-position: left top;
				background-repeat: no-repeat;
				*/
				float: left;
				font-size: 1.2em;
				line-height: 3em;
				margin-right: 8px;
				width: 165px;
			}
			
			div#top-container div.content ul li:last-child{
				margin-right: none;
			}
			
			div#top-container div.content ul li.active{
				background-color: #000;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				border-radius-topleft:5px;
				border-radius-topright:5px;
/*
				background-image: url(/wp-content/uploads/2009/09/new-ul-li-active.gif);
				background-position: left top;
				background-repeat: no-repeat;
*/
			}
			
			div#top-container div.content ul li.active a{
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				border-radius-topleft:5px;
				border-radius-topright:5px;
/*
				background-image: url(/wp-content/uploads/2009/09/new-ul-li-active-a.gif);
				background-position: right top;
				background-repeat: no-repeat;
*/
			}
				
			div#top-container div.content ul li a{
/*
				background-image: url(/wp-content/uploads/2009/09/new-ul-li-a.gif);
				background-position: right top;
				background-repeat: no-repeat;
*/
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				border-radius-topleft:5px;
				border-radius-topright:5px;
				color: #f0ede0;
				display: block;
				font-family: Georgia;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				}

div#main-container{
	background-color: #000;
	padding-top: 5em;
}

	div#main-container div.content{
		margin: 0 auto;
		width: 900px;
	}
	
		div#main-container div.content div.maincol{
			float: left;
			width: 510px;
		}
		
		div#main-container div.content div.rightcol{
			float: right;
			width: 315px;
		}

h3{
	color: #9d9d92;	
	font-size: 2em;		
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
}

a{
	color: #dd420b;
	text-decoration: none;
}

/*=widgets*/
div.post{
	border-bottom: 2px solid #484844;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
div.post:last-child{
	border-bottom: none;
}
	div.post div.post-head{
		position: relative;
		margin-bottom: 2em;
	}
		div.post div.post-head h2{
			color: #9d9d92;	
			font-size: 2em;		
			font-weight: normal;
			margin: 0;
			padding: 0;
			width: 350px;
		}
			div.post div.post-head h2 a{
				color: #9d9d92;				
				font-weight: normal;
				text-decoration: none;
			}
		div.post div.post-head small{
			bottom: 2px;
			color: #9d9d92;
			font-size: 1.2em;
			position: absolute;
			right: 0;
		}
	div.post div.entry{}
		div.post div.entry p{
			font-size: 1.2em;
		}
		div.post div.entry img{
			border: 2px solid #484844;
		}

div.registrationform{
	border-bottom: 2px solid #484844;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
	div.registrationform h3{}
	div.registrationform p{
		font-size: 1.2em;
	}
	div.registrationform form{
		font-size: 1.2em;
	}
		div.registrationform form div.field{
			float: left;
			margin-bottom: 1em;
			width: 144px;
		}
		div.registrationform form div.even{
			float: right;
		}
			div.registrationform form div.field label{
				display: block;
				margin-bottom: 0.125em;
			}
			div.registrationform form div.field input.textfield{
				border: 2px solid #dd420b;
				height: 16px;
				width: 140px;
			}

ul.latest-posts{
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.latest-posts li{
		margin-bottom: 0.5em;
	}
		ul.latest-posts li a{
			background-color: #484844;
			background-image: url(images/arrow-red-01.png);
			background-position: 7px center;
			background-repeat: no-repeat;
			color: #dd420b;
			display: block;
			padding: 5px 10px 5px 20px;
			text-decoration: none;
		}

ol.commentlist{
	border-bottom: 2px solid #0d0d0c;
	font-size: 1.2em;
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
	ol.commentlist li{
		margin: 0;
		padding: 1em;
	}
	ol.commentlist li.odd{
		background-color: #0d0d0c;
	}
	ol.commentlist div.comment-number{
		background-color: #0d0d0c;
		border: 1px solid #333;
		float: right;
		padding: 4px;
	}
	ol.commentlist li.odd div.comment-number{
		background-color: #000;
	}
	
textarea#comment{
	background-color: #F0EDE0;
	border: 2px solid #484844;
	padding: 5px;
	width: 496px;
}

a.more-link{
	background-image: url(images/arrow-red-01.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: #dd420b;
	padding-left: 12px;
	text-decoration: none;
}

div.navigation{}
	div.navigation a{
		color: #dd420b;
		font-size: 1.2em;
		text-decoration: none;
	}

/*=special*/
.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 */