/*
Theme Name: Dellerhagen
Description: Dellerhagen.se - Unik design fr&aring;n Format P.
Version: 1
Author: Pia Hed Aspell
Author URI: http://www.formatp.se
Tags: dellerhagen, format p
*/

*			{	
  margin:0; padding:0; }
body		{	
  font-family:"century gothic",arial,sans-serif; font-size:0.8em; color:#444;
	background: #d2cfc9 url(layout/body_bg.jpg) repeat-x }
div.clear {	
  clear:both; height:1px; padding:0; margin:0	}
table	{	
  border-collapse:collapse; border-spacing:0	}
ul	{	
  list-style-type:none; list-style-image:none; padding:0; margin:0	}
p	{	
  margin:0.5em 0 0.5em 0; line-height:1.4em	}
a	{	
  color:#2081b8; text-decoration:none	}
a:hover	{	
  text-decoration:underline	}
a img	{	
  border:0	}

h1, h2, h3, h4, h5, h6  {	
		font-family:"century gothic",arial,sans-serif; text-transform:uppercase; color:#2081b8	}

#layout	{	
		width:941px; margin:0 auto;	background:url(layout/runner.jpg) repeat-y }
							
#content {	
		width:941px; background:url(layout/innehall.jpg) no-repeat	}
		
#navbar	{	
		width:941px; height:56px; background:url(layout/navbar.jpg) no-repeat }
#navbar	ul#navlist {
		height:33px; margin:0; padding:23px 0 0 9px 	}
#navbar	ul#navlist li.page_item, #navbar ul#navlist li.cat-item	{
		display:inline; list-style-type:none; margin-right:1px; padding:0; 	}
#navbar	ul#navlist li.page_item a, #navbar ul#navlist li.cat-item a	{	
		display:block; float:left; height:33px; line-height:33px; 
		color:#eee; padding:0px 7px 0px 7px; text-align:center;
		border-right:1px solid #000 }
#navbar	ul#navlist li.page_item a:hover, #navbar ul#navlist li.cat-item a:hover	{	
		display:block; background:#fff; color:#444; line-height:32px;
		text-decoration:none; border-top:1px solid #000; height:32px; }
#navbar	ul#navlist li.current_page_item a, #navbar	ul#navlist li.current-cat a  { 
		background:#fff; color:#444; border-top:1px solid #000  }

#header	{	
		position:relative; width:941px; height:275px; 
		background:#fff url(layout/header.jpg) no-repeat }
#header h1 {	
		width:440px; color:#a343ac; float:left; position:absolute; left:0 	}
#header h1 a {	
		display:block; width:330px; height:270px; margin-left:50px; text-indent:-9999px	}
#header p {	
		width:250px; height:30px; float:right; padding:0px 35px 0px 0;
		font-family:candara,sans-serif	}
							
/* SÖK PÅ SIDAN */
#header div#search {	
		position:absolute; right:19px; bottom:0; margin-bottom:1em	}
#searchform { 	
		margin:10px 0 0 0 }
#search #s { 	
		width:184px; height:24px; border:1px solid #dedede; line-height:22px; color:#444;
		float:left; padding:0 }
#search #searchsubmit {
		float:left; width:45px; height:25px; margin-left:10px; margin-right:10px; color:#444;
		font-family:candara,sans-serif; text-transform:uppercase }
#search #searchsubmit:hover	{ 	
		font-weight:bold  }

#main.start	{	
		width:941px; padding:4em 10px 3.5em 40px 	}
#main.start	h2 {	
		display:none 	}
#main.start	#ruta1 {	
		width:500px; height:185px; float:left; padding:10px; 
		background:#fff }
#main.start	#ruta1 img	{	
		border:0px solid #ccc; padding:0px	}
#main.start	#ruta1 h3 {	
		font-size:1em; margin:0 0 0.4em 0 }	

#main.start	#ruta2 {	
		width:250px; height:185px; float:left; margin:0 0 0 30px; padding:10px;
		background:#fff }
#main.start	#ruta2 img	{	
		border:0px solid #ccc; padding:0px; margin:10px 0	}
#main.start	#ruta2 h3 {	
		font-size:1em; margin:0 0 0.4em 0 }
#main {	
		width:560px; float:left; padding:10px 10px 5.5em 40px; margin:0	}
