/*
Theme Name: MåBättre Solna
Description: En ny design från Format P.
Version: 1-2010
Author: Pia Hed Aspell
Author URI: http://www.formatp.se
Tags: 2010, ny, Mabattre.com
*/

* {
	margin:0; padding:0}
blockquote, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { 
	margin:0; padding:0}
ul,ol {
	list-style-type:none; list-style-image:none}
body {
	font-family:arial,sans-serif; font-size:0.8em;
	background: url(layout/body_bg.jpg) repeat-x; color:#444}
div.clear { 
	width:1px; height:1px; clear:both; background:transparent; border-color:transparent}
table {
	border-collapse:collapse; border-spacing:0}
a {
	color:#666; text-decoration:none}
a:hover {
	text-decoration:underline}
a img {
	border:0}
img.alignright {
	float:right; margin-left:1em}
img.alignleft {
	float:left; margin-right:1em}
img.aligncenter {
	display:block; margin:1em auto}
h1,h2,h3,h4,h5,h6 {
  text-transform:uppercase; font-family:"century gothic",arial,sans-serif}
  
table.personal {}
table.personal td { padding:2px 15px 2px 2px}
table.personal th { text-align:left; padding:2px 15px 2px 2px}

#layout { /* Gäller ej startsidan */
	width:947px; margin:0 auto; background:#EEEF92 url(layout/runner.jpg) repeat-y }
#header {
	width:947px; height:193px; position:relative; margin:0 auto;
	background:url(layout/header.jpg) no-repeat;
	font-family:"century gothic",arial,sans-serif}
#header h1 {
	width:250px; height:150px; text-indent:-9999px }
#header h1 a {
	display:block; position:relative; left:0; top:0; width:250px; height:150px}
	
#header ul.nav { /* Huvudnavigering */
	position:absolute; bottom:10px; left:20px; right:20px;
	border-left:1px solid #fff; color:#fff; text-transform:uppercase }	
#header ul.nav li {	
	display:inline; padding:0 6px 0 6px; border-right:1px solid #fff	}
#header ul.nav li.current_page_item {	
	color:#c2c211	}
#header ul.nav li a {	
	color:#fff	}
#header ul.nav li.current_page_item a, #header ul.nav li.current-cat a {	
	color:#c2c211	}

/* Layoutregler för startsidan */
body#start #content {
	width:947px; background:url(layout/content_bg.jpg) no-repeat;
	margin:auto; position:relative; }
body#start #content #main {
	width:947px}	
body#start #content #main h2 {
	font-size:1px; text-indent:-9999px;	background-image:none;
	margin:0; padding:0 }
body#start #content #main #toparea img#news { /* Senaste Nytt-bilden */
	position:absolute; top:160px; left:-35px; z-index:400 }
body#start #content #sidebar {
	margin-top:-1.1em; padding-top:0 }

/* Vanliga sidor */
body #content {
	width:947px; background:url(layout/undersida_bg.jpg) no-repeat }

	
#main	{
	width:630px; float:left; padding:10px 0px 2em 30px; margin-top:-1em; background:transparent}
#main h2 {	
	font-size:1.8em; width:630px; height:64px; margin:2em 0 1em 0; padding:0 0 0 0px;
	background:url(layout/h2_bg.jpg) left bottom no-repeat}
#main div.post h3	{
	font-size:1.3em; margin:2em 0 0.5em 0; color:#c2c211}
#main div.post h4	{
	font-size:1em; margin:2em 0 -0.5em 0; color:#777}
#main div.post img {
	padding:2px; border:1px solid #ccc}
#main div.post p.date {
	font-size:0.8em; margin:-1.7em 0 1em 0}
#main div.post ul {
	margin:1.5em 0 1.5em 0.5em; padding-left:1em}
#main div.post ul li {
	list-style:circle; line-height:1.4em}
#main div.post ul.arkiv	{
	text-transform:capitalize}
	
/* Startsidan */
#toparea { /* Innehåller aktuelltnotis och Flashobjekt */
	width:947px; height:187px; margin:0 auto; background:none; position:relative}
	
#main #newpost { /* Egenskaper för aktuelltnotis */
	width:380px; height:185px; position:absolute; left:0px; top:10px }
#main #newpost h3 {
   color:#c2c211; margin-top:20px}
#main #newpost h3 a {
   color:#c2c211}
#main #newpost p {
   margin:0.7em 0 0.7em 0}
#main #newpost p.info {
   font-size:0.8em; margin:0}
#main #newpost img.size-thumbnail {
   float:right; padding:2px; margin:-27px 0 0 10px; border:1px solid #ccc}
	
#flashobject {
	width:487px; height:185px; position:absolute; left:409px; top:13px;
	display:block; padding:4px; border:1px solid #999999; 
	background:#fff url(layout/valkommen.jpg) no-repeat 4px 4px;
	-moz-box-shadow: 2px 2px 3px #bbb;  
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom: 1;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)}	


/* Annonser på startsidan */
#annonser {
	width:415px; float:left; padding:10px 0px 2em 30px; margin:0}
#annonser p {margin:0; padding:0}
 
