* 				{	margin:0; padding:0 }
html,body 	{	height:100% }
body 			{	font-family:arial,helvetica,sans-serif; font-size:0.8em; color:#555;
	 				background:#000 url(layout/body.jpg) repeat-x }
ul, ol, blockquote, p 
				{	margin:0; padding:0; list-style:none }
table 		{	border-collapse:collapse; margin:1.5em 0 }
a img 		{	border:0 }
a				{ 	color:#ababab ;text-decoration:none }	
a:hover		{ 	text-decoration:underline; color:#555 }
code			{ 	font-family:"courier new",monospace; color:#888; font-size:1.1em }
.eng, .eng a, a .eng	
				{	font-style:italic; color:#669900 }
.clear 		{	clear:both; width:1px; height:1px }
div.center, 
p.center 	{	text-align:center; margin:1em auto	}
.center img	{	margin:0 0.5em	}
div.intro 	{	font-size:1.2em; background:#eee url(layout/intro_bg.jpg) right bottom no-repeat; 
					border:1px solid #aaa; padding:10px; margin-bottom:4em; 	}
					
#layout { width:1002px; min-height:100%; height: auto !important; height:100%;
			 margin:0 auto; margin-bottom:-157px; background:#fff url(layout/runner.jpg) repeat-y }	
#push   { height:157px	}	/* Same height as footer. Sticky-footer */
	
/* F O O T E R */
#footer	{	
	width:1002px; height:157px; margin:0 auto; color:#222; font-size:0.85em;
	background:url(layout/footer.jpg) no-repeat  }
#footer ul {
	list-style:disc; margin:0.5em 0 0.5em 1em; padding-left:0.5em }
#footer p	{	
	margin:0 0 0.5em 0; padding:0 }
#footer p.copy {
	margin:2em 0 0.5em 0 }
#footer a	{	
	color:#222	}
#footer div#ftr1,#footer div#ftr2 {
	float:left }
#footer div#ftr1 {
	width:670px; height:145px; 
	margin:10px 10px 0px 20px }
#footer div#ftr2 {
	width:285px; height:145px; 
	margin:10px 0 0px 0px; text-align:right }
#footer div#ftr2 a {
	display:block; margin:0 0 0.3em }						

/* H E A D E R */					
#header	{	
	width:1002px; height:237px; position:relative;
	background:transparent url(layout/header.jpg) no-repeat		}				
#header h1 {	
	text-indent:-9000px; position:absolute; top:40px; left:0px 	}				
#header h1 a {	
	display:block; width:1000px; height:155px; text-decoration:none  }
#header h1 a:hover {
	background-image:none; text-decoration:none  } 					
#header ul#nav1 {
	font-family:calibri,sans-serif; text-transform:uppercase; height:40px; margin:0	}
#header ul#nav1 li	{	
	display:inline; float:left; height:40px; list-style:none; 
	margin:0 0 0 0; overflow:hidden; padding-right:2px }
#header ul#nav1 li a	{	
	display:block; float:left; color:#666; text-decoration:none; 
	line-height:40px; height:40px; text-align:center; padding:0 10px 0 10px }
#header ul#nav1 li a:hover	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat }
#header ul#nav1 li:hover	{	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat }
#header ul#nav1 li.current_page_item, #header ul#nav1 li.current-cat {	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat	}
#header ul#nav1 li.current_page_item a, #header ul#nav1 li.current-cat a	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat	} 
#header ul#nav2 {
	font-family:calibri,sans-serif; text-transform:uppercase; height:40px; 
	margin:157px 0 0 607px	}
#header ul#nav2 li	{	
	display:inline; float:left; height:40px; list-style:none; 
	margin:0 0 0 0; overflow:hidden; padding-right:2px }
#header ul#nav2 li a	{	
	display:block; float:left; color:#666; text-decoration:none; 
	line-height:40px; height:40px; text-align:center; padding:0 10px 0 10px }
