/*
Theme name: jowp2 Vattebrukarna
Theme URL: http://www.joanaoberg.com/themes/jowp1
Description: This template was created as a job for Vattenbrukarna.se
Author: Joana Öberg
Author UL: http://www.joanaoberg.com
Contact: @joanadarc @jooberg
Version: 1.0

*/

	
	body { 
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(images/bg.jpg) repeat-y top left;
	margin:0;
	padding:0;
				}
				
	p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}
			
div#outerDiv {
	width:975px;
	background-color:#F9F9F9;
	margin: 0 auto;
	padding: 0;
}

div#header {
	position:relative;
	height: 480px;
	
	}
	
	
	#header #logga{position: absolute;
		top: 20px;
		left:4px;		
		}
		
		
		
div#midBanner {position: absolute;

		
		top: 150px;
		left:0;
		
		background-image:url(images/header01.png);
		width: 977px;
		height: 341px;
		background-repeat:no-repeat;
		background-position:left top;
		}
		div#midBanner h1 {
			text-indent: -99999px;}

		#page10 #midBanner{ background-image:url(images/header02.png);}
		
		#page14 #midBanner{ background-image:url(images/header04.png);}
		#page12 #midBanner{ background-image:url(images/header06.png);}
		#page8 #midBanner{ background-image:url(images/header05.png);}
		#page2 #midBanner{ background-image:url(images/header03.png);}
		
			
			
			
		
#midBanner #citat {position: absolute;
top: 15px;
height:300px;
left: 500px;
color: #FFFFC4;}
		
				#midBanner #citat p.citatl1 {
					margin-top:1px;
					margin-left: 40px;
					width: 400px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:1.5em;
					
					}
				
				
				
				#midBanner #citat p.citatl2 {
					margin-top:40px;
					width: 400px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:2.85em;
					
					}
				div#content {
    
    padding: 5px;
}


#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #566440;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #2E8294;
    border-bottom: 2px solid #566440;
}

/* ===== main navigation links ===== */

#header #mainMenu {          /* set the position for the nav elements */
    position: relative;
    left: 120px;

	top: 112px;
    bottom: 0px;
}
#mainMenu ul {               /* turn off all the normal list behavior */
    list-style: none;
	font-size:1.25em;
        padding: 0;
}

#mainMenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 2px;
    padding:3px;
}

/* ====- main content ===== */

#content div#mainContent {
    float: left;
	background-color: #fff;
	border-right:1px solid #AAAAAA;
    width: 430px;
    margin: 0 0;
    padding: 5px 5px 15px 5px;
}
#mainContent p {
    font-family: Georgia, serif;
   
    line-height: 1.4em;
    color: #000;
    margin: 10px 5px 45px 2px;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: "Trebuchet MS", sans-serif;
}

#mainContent h1 {
    font-size: 1.9em;
    font-weight: bold;
    color: #A0A85E;
    margin: 6px 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.6em;
    color: #3C3809;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}

/* SideBar */
 div#sidebar1 {
	 
	 float:left;
    
    width: 265px;
    padding: 5px 3px 15px;
    margin: 0;
  
}
div#sidebar2 {
    float: left;
    width: 235px;
     padding: 5px 3px 15px;
    margin: 0 0 0 2px;
	
     border-left: dashed #aaa 1px;
}

div#sidebar2 h3{  font-size: 1.1em;
font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #666;
    margin-left: 10px;}

div#sidebar1 h3{  font-size: 1.1em;
font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    color: #666;
margin-left: 10px;
  }

div#sidebar1 ul{
	list-style-type:none;
	margin:0;
	padding: 5px;
	
	
}

div#sidebar2 ul{
	list-style-type:none;
	margin:0;
	padding: 5px;
	
	
}
/* ====== main content left menu ====== */





 

	
	
div.footer {
	
	clear:right;
	text-align:center;
	font-size: 12px;
	}

#footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: #1b9d95;
    text-decoration: none;
}

/* ===== miscellaneous styles ===== */

.clear { clear: both }


div#mainContent p.metadata  {


text-align: center;
}


div.navigation {
width: 430px;

text-align: center;

}
/*****/

div#right-col{
	background-color: #39F;
float: left;
width: 507px;
	
	}
	
	p.meta {
		font-style: oblique;
		font-size:12px;
		width: auto;
		background-color: #CCC;
		line-height: 16px;
		margin: 10px;
		padding: 5px;
		}


form#searchform {

text-align: center;
width: auto;
margin: 0;
padding:0;
line-height: 25px;
}

div#mainContent ul.sidebar {
padding: 5px;
}


#content div#mainContentforum {
    float: left;
	background-color: #fff;
	border-right:1px solid #AAAAAA;
    width: 800px;
    margin: 0 0;
    padding: 5px 5px 15px 5px;
}