/* #annonser img,#annonser table#annonsrad td img {
	display:block; padding:4px; border:1px solid #999999; background-color:#fff;
	-moz-box-shadow: 2px 2px 3px #bbb;  
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom: 1;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	} */
#annonser table.annonsrad {
	width:668px; margin:0 0 0 -18px; padding:0;}
#annonser #kampanj img {
	width:401px; height:185px; margin:0px 0 15px -17px; *margin:0px 0 12px -17px;
	display:block; padding:4px; border:1px solid #999999; background-color:#fff;
	-moz-box-shadow: 2px 2px 3px #bbb;  
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom: 1;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	}
#annonser table.annonsrad td.medium1 img { /* Rad med medium först */
	width:402px; height:185px; margin:15px 15px 0 0; *margin:13px 12px 0 0px}
#annonser table.annonsrad td.small2 img {
	width:231px; height:185px; margin:15px 0 0 0; *margin:13px 0 0 0px}
	
#annonser table.annonsrad td.small1 img { /* Rad med small först */
	width:231px; height:185px; margin:15px 15px 0 0; *margin:13px 12px 0 0}
#annonser table.annonsrad td.medium2 img {
	width:402px; height:185px; margin:15px 0 0 0; *margin:13px 0 0 0}

#annonser img.large {
	width:658px; height:185px; margin:15px 0 0 -18px; *margin-top:13px}
	
#annons1 { /* Annonsrutor */
	float:left; width:401px; height:185px;
	margin:0 0px 0 -17px; *margin:0 0px 0 -17px; 
	padding:4px; border:1px solid #999999; background-color:#fff;
	-moz-box-shadow: 2px 2px 3px #bbb;  
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom: 1;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	}	
	
/* Dagens pass på startsidan */
#dagenspass {
	float:left; width:231px; height:395px; margin:10px 0 0 -6px; *margin:0px -23px 0 0; 
	background:#fff url(layout/flower_bg.jpg) no-repeat 90% 95%; border:1px solid #999999; padding:4px; 
	-moz-box-shadow: 2px 2px 3px #bbb;
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	}
#dagenspass h3 { 
   color:#c2c211; margin:10px 0 0 10px }
#dagenspass h3 a { 
   color:#c2c211 }
#dagenspass table.schema {
	border:1px solid #ccc; width:220px; margin:10px auto 0 auto}
#dagenspass table.schema th {	
	text-align:left; text-transform:uppercase; color:#c2c211; font-size:0.85em;
	letter-spacing:1px; padding:3px 0 3px 3px; background:#000; border:1px solid #ccc}
#dagenspass table.schema td {	
	padding:3px 0 0px 3px; border:1px solid #ccc}
#dagenspass table.schema col.tid    {width:25px}
#dagenspass table.schema col.pass   {width:85px}
#dagenspass table.schema col.instr1 {width:85px}
	
/* Arkivsidor */	
#main div.apost h3 {	
	font-size:1.3em; margin:2em 0 0.5em 0; color:#c2c211 }
#main div.apost h3 a {	
	color:#c2c211 }
#main div.apost p.date {
	font-size:0.8em; margin:-0.5em 0 1em 0	}
#main div.apost p img.size-thumbnail {
	border:1px solid #ccc; padding:3px }

#main h3.respond {	
	font-size:1.3em; margin:2em 0 0.5em 0 }
#main h3#comments {	
	font-size:1.3em; margin:3em 0 0.5em 0 }
#main p {	
	margin:1em 0; line-height:1.4em	}
#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	}
	
/* Aktuellt-sidan */	
#main #newposts {
	width:630px; padding:0; margin:0 0 1.5em 0 }
#main #newposts h3 { 
   color:#c2c211; margin-top:0 }
#main #newposts h3 a { 
   color:#c2c211 }
#main #newposts p { 
   margin:0.7em 0 0.7em 0 }
#main #newposts p.info { 
   font-size:0.8em; margin:0 }
#main #newposts img.size-thumbnail { 
   float:right; padding:2px; margin:-27px 0 0 10px; border:1px solid #ccc  }
 
/* Tabell till personalfoton */ 
#main table.pfoto		{width:600px; margin:1em auto	}
#main table.pfoto td	{padding:0 10px 0 10px; font-size:0.85em	}
#main table.pfoto td	strong {display:block; padding-top:3px	}
#main table.pfoto td	img {padding:3px; border:1px solid #ccc; margin:0}

/* Veckoschema, veckans pass */
table.schema {
	border:1px solid #ccc; width:460px; margin:0 auto 1.5em auto}
table.schema th {	
	text-align:left; text-transform:uppercase; color:#c2c211;
	padding:5px 0 5px 3px; background:#000; border:1px solid #ccc;	}
table.schema td {	
	padding:3px 0 0px 3px; border:1px solid #ccc;}
table.schema col.tid    {width:50px}
table.schema col.pass   {width:150px}
table.schema col.instr1 {width:130px}
table.schema col.instr2 {width:130px}



body #sidebar {
	width:238px; float:right; margin:10px 12px -3px 0}
#sidebar {
	width:238px; float:right; margin:0 13px -3px 0}
#sidebar ul {margin-left:-1px}
#sidebar ul li.subnav, #sidebar ul li.categories { 
	background:transparent url(layout/sidebar_ul_li.png) repeat-y}	