#header ul#nav2 li a:hover	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat }
#header ul#nav2 li:hover	{	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat }	
#header ul#nav2 li.current_page_item {	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat	}
#header ul#nav2 li.current_page_item a	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat	}

/* M A I N   C O N T E N T */
#main	{	
	float:left; width:640px;
	padding:10px 0 1.5em 20px; margin:1em 0 0 0px;
	background:transparent; line-height:1.5em }								
#main h2	{	
  	font-size:2.2em; font-family:calibri,arial,sans-serif; text-transform:uppercase;
  	font-weight:normal; text-align:left; margin:1em 0 0.7em 0; padding:0 }							
#main h2 a {	
  	color:#555	}
#main h2 a:hover {
  	color:#ababab; text-decoration:none	}		
#main h3 {
  	clear:both; 
  	font-size:1.2em; font-family:calibri,arial,sans-serif; text-transform:uppercase; color:##6f6f6f;
	padding:1em 0 2px 0; border-bottom:dotted 1px #ccc	}	
#main h3.arkiv {	
  	font-size:1.2em; font-family:calibri,arial,sans-serif; text-transform:uppercase; border:0 }	
#main h3#comments	{	
  	font-size:1.2em; border:0; margin-bottom:1.5em }		
#main h3#respond {	
  	font-size:1.2em; border:0; padding:2em 0 1em 0 }	
#main h3.search {	
  	font-size:1.2em; font-family:calibri,arial,sans-serif; text-transform:uppercase; border:0	}
#main h4 {	
  	font-size:1em; padding:1.5em 0 0 0	}
#main p, #main .post p {	
  	margin:0.7em 0; font-size:1em; text-transform:none }
#main p.obs	{	
  	border:1px solid #ffaa0d; background:#fff0d5; padding:3px }
#main pre {	/* För kodblock */
  	display:block; margin:1em 0 1.5em 0; padding:3px; 
	font-family:courier new,monospace; font-size:1.1em; color:#666;  
	border:1px solid #555; background-color:#eee}

  
/* Avdelaren med ikoner */ 
#main p.subrow { 
	clear:both; font-size:0.8em; background:#fff; border:0;
	padding-bottom:0.7em; margin:2em 0 2em 0; height:46px; 
	background:url(layout/avdelare.gif) no-repeat center bottom }
#main p.subrow img.icon { 
	width:16px; height:16px; border:0; padding:0 3px 0 0 }
#main p.subrow img.first { 
	margin:0 0 -4px 0 }
#main p.subrow img.last { 
	margin:0 0 -4px 20px }

/* Bilder i innehåll */	
#main img	{	
  padding:5px; margin:0.5em 0; background:#fff; border:1px solid #ccc }
#main img.clean {	
  padding:0; margin:0.5em 0; border:0 }
#main img.alignright {	
  float:right; margin-left:10px }
#main img.alignleft {	
  float:left; margin-right:10px }
#main img.aligncenter {	
  display:block; margin:1em auto }	
  
/* Vanliga punkt- och nummerlistor i innehåll */			
#main div.post ul	{	
  list-style:circle; margin:1em 0 1em 2em	}
#main div.post ul li {	
  padding-left:0; margin-left:0	}
#main div.post ol	{	
  list-style:decimal; margin:1em 0 1em 3em }
#main div.post ol li	{	
  padding-bottom:0.5em }

/* De fyra notiserna på startsidan */  
#main div.post .duoposts {
	width:660px; font-size:85%; margin:11px 0 0 -12px; }
#main div.post .duoposts .duo {	
	width:298px; height:210px; border:3px solid #aaa;
	float:left; margin:0 0 0 12px; padding:5px; position:relative;
	background:url(layout/triple.jpg) right top no-repeat	}
#main div.post .duoposts .duo h2 {
	font-size:1.5em; margin:0 0 0.7em 0; 
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
#main div.post .duoposts .duo h2 a {
	color:#555}
#main div.post .duoposts .duo h2 a:hover { 
	color:#ababab }	
#main div.post .duoposts .duo p { 
	line-height:1.4em; text-align:left }
