/*
Theme Name: El-Per
Description: Tema till El-Per, okt-nov 2009
Version: 1
Author: Pia Hed Aspell
Author URI: http://www.formatp.se
*/

*			{	margin:0; padding:0; }
body		{	font-family:arial,verdana,sans-serif; font-size:0.8em; color:#606060; background-color:#e9e9e9  }
.clear 		{	clear:both	}
table		{	border-collapse:collapse; border-spacing:0	}
ul,ol		{	list-style-type:none; list-style-image:none; padding:0; margin:0	}

a img 		{	border:0	}
a			{	color:#26559b; text-decoration:none }
a:hover 	{	color:#606060 }

h1,h2,h3,h4	{	font-family:arial,sans-serif	}

#layout					{	width:886px; margin:0 auto; background:transparent url(layout/runner.jpg)	}
#header					{	width:886px; height:175px; background:url(layout/header.jpg); position:relative }
#header h1				{	font-size:1.7em  }
#header h1 a			{	display:block; width:250px; height:110px; text-indent:-9999px	}

#header ul#nav				{	position:absolute; right:30px; top:113px; font-family:arial,sans-serif	}
#header ul#nav li			{	float:left; height:29px; list-style:none; margin:0 }
#header ul#nav li a			{	color:#26559b; line-height:29px; display:block; float:left; 
								margin:0 0.3em 0 0.3em; padding:0 4px 0 6px }
#header ul#nav li a:hover	{	color:#606060; background:url(layout/hover_bg.gif) repeat-x }

#content				{	width:886px; background:url(layout/content.jpg) no-repeat; margin:0 auto  }

#main					{	width:580px; float:left; padding:10px 0 1em 10px; margin:0 }
#main p					{	margin:0 0 1em 0; line-height:1.45em; text-align:left	}
#main h2				{	font-size:1.5em; margin:1em 0 1em 0; color:#26559b }
#main h3				{	font-size:0.9em; margin:3em 0 1em 0; color:#26559b; text-transform:uppercase }
#main h3.arkiv			{	font-size:0.85em; margin:2em 0 0.85em 0; color:#26559b; text-transform:uppercase }
#main h3.respond		{	font-size:1em; margin:1em 0 1em 0; color:#26559b }
#main h3#comments		{	font-size:1em; margin:1em 0 1em 0; color:#26559b }

#main h4				{	font-size:1.0em; margin:2em 0 0.5em 0; color:#aaa	}

#main p.time			{	font-size:0.8em; margin:-1em 0 1em 0	}
#main p.subline			{	font-size:0.8em; margin:1em 0 2em 0; padding:0 0 1em 0; clear:both; 
							border-bottom:1px solid #b0b0b0	}
#main p.meta			{	font-size:0.8em; margin:1em 0 3em 0	}
#main span.commenthead	{	display:block; font-size:0.8em; padding:0.5em 0 0.5em 0; margin-top:2em	}
#main span.commenthead	img { border:1px solid #666; margin:0 3px -2px 0	}

#main img				{	padding:2px; margin:0.5em 0; background:transparent; border:1px solid #b0b0b0	}
#main img.alignright  	{	float:right; margin-left:20px	}
#main img.alignleft   	{	float:left; margin-right:20px	}
#main img.aligncenter 	{	display:block; margin: 1em auto	}

#main ul				{	margin:1em 0 1em 0.5em; padding:0 0 0 1em; list-style:disc;	}
#main ul li				{	line-height:1.45em	}

#main ul.browse			{	margin:2em 0; padding:0.5em 0 0 0; border-top:1px solid #b0b0b0 }
#main ul.browse li		{	margin:0 1em 0 0; padding:0; display:inline	}

#main #news				{	margin:0 40px 0 0	}
#main #news h4			{	margin-top:0	}


#main a			{	text-decoration:none	}
#main a:hover	{	text-decoration:underline	}

#main .more-link 		{   display:inline }


#main #logos				{	float:left; width:636px; height:150px; border-top:1px solid #b0b0b0; margin:2em 0 0 -20px }
#main table#logoTable		{	width:580px; margin:2em 0 0 2em }
#main table#logoTable	td	{	padding:5px 5px 10px 5px }
#main #logos img			{	border:0; padding:0	}

#main table.kontakta 		{	width:550px; margin:2em 0 0 0	}
#main table.kontakta td		{	padding:0 20px 5px 0; vertical-align:top	}
#main table.kontakta th		{   padding:0 20px 5px 0; text-align:left; vertical-align:top  }

#sidebar					{	width:241px; float:left; margin:0 0 0 0; color:#26559b; padding:1em 0 0 10px }
#sidebar img				{	display:block; margin:1em 0 0 10px	}
#sidebar ul.side_ul			{	margin:0 0 0 10px	}
#sidebar ul.side_ul li ul	{	padding-bottom:1em }
#sidebar ul.arkiv a			{	color:#666; text-decoration:none; display:block; width:210px; line-height:18px; 
								padding:1px 1px 1px 0 }
#sidebar ul.arkiv a:hover	{	background-color:#f8f8f8	}

#sidebar ul.side_ul li ul.arkiv li a  {	text-transform:capitalize	}

#sidebar h2					{	font-size:1.1em; font-family:calibri,sans-serif; text-transform:uppercase;
								padding:0; margin:1.5em 0 0.5em 0; 	}
