/*
Theme Name: Annacharlotte.se
Description: En ny design från Format P.
Version: 1
Author: Pia Hed Aspell
Author URI: http://www.formatp.se
Tags: annacharlotte, format p, 2010
*/

*				{	margin:0; padding:0; }
body			{	font-family:arial,verdana,arial,sans-serif; font-size:0.8em;
					color:#444; background:#12110f url(layout/background.jpg) no-repeat center top; 	}

div.clear 		{	clear:both	}
table			{	border-collapse:collapse; border-spacing:0	}
ul				{	list-style-type:none; list-style-image:none; padding:0; margin:0	}

a img 			{	border:0	}
a				{	color:#cb943d; text-decoration:none	}
a:hover			{	text-decoration:underline	}

h1, h2, h3, 
h4, h5, h6 		{	font-family:"times new roman",times, serif; text-transform:uppercase; 
					color:#777; }
					
img.alignright 	{	float:right; margin-left:1em	}
img.alignleft 	{	float:left; margin-right:1em	}
img.aligncenter {	display:block; margin:1em auto	}

table.press		{	margin:1em auto;	}
table.press td	{	padding:0px 10px 0px 10px	}

table.press tr.text td	{	padding:1px 10px 15px 10px	}
				
body.start #layoutStart	
				{	width:971px; margin:0 auto; 
					background:url(layout/runner_start.gif) right top repeat-y;   }
body.start #layoutStart	
				{	width:971px; margin:0 auto; 
					background:url(layout/runner_start.gif) right top repeat-y;   }
				
#layout			{	width:971px; margin:0 auto; padding:0; 
					background:url(layout/runner.gif) right top repeat-y;  }
#innehall		{	margin:0; padding:0		}

body.start #header	
				{	width:971px; height:97px; margin:0 auto; position:relative;
					background:url(layout/header.jpg) no-repeat;	}
body #header	{	width:971px; height:97px; margin:0 auto; position:relative;
					background:url(layout/header_pages.jpg) no-repeat;	}
						
#header h1		{	text-indent:-9999px; position:absolute; top:0; left:0 }
#header h1 a	{	width:290px; height:97px; display:block;	 }

/* FLIKAR */
#header ul#flikar
				{	position:absolute; bottom:2px; right:-1px; list-style:none; height:30px; margin:0	}
#header ul#flikar li
				{	float:left; margin:0 0 0 5px; background:#7e5b7b	}
#header ul#flikar li a
				{	display:block; width:65px; height:30px; padding:0 5px 0 5px; line-height:30px; 
					background:#7e5b7b; color:#fff; border:1px solid #12110f; 
					text-align:center	}
#header ul#flikar li a:hover
				{	background:#fff; border:1px solid #12110f;  border-bottom:1px solid #fff;
					text-decoration:none; color:#12110f; border-bottom-color:#fff	}	
					
#header ul#flikar li#current a
			 	{ background:#fff; border:1px solid #12110f;  border-bottom:1px solid #fff;
					text-decoration:none; color:#12110f; border-bottom-color:#fff }

					
#sidebar		{	width:289px; padding:0; float:left; margin:0; background:transparent }
#sidebar ul 	{	padding:0 0 8px 2px; width:289px; margin:0; 	}
#sidebar a		{	color:#666	}

#sidebar li.fbook a img {display:block; float:left; margin:0 10px 0 0; width:20px; height:20px}



/* NIVÅ 1 ________________________________________________*/
#sidebar ul li.nav ul.level1	
				{	width:271px; padding:0; border:1px solid #12110f; border-bottom:0;
					background:#ededed; margin:0 auto }
					
#sidebar ul li.nav ul.level1 li  
				{	width:265px; padding:2px; height:20px; line-height:20px; font-weight:bold;
					background:#fde6ba;
					border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; 
					border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

#sidebar ul li.nav ul.level1 li a
				{	border:0; background:#fde6ba; font-weight:bold }	
					
#sidebar ul li.nav ul.level1 li a:hover 
				{	border:0; background:#fde6ba; text-decoration:underline }
				

/* NIVÅ 2 I LISTA ________________________________________________*/

#sidebar ul li.nav ul.level2		
				{	width:271px; padding:0; border:1px solid #12110f; border-top:0; border-bottom:0;
					background:#ededed; margin:0 auto;  }
										
#sidebar ul li.nav ul.level2 li 
				{	padding:0; height:22px;
					background:#ededed; border-bottom:1px solid #ffffff; }
					
#sidebar ul li.nav ul.level2 li.current 
				{	width:258px; padding:2px 2px 2px 9px; height:20px; line-height:20px; font-weight:bold;
					background:#fde6ba;
					border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; 
					border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8 }
					
#sidebar ul li.nav ul.level2 li a 
				{	width:260px; padding:2px 2px 2px 9px; height:20px; line-height:20px;
					display:block; background:#ededed; font-weight:bold;
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
					
#sidebar ul li.nav ul.level2 li a:hover 
				{ 	background:#fde6ba; text-decoration:none }
				
#sidebar ul li.nav ul.level2 li.current_page_item a
			 	{ 	font-weight:bold; background:#fde6ba }
				
				
/* NIVÅ 3 I LISTA */

#sidebar ul li.nav ul.level3		
				{	width:271px; padding:0; border:1px solid #12110f; border-top:0;
					border-bottom:0;  font-size:0.85em;
					background:#ededed; margin:0 auto;  }
										
#sidebar ul li.nav ul.level3 li 
				{	padding:0; height:18px;
					background:#ededed; border:1px solid #fff; border-top:0 }
					
#sidebar ul li.nav ul.level3 li a 
				{	width:252px; padding:1px 1px 1px 16px; height:18px; line-height:18px;
					display:block; background:#ededed; font-weight:bold }
					
#sidebar ul li.nav ul.level3 li a:hover 
				{	background:#fde6ba; text-decoration:none }

#sidebar ul li.nav ul.level3 li.current_page_item a
			 	{ 	font-weight:bold; background:#fde6ba }
									

/* ÖVRIGA I LISTAN */
#sidebar ul li.nav ul.pages, #sidebar ul li.categories ul, #sidebar ul li.linkcat ul,
#sidebar ul li.blogposts ul	
				{	width:271px; padding:0; border:1px solid #12110f;
					background:#ededed; margin:0 auto; }					
#sidebar ul li.nav ul.pages li a, #sidebar ul li.categories ul li a, 
#sidebar ul li.linkcat ul li a, #sidebar ul li.blogposts ul li a
				{	width:265px; padding:2px; height:20px; line-height:20px;
					display:block; border-left:1px solid #ffffff; border-top:1px solid #ffffff;
					border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;
					background:#ededed; font-weight:bold;
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#sidebar ul li.nav ul.pages li a:hover, #sidebar ul li.categories ul li a:hover, 
#sidebar ul li.linkcat ul li a:hover, #sidebar ul li.blogposts ul li a:hover 
				{	border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;
					border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;
					background:#fde6ba; text-decoration:none }
					
#sidebar ul li.nav ul.pages li.current_page_item a
			 	{ font-weight:bold; background:#fde6ba }
				


/* BLOGG SIDEBAR */
#sidebar ul li.categories ul, #sidebar ul li.linkcat ul,
#sidebar ul li.blogposts ul	
				{	width:271px; padding:0; border:1px solid #12110f; border-top:0;
					background:#ededed; margin:0 auto 1em auto; }					
#sidebar ul li.categories ul li a, 
#sidebar ul li.linkcat ul li a, #sidebar ul li.blogposts ul li a
				{	width:265px; padding:2px; height:20px; line-height:20px;
					display:block; border-left:1px solid #ffffff; border-top:1px solid #ffffff;
					border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;
					background:#ededed;
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#sidebar ul li.categories ul li a:hover, 
#sidebar ul li.linkcat ul li a:hover, #sidebar ul li.blogposts ul li a:hover 
				{	border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;
					border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;
					background:#fde6ba; text-decoration:none }
				
#sidebar ul li h2	{	
					font-family:arial,sans-serif; font-size:0.85em; width:267px; border:1px solid #12110f;
					border-bottom:0; height:20px; line-height:20px; padding:2px 1px 3px 3px;
					background:#ededed; margin:0 auto;	}

#sidebar ul #profileImgs {
	width:273px; height:300px; margin:8px auto; 
	background:url(layout/profImgs.jpg) no-repeat}
#sidebar ul #facebook {
	width:273px; height:176px; margin:7px auto; 
	background:url(layout/facebook.jpg) no-repeat}
#sidebar ul #facebook a {
	display:block; text-indent:-9999px; width:273px; height:146px}

/* Kalender */
div#kalender			{	width:271px; padding:0; border:1px solid #12110f; border-top:0;
							background:#ededed; margin:0 auto 1em 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:35px; height:20px; text-transform:uppercase; text-align:center;
							border:1px solid #aaa; background-color:#cbabb9 }
div#kalender table	td	{  	width:35px; height:20px; border:1px solid #aaa; 
							text-align:center; background:#fff }
div#kalender a 			{  	width:35px; height:20px; display:block; text-decoration:none; line-height:20px;
							background-color:#e7dbe0 }
div#kalender a:hover	{  	background-color:#cbabb9; color:#000 }
div#kalender tfoot td	{	border:0; background:#ededed; color:#444 }


/* HUVUDSPALTEN  */

#main					{	width:625px; float:right; padding:0 20px 1em 20px; margin:0;	}
							
#main h2				{	font-size:1.8em; margin:1.5em 0 1em 0; color:#7e5b7b	}
#main h2 a				{	color:#7e5b7b	}

#main h3				{	font-family:arial,sans-serif; text-transform:uppercase;
							font-size:1.8em; margin:1.5em 0 1em 0; color:#7e5b7b	}

#main div.post h3		{	font-size:1em; margin:2em 0 0.5em 0	}
#main div.post p.date	{	font-size:0.8em; margin:-1.7em 0 1em 0	}

#main div.apost h3		{	font-size:1em; margin:2em 0 0.5em 0 }
#main div.apost p.date	{	font-size:0.8em; margin:-0.5em 0 1em 0	}

#main h3.respond		{	font-size:1em; margin:2em 0 0.5em 0 }
#main h3#comments		{	font-size:1em; margin:3em 0 0.5em 0 }
#main ol.comments		{	list-style:none	}
#main ol.comments li	{	border-bottom:1px solid #ccc; padding-bottom:1em	}

#main p					{	margin:1em 0	}
#main p.subline			{	font-size:0.8em; margin:1em 0 1em 0; padding:0 0 2em 0; 
							clear:both; border-bottom:1px solid #ccc	}
#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 ul.browse			{	margin:2em 0	}
#main ul.browse	li		{	display:inline	}


/* SIDFOTEN */
#footer			{	width:960px; height:30px; clear:both; padding:10px; margin:0 auto; font-size:0.8em }
#footer a		{	color:#666 }


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

/* Sökfält */
#search 	{ 	width:271px; margin:0em auto; padding-bottom:1em; clear:both	}
#search #s 	{ 	width:202px; height:24px; border:1px solid #12110f; line-height:22px; color:#444;
						float:left; padding:0 5px; background:transparent }
#search #searchsubmit 		{ 	float:right; width:50px; height:26px; margin-left:5px }
#search #searchsubmit:hover	{ 	width:50px; height:26px }

/* Kommentasformulär */
#commentform				{	display:block; margin:1em auto;	} 
#commentform #author, 
#commentform #email, 
#commentform #url 			{	width:300px; height:22px; line-height:22px; font-size:0.95em; color:#444;
								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:450px; height:130px; border:1px solid #999; font-size:0.95em; color:#444;
								margin-top:0.3em; padding:5px; font-family:verdana,arial,sans-serif }
							
/* Kontaktformulär */
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 				{	margin:1em auto	}
table.kontaktform td			{	background-color:#fff	}
table.kontaktform th			{	font-weight:bold; vertical-align:top; 
									font-family:calibri,arial,sans-serif; text-transform:uppercase; font-size:1em;	}