#main p div.more-link {
	display:inline }
#main div.post .duoposts .duo p.subduo { 
	margin:0; position:absolute; 
	font-size:2em; font-family:georgia,arial,sans-serif; 
	color:#ccc; bottom:10px; right:5px }
#main div.post .duo p.subduo img { 
	border:0; margin-bottom:-5px }

 /* Bläddring mellan Äldre/Nyare inlägg */	
#main ul.browse {	
  margin:2em 0 0 0 }
#main ul.browse li {
  display:inline; margin:0 1em 0 0 }	

/* Kalender på Arkiv-sida */	
div#kalender {
	width:306px; padding:0; border:1px solid #ababab; 
	background:#ededed; margin:1.5em auto 1.5em auto }
div#kalender caption {
	text-transform:uppercase; word-spacing:10px; letter-spacing:3px; 
	margin:1em 0 0.3em 0; line-height:25px; color:#444; background:#ededed;
	font-size:0.9em }
div#kalender table {	
	font-size:0.9em; margin:0 auto 1em auto; *margin-top:1em; text-align:center }
div#kalender table th {
	width:40px; height:20px; text-transform:uppercase; text-align:center;
	border:1px solid #aaa; background-color:#e6faa9 }
div#kalender table td {
	width:40px; height:20px; border:1px solid #aaa; 
	text-align:center; background:#fff }
div#kalender a {
	width:40px; height:20px; color:#444; display:block; text-decoration:none; line-height:20px;
	background-color:#f4fdd9 }
div#kalender a:hover	{
	background-color:#e6faa9; color:#000 }
div#kalender tfoot td {
	border:0; background:#e6faa9; color:#444 } 
ul.manadArkiv {
	width:200px; border:1px solid #ababab;
	padding:10px; margin:1.5em 20px 1.5em 100px; 
	text-transform:capitalize; float:left } 
ul.katArkiv {
	width:200px; float:left; border:1px solid #ababab;
	padding:10px; margin:1.5em 20px 1.5em 0 } 
ul.katArkiv,ul.manadArkiv {
	list-style:disc; padding-left:0.5em }
ul.katArkiv li,ul.manadArkiv li {
	margin-left:1em; padding-left:0 } 
				
/* Kommentarssida */
#main ol.comments li {	
  border:1px solid #aaa; padding:10px 5px; 
	background:#eee; margin-bottom:10px	}
#main ol.comments li img {
  border:0; padding:0; margin:0 0 -2px 0; background:transparent	}
#main ol.comments span.commentInfo {
  font-size:0.9em; font-family:georgia,serif	}				
#main ol.comments li img.avatar {	
  margin:0 0 -3px 0; padding:0; border:1px solid #aaa	}	

/* Kommentarsformulär */  
#cform textarea {	
  width:530px; border:1px solid #9f9f9f; margin:5px 0 0 0; padding:3px;
	font-family:arial,sans-serif; font-size:1em; color:#555 }
#cform #author,#email,#url	{	
  width:250px; height:20px; border:1px solid #9f9f9f; margin:5px 0 5px 0; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#555 }					
#cform #submit, #cform #reset	{ 
  height:25px; bcolor:#555; margin:10px 0 0 0; padding:0 2px 0 2px }			  

 								
/* S I D E B A R */
#sidebar	{	
  width:304px; float:right; padding:10px 0 1.5em 0; margin:0; 
  background:transparent; font-size:0.9em	}

#sidebar #illustration 		{ margin-top:1em }
#sidebar #illustration img { margin:0.5em 0; border:1px solid #ababab }

#sidebar ul {	
	width:304px; list-style-type:none }
	
#sidebar ul div#flash {
	width:289px; height:140px;	padding:0; margin:12px 0 20px 0 }
#sidebar ul div#flash object {
	width:289px; height:140px; border:1px solid #aaa; margin:0; padding:0 }
	
#sidebar li.subnav {
	width:290px; background:#f0f0f0;	padding:0; margin:1em 0 1.5em 0 }