#main img {	
		border:1px solid #d2cfc8; padding:5px	}

#main img.alignright {
		float:right; margin-left:10px	}
#main img.alignleft {	
		float:left; margin-right:10px	}
#main img.aligncenter {	
		display:block; margin: 1em auto	}
#main ul {	
		list-style:circle; margin:0.5em 0 1.5em 0.5em; padding:0 0 0 1em	}
#main ul li {	
		margin:0 0 0.4em 0	}					
#main ul.browse {	
		margin:2em 0 2em 0; padding:0; font-size:0.8em; text-align:center; background:#fff }
#main ul.browse	li {
		display:inline; margin:0 1em 0 1em }
#main h2 {	
		font-size:1.4em; margin:1.5em 0 1em 0 }
#main h3 {	
		font-size:1em; margin:1.7em 0 0.4em 0 }
#main h4 {	
		font-size:0.8em; margin:1.5em 0 0 0; color:#444 }
#main h3.arkiv {	
		font-size:1em; margin:2em 0 0.5em 0	}
#main h3.respond {	
		font-size:1.1em; margin:2em 0 0.5em 0 }
#main h3#comments {	
		font-size:1.1em; margin:2em 0 2em 0 }
#main p.time {	
		font-size:0.8em; margin:0 0 1em 0	}
#main p.subline {	
		font-size:0.8em; margin:1em 0 0 0; padding:1em 0 0.5em 0;
		border-bottom:1px solid #d2cfc8; clear:both	}					
#main p.excerpt {	
		padding:0 0 1em 0;
		border-bottom:1px solid #d2cfc8; clear:both	}
#main div.subline {	
		width:560px height:2px; margin:2em 0 1em 0; padding:2em 0 0 0; 
		border-bottom:1px solid #d2cfc8; clear:both	}
#main p.wp-caption-text	{	
		margin:0 0 0 10px; font-style:italic	}
#main div.wp-caption	{	
		margin:2em 0 2em 0	}
#main p.meta {	
		font-size:0.8em; margin:1em 0 3em 0	}
#main ol.comments li {	
		list-style-type:none; background:#f3f1ed; border:1px solid #d2cfc8; 
		margin-bottom:1em; padding:0.8em	}
#main span.commenthead	{	
		display:block; font-size:0.8em; padding:0 0 0.5em 0	}
#main span.commenthead	img { 
		border:1px solid #666; margin:0 3px -2px 0; padding:0	}

/* SIDEBAR */
#sidebar {
		width:240px; float:right; padding:10px 10px 2em 10px; margin:0 20px 0 0	}
#sidebar a {	
		color:#444; 	}
#sidebar a:hover {	
		color:#444; text-decoration:none	}
#sidebar p.image	{	
		margin:1.5em 0 0 0	}
#sidebar p.image a	{	
		background:none; padding:0 }

#sidebar li.nav {
		color:#444; border-bottom:1px solid #d2cfc8; padding:0; margin:0 0 1em 0;  }

#sidebar h2 {
		height:25px; font-size:1em; margin:5px 0 0 0; 
		color:#444; padding:0 0 0 10px; line-height:25px;
		background:url(layout/sidebar_h2.jpg) no-repeat;	}

/* TRÄD NIVÅ 2 */	
#sidebar ul li.subnav h2 {
		height:25px; font-size:1em; margin:5px 0 0 0; 
		color:#444; padding:0 0 0 10px; line-height:25px;
		background:url(layout/sidebar_h2.jpg) no-repeat;	}
#sidebar ul li.subnav ul {
		padding:0; background:#f2f1ed; width:238px;
		border-right:1px solid #d2cfc8; border-left:1px solid #d2cfc8;
		border-bottom:1px solid #d2cfc8; margin-bottom:1em }
#sidebar ul li.subnav ul li {	
		height:18px; margin:0; padding:0 }
#sidebar ul li.subnav ul li a {	 
		display:block; margin:0; padding:0 0 0 10px; color:#444; line-height:18px }
#sidebar ul li.subnav ul li a:hover {	 
		color:#444; background:#dbdbdb }
#sidebar ul li.subnav ul li.current_page_item a {
		background:#dbdbdb }

/* TRÄD LEVEL 3 */	