#sidebar ul li ul {
	width:239px; padding:5px 0; border:1px solid #999999; 
	background:#fff url(layout/sidebar_ul.gif) right bottom no-repeat}
#sidebar ul li ul li {	
	padding:0px}
#sidebar ul li ul li.current_page_item a, #sidebar ul li ul li.current-cat a {
	background:#f3f3b3; font-weight:bold}	
#sidebar ul li ul li.current_page_item li a, #sidebar ul li ul li.current-cat li a {	
	background:transparent; font-weight:normal}
#sidebar ul li ul li a {
	display:block; width:229px; padding:3px 5px 3px 5px; background:transparent}
#sidebar ul li ul li a:hover {
	display:block; background:#f3f3b3; text-decoration:none}
	
/* Nivå 3 i sidonavigering */ 
#sidebar ul li ul li ul {
	width:239px; padding:5px 0; font-size:0.85em; background:transparent; border:0;
	margin-left:1px}
#sidebar ul li ul li ul li {
	padding:0px}
#sidebar ul li ul li ul li.current_page_item a, 
#sidebar ul li ul li ul li.current-cat a {	
	background:#f3f3b3; font-weight:normal}	
#sidebar ul li ul li ul li.current_page_ancestor a {	
	background:#f3f3b3; font-weight:bold}
#sidebar ul li ul li ul li a {
	display:block; width:218px; padding:2px 5px 2px 15px; background:transparent}
#sidebar ul li ul li ul li a:hover {
	display:block; background:#f3f3b3; text-decoration:none}
	
#sidebar h2	{	
	font-size:1em; font-weight:normal; color:#fff;
	font-family:"century gothic",arial,sans-serif;
	margin:1em 0 0 -1px; padding:6px 0 0 5px; width:236px; height:24px;
	background:url(layout/sidebar_h2.jpg) no-repeat}

#sidebar .sidebarAdd { margin:18px 0 0 -1px; *margin:19px 0 0 -1px }
#sidebar .sidebarAdd p { margin:0; padding:0}
#sidebar .sidebarAdd img {
	display:block; width:231px; height:185px; padding:4px;
	margin:0px 0 15px -1px; *margin:-1px 0 13px -1px; 
	background-color:#fff; border:1px solid #999999;
	-moz-box-shadow: 2px 2px 3px #bbb;  
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom:1;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	}

#sidebar #sidebarAdds object { /* För filmklipp i sidebar */
	display:block; width:239px; height:192px; margin:15px 0 15px 0; padding:0px;
	background-color:#fff; border:1px solid #999999;
	-moz-box-shadow: 2px 2px 3px #bbb;
	-webkit-box-shadow: 2px 2px 3px #bbb;
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3)
	}

#sidebar #open { /* Tabell för öppettider på startsidan */
	display:block; width:240px; height:182px; font-size:0.95em;
	margin:24px 0 0 0; padding:10px 0 0 0; background-color:transparent}
#sidebar #open h4 {
	margin:5px 0 10px 10px}
#sidebar #open table {
	width:238px; height:160px; margin:0; border:0; background:transparent; color:#fff}
#sidebar #open table td {
	padding:0 0 0 12px}
#sidebar #open table td.rubrik {
	color:#c2c211; padding:5px 0 0 10px; font-weight:bold}

#footerStart { /* Startsidans sidfot */
	width:927px; height:27px; clear:both; padding:0 0 0 20px; margin:0 auto;
	font-size:0.8em; background-image:none}
		
#footer {
	width:927px; height:27px; clear:both; padding:0 0 0 20px; margin:0 auto;
	font-size:0.8em; background:url(layout/footer.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/footer.png'
	sizingMethod='crop')}
#footer p {
	line-height:28px }


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

/* Sök */
body#page #sidebar #search {
	margin:10px 0 0 0}
#search { 
	margin:0}
#search #s {
	width:185px; height:26px; border:1px solid #000; line-height:22px;
	color:#444; float:left; margin-left:-1px; padding:0 5px}
#search #searchsubmit {
	float:right; width:38px; height:28px; color:#fff; text-align:center;
	background:url(layout/search_off.jpg) no-repeat; border:0;
	margin:0 -3px 0 0}
#search #searchsubmit:hover {
	width:38px; height:28px; color:#fff}

/* Kommentarer - används ej just nu
#commentform #author, #commentform #email, #commentform #url {
	width:300px; height:20px; line-height:20px; 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:550px; 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 */
#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}

form.wpcf7-form th {
  font-weight:normal; text-align:left; padding-right:20px}
form.wpcf7-form input.text {
  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#mailForm {
  margin:2em auto}
table#mailForm td {	
  background-color:#fff; padding:0 10px 10px 0}
table#mailForm th {
  font-weight:bold; vertical-align:top; padding:0 10px 10px 0;
  font-family:arial,sans-serif; text-transform:uppercase; font-size:0.85em}