/*   
Theme Name: Havenatur
Theme URI: http://havenatur.dk
Description: A theme designed for the landscaping architect business Havenatur.
Author: Dieuwke van Mulligen
Author URI: http://demu.dk
Version: 0.1
Tags: green, landscaping
.
The Havenatur Theme for WordPress is copyrighted by Havenatur and Dieuwke van Mulligen.
.
*/


/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

body {
	background-color: #726357;
	text-align: center;
	margin: 1.5em 15%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body a {
	color: #507c25;
}

#wrapper {
	width: 700px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}


#container {
	float: left;
	margin: 0 -230px 0 0;
	width: 100%;
	text-align: left;
}


#content {
	margin: 30px 230px 30px 30px;
}

#primary, #secondary {
	float: right;
	overflow: hidden;
	width: 220px;
	margin-top:20px;
}
#secondary {
	clear: right;
}


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #818001;
	clear: both;

}



/* =Header (& Top Menu)
-------------------------------------------------------------- */

#topnav {
    font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	color: #507c25;
    width:100%;
    }
#topnav, #topnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding-left:5px;
    margin:0px;
    width:100%;
    }
#topnav a {
    display:block;
	color: #507c25;
    text-decoration:none;
    padding:0px 10px;
    }

#topnav li {
/*	padding:5px;*/
/*	padding-top: 5px;
	padding-bottom:5px;
/*	display: inline;*/
    float:left;
    }
#topnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#topnav li li {
    width:149px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#topnav li li a {
    padding:4px 10px;
/*    width:130px;*/
    font-size:12px;
    color:#507c25;
    }
/*#topnav li ul ul {
    margin:-21px 0 0 150px;
    }
#topnav li li:hover {
    background:#9C1F1B;
    }*/
#topnav li ul li:hover a, #topnav li ul li li:hover a, #topnav li ul li li li:hover a, #topnav li ul li li li:hover a {
    color:#111;
    }
#topnav li:hover a, #topnav li.sfhover a {
    color:#111;
    }
#topnav li:hover li a, #topnav li li:hover li a, #topnav li li li:hover li a, #topnav li li li li:hover li a {
    color:#507c25;
    }
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul, #topnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul, #topnav li li li li.sfhover ul {
    left:auto;
    background:#fff;
    }
/*#topnav li:hover, #topnav li.sfhover {
    background:#fff;
    }*/

#topnav .current_page_item a {
	color: #726357;
	background: white;
	text-decoration: none;
}	
	

#topbanner-logo {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-left: 5px;
	padding:10px;
	border-color: #818001;	
	height:100px;
}


#topbanner {
	float: left;
	padding-right:10px;
}

#logo {
	/*padding-right: 10px;*/
}


.breadcrumb {
	text-align:left;
	padding-left:10px;
	padding-top:5px;
}

.breadcrumb a {
	text-decoration:none;
}

/*#hack {
	background: white;
	height: 2px;
	width: 450px;
	display: inline;
	position: absolute;
	top: 220px;
	left: 50%;
	margin: 0 0 0 -350px;
	padding: 0;
	z-index: 2;
	}*/


/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
}

.entry-title {
	font-size:16px;
	font-weight:bold;
}

.entry-title a {
	text-decoration:none;
	color:#000000;
}



/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}