#sidebar ul li.subnav ul div.children li {	
		padding:0; font-size:0.9em; width:238px }
#sidebar ul li.subnav ul div.children li a {	 
		display:block; margin:0; padding:0 0 0 20px; color:#444; line-height:18px }
#sidebar ul li.subnav ul div.children li a:hover {	 
		color:#444; background:#dbdbdb }
#sidebar ul li.subnav ul div.children li.current_page_item a {
		background:#dbdbdb }
		
		
/* ÖVRIGT */
#sidebar ul li.linkcat h2 {
		height:25px; font-size:1em; margin:5px 0 0 0; 
		color:#444; padding:0 0 0 10px; line-height:25px;
		background:url(layout/sidebar_h2.jpg) no-repeat;	}	
#sidebar ul li.linkcat ul, #sidebar ul li.posts ul, 
#sidebar ul li.arkiv ul, #sidebar ul li.categories ul {
		padding:0; background:#f2f1ed; width:238px;
		border-right:1px solid #d2cfc8; border-left:1px solid #d2cfc8;
		border-bottom:1px solid #d2cfc8; margin-bottom:1em }
#sidebar ul li.linkcat ul li, #sidebar ul li.posts ul li, 
#sidebar ul li.arkiv ul li, #sidebar ul li.categories ul li {	
		height:18px; margin:0; padding:0 }
#sidebar ul li.linkcat ul li a, #sidebar ul li.posts ul li a, 
#sidebar ul li.arkiv ul li a, #sidebar ul li.categories ul li a {	 
		display:block; margin:0; padding:0 0 0 10px; color:#444; line-height:18px }
#sidebar ul li.linkcat ul li a:hover, #sidebar ul li.posts ul li a:hover, 
#sidebar ul li.arkiv ul li a:hover, #sidebar ul li.categories ul li a:hover {	 
		background:#dbdbdb }

/* FOOTER */		
#footer	{	
		margin:0 auto 0 auto; width:941px; height:47px; clear:both; font-size:0.8em;
		background:url(layout/footer.jpg) no-repeat; color:#eee  }
#footer p {	
		line-height:17px; width:800px; padding:14px 0 0 20px; margin:0;	}
#footer p a {	
		color:#eee	}

/* KOMMENTERA INLÄGG */ 
#commentform #author, 
#commentform #email, 
#commentform #url {	
		width:300px; height:22px; line-height:22px; font-size:0.95em; color:#444;
		border:1px solid #d2cfc8; margin-bottom:0.5em; padding:0 5px  }
#commentform label {	
		font-size:0.9em }
#commentform #submit {	
		width:150px; height:25px; color:#444; margin:0.5em 0 0 0; 
		font-family:candara,sans-serif; text-transform:uppercase}
#commentform #submit:hover 	{	
		font-weight:bold  }
textarea#comment {	
		width:528px; height:130px; border:1px solid #d2cfc8; font-size:0.95em; color:#444;
		margin-top:0.3em; padding:5px; font-family:verdana,arial,sans-serif }
		
		
/* Kontaktformulär */  
  
#cform textarea {	
  width:530px; border:1px solid #9f9f9f; margin:5px 0 0 0; padding:3px;
	font-family:"century gothic",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:"century gothic",sans-serif; color:#555	}					
#cform #submit, #cform #reset	{ 
  height:25px; bcolor:#555; margin:10px 0 0 0; padding:0 2px 0 2px }

form.wpcf7-form th {
  font-weight:normal; text-align:left; padding-right:20px; padding-bottom:5px }		
form.wpcf7-form input.text {
  width:250px; height:18px; border:1px solid #9f9f9f; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:"century gothic",sans-serif; color:#555 }
form.wpcf7-form textarea {
  width:400px; border:1px solid #9f9f9f; padding:3px;
	font-family:"century gothic",sans-serif; font-size:1em; color:#555	}
form.wpcf7-form input.knapp	{	
  width:70px; height:25px; color:#555	}

table.kontaktform {	
  margin:1em auto	}
table.kontaktform td {	
  background-color:#fff; padding-bottom:10px	}
table.kontaktform th {
  font-weight:bold; vertical-align:top; padding-bottom:10px;
	font-family:"century gothic",sans-serif; text-transform:uppercase; font-size:1em;	}