#sidebar li.children ul		{	margin:2em 0 0 0	}

#sidebar h2#justnu			{	width:120px; height:24px; background:url(layout/just_nu.gif) no-repeat; 
								text-indent:-9999px; margin:5em 0 2em 30px	}
#sidebar p 					{	font-size:1em; margin:0.2em 0 0.2em 30px; width:180px; padding-bottom:0.5em; }

#footer			{	width:886px; height:26px; clear:both; margin:0px auto 0 auto; 
					background:url(layout/footer.jpg) no-repeat }
#footer a		{	color:#aaa; text-decoration:none	}
#footer a:hover	{	color:#666; text-decoration:underline	}
#footer p		{	clear:both; margin:0 0 0 20px; padding:20px 0 10px 0; font-size:0.8em	}


/*:::::::::::: F O R M U L Ä R :::::::::::::::::::*/

/* SÖK PÅ SIDAN */
#search 					{ 	margin:1em 0 1em 10px }
#search #s 					{ 	width:160px; height:24px; float:left;
								border:1px solid #87bdf6; line-height:22px; color:#666; padding:0 5px;  }
#search #searchsubmit 		{ 	float:left; width:30px; height:26px; margin:0px 0 0 5px; border:1px solid #87bdf6;
								background:#ecf8ff }
#search #searchsubmit:hover	{ 	width:30px; height:26p; border:1px solid #568ccf }

/* KOMMENTERA INLÄGG */ 
#commentform #author, 
#commentform #email, 
#commentform #url 			{	width:300px; height:20px; line-height:20px; font-size:0.95em; color:#666;
								border:1px solid #999; margin-bottom:0.3em; padding:0 5px  }
#commentform label	 		{	font-size:0.9em }
#commentform #submit 		{	width:50px; height:26px }
#commentform #submit:hover 	{	 }
textarea#comment 			{	width:550px; height:130px; border:1px solid #999; font-size:0.95em; color:#666;
								margin-top:0.3em; padding:5px; font-family:verdana,arial,sans-serif }
								
/* mail-formulär */	
.wpcf7							{	width:600px; margin:0; padding:0 }
.wpcf7 form 					{	margin:2em 0 0 0; padding:0 }
.wpcf7 form table tr th 		{	width:110px; font-family:arial,sans-serif; text-align:left; padding:0 10px 10px 0 }
.wpcf7 form table tr td 		{	padding:0 0 10px 0 }
									
.wpcf7 .text 					{	width:350px; height:20px; border:1px solid #87bdf6; padding:4px 3px 0 3px }
.wpcf7 textarea					{	width:350px; height:140px; overflow-y:auto; padding:3px; border:1px solid #87bdf6; 
									font-family:arial,sans-serif; font-size:1em }
.wpcf7 td.skicka				{	text-align:right }
.wpcf7 td.skicka input			{	width:50px; height:26px; font-size:0.95em; border:1px solid #87bdf6; background:#ecf8ff }
.wpcf7 td.skicka input:hover 	{	border:1px solid #568ccf }