#sidebar li.categories { 
	width:290px; padding:0 0 13px 0; margin:0;
	background:#f0f0f0 url(layout/piah_bg.gif) center bottom no-repeat }
#sidebar li.foto {
	width:290px; background:#f0f0f0;	padding:0; margin:0.5em 0 1.5em 0 }	
#sidebar li.linkcat {
	width:290px; background:#f0f0f0;	padding:0; margin:1.5em 0 1.5em 0 }
		
#sidebar li ul {
	width:289px; border-left:1px solid #ababab; border-right:1px solid #ababab;
	background:transparent; padding:10px 0 10px 0 }
#sidebar li.linkcat ul, #sidebar li.subnav ul {
	border-bottom:1px solid #ababab }	

/* Fotot ligger i en DIV */		
#sidebar li.foto div {
	width:289px; padding:0; margin:0; 
	border:1px solid #000; border-top:0; background:transparent }
#sidebar li.foto div img {
	border-bottom:1px solid #000 }
#sidebar li.foto div p {
	padding:0 }
#sidebar li.foto div p.bildtext {
	background:#222; color:#999; width:285px; padding:2px 0 2px 4px; font-size:0.85em }	
#sidebar li.foto div p.bildtext a, #sidebar li.foto div p a:hover { 
	display:inline; color:#999; border:0; background:#222; padding:0 }
#sidebar li.foto div p.bildtext a:hover { 
	display:inline; color:#999; border:0; background:#222; text-decoration:underline }
#sidebar li.foto div p#top {
	padding:0 }	
	
#sidebar h2	{	
	font-family:calibri,arial,sans-serif; text-transform:uppercase; font-size:1.15em; 
	padding:1px 5px 0 10px; margin:0; color:#999; 
	height:21px; width:277px; line-height:20px; 
	background:url(layout/sidebar_h2.jpg) no-repeat; border:0 }
#sidebar a {	
  display:block; width:269px; color:#555; padding:2px 10px 2px 10px;
  border-top:1px solid transparent; border-bottom:1px solid transparent	}
#sidebar a:hover {	
  color:#333; background:#fff; text-decoration:none;
  border-top:1px solid #aaa; border-bottom:1px solid #aaa }

/* Aktiva länkar */
#sidebar li.subnav ul li.current_page_item,
#sidebar li.subnav ul li ul li.current_page_item,
#sidebar li ul li.current-cat {
	color:#333; background:#fff; text-decoration:none;
	border-top:1px solid #aaa; border-bottom:1px solid #aaa }
	
/* Sökfält */
#search { 
  	margin:0; height:40px; position:absolute; top:-9px; right:15px	}
#search label {	
  	font-size:0.8em; text-transform:uppercase	}
#search #s { 	
  	width:230px; height:24px; float:left;
	border:1px solid #555; line-height:22px; color:#666; padding:0 5px; background:transparent }
#search #searchsubmit {
  	float:left; width:29px; height:30px; margin:-2px 0 0 10px; text-indent:-9999px;
	background:url(layout/search_button.jpg) no-repeat; border:0 }
#search #searchsubmit:hover {
  	width:29px; height:30px } 

/* Kontaktformulär */  
form.wpcf7-form {
	width:550px; padding-top:2em; margin:0 auto }
form.wpcf7-form th {
  font-weight:normal; text-align:left; padding-right:20px }		
form.wpcf7-form input.textfalt {
  width:250px; height:18px; border:1px solid #9f9f9f; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#555 }
form.wpcf7-form textarea {
  width:400px; border:1px solid #9f9f9f; padding:3px;
	font-family:arial,sans-serif; font-size:1em; color:#555 }
form.wpcf7-form input.knapp {	
  width:70px; height:25px; color:#555	}
table.kontaktform {	
  width:550px; clear:both }
table.kontaktform td {	
  background-color:transparent }
table.kontaktform th {
  font-weight:bold; vertical-align:top; font-size:1em;
  font-family:calibri,arial,sans-serif; text-transform:uppercase }