/*
Theme Name: Piah.se
Description: En WordPress-design från Format P.
Version: 2012.2
Author: Pia Hed Aspell
Author URI: www.piah.se
*/

/*
small	140 x 140
medium	250
large	670
thumbnail 200 * 150
*/


* 				{ margin:0; padding:0 }
html,body 	{ height:100% }
body 			{ font-family:Quattrocento,verdana,sans-serif,times,serif; font-size:1em; color:#333;
	 			  background:#e2e0de 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:#666 ;text-decoration:none }	
a:hover		{ text-decoration:underline; color:#999 }
code			{ font-family:"courier new",monospace; color:#e97a16; 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	}

h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans Condensed','arial narrow',sans-serif; font-weight:normal}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:none}

div.wp-pagenavi {margin:0 auto; text-align:center}

#layout { 
	width:1117px; min-height:100%; height:auto !important; height:100%;
	margin:0 auto; margin-bottom:-350px; background:url(layout/runner.jpg) repeat-y }
#content { 
	width:1117px}
#push { 
	height:350px}	/* Same height as footer. Sticky-footer */
	
/* F O O T E R */
#footer	{	
	width:1117px; height:350px; margin:0 auto; 
	padding:30px 0 0 0; color:#222; font-size:0.9em;
	background:url(layout/footer.jpg) no-repeat}
#footer p {
	margin:0; padding:0}
	
#footer div#ftr1 {
	width:270px; height:200px; margin:0 0 0 75px; float:left;
	padding-top:20px}
#ftr1 p {
	margin:0.5em 0; padding:0}	
	
#footer div#ftr2 {
	width:425px; height:200px; margin:0 10px 0 10px; float:left;
	padding-top:20px}
	
#footer div#ftr3 {
	width:250px; height:200px; margin:0; text-align:right; float:left;
	padding-top:20px}
	
#footer div.instapress-shortcode {width:400px}					

/* H E A D E R */					
#header	{	
	width:1117px; height:391px; position:relative;
	background:transparent url(layout/header.jpg) no-repeat}				
#header h1 {	
	text-indent:-9000px; width:300px; position:absolute; top:30px; left:365px}				
#header h1 a {	
	display:block; width:300px; height:187px}

#header ul#nav { /* navigering */
	width:600px; font-family:'PT sans',sans-serif; text-transform:uppercase; height:40px; 
	position:absolute; left:280px; top:247px}
#header ul#nav li {	
	display:inline; float:left; height:40px; list-style:none; 
	margin:0; padding-right:2px; overflow:hidden }
#header ul#nav li a	{	
	display:block; float:left; background:#373737; color:#aaa; text-decoration:none; 
	line-height:40px; height:40px; text-align:center; padding:0 10px 0 10px}
#header ul#nav li a:hover, #header ul#nav li.current_page_parent a	{	
	color:#fff; background:#868686; text-decoration:none}
#header ul#nav li:hover, #header ul#nav li.current_page_parent {
	color:#fff}
#header ul#nav li.current_page_item, #header ul#nav li.current_page_parent,
#header ul#nav li.current-cat {
	color:#fff}
#header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a,
#header ul#nav li.current-cat a	{
	color:#fff; background:#868686; text-decoration:none}
	

/* M A I N   C O N T E N T */

#main {
	float:left; width:670px; line-height:1.4em;
	padding:10px 0 50px 0px; margin:1em 0 0 80px}	

#main h2, #main div.post h2, #main div.post.blogroll h2 {	
  	font-size:1.9em; margin:0 0 0.8em 0; padding:5px 0 0 0;
  	text-transform:uppercase}
#main div.post h3 {
  	clear:both; font-size:1.4em; padding:1em 0 0 0}
#main div.post.archivePost h3 {
  	clear:both; font-size:1.4em; padding:1em 0 0.8em 0}
#main div.post p {
	margin:1em 0 1em 0} 
#main .post p.divider {
	clear:left; width:670px; text-align:right;
	margin:1.5em 0 3em 0; padding:10px 0 10px 0; border-bottom:1px solid #ccc}
#main div.post p.divider a {
	font-size:0.8em}
	
#main div.post p.postdata { /* Data under inläggets rubrik */
	background:url(layout/postdata.jpg) no-repeat; 
	width:730px; height:38px; color:#fff; 
	font-size:1.1em;
	padding:4px 0 5px 80px; margin:0 0 -10px -80px;
	font-family: 'Marck Script', sans-serif }
#main div.post p.postdata a {
	color:#fff}
	
#main div.post p img.wp-post-image {
	float:left; width:200px; height:150px; margin:0 10px 0 0}	 
	
/*Avdelare med ikoner */

#main div.post p.subrow img.icon {
	width:16px; height:16px; padding:0 3px 0 0}
#main div.post p.subrow img.first {
	margin:0 0 -5px 0}
#main div.post p.subrow img.last {
	margin:0 0 -5px 0px}
#main div.post p.divider img.icon {
	width:16px; height:16px; padding:0 3px 0 0}
#main div.post p.divider img.first {
	margin:0 0 -5px 0}
#main div.post p.divider img.last {
	margin:0 0 -5px 0}
 
#main h3#comments	{
  	font-size:1.3em; margin:1em 0 1.5em 0}  	
#main h3#respond {
  	font-size:1.3em; padding:2em 0 1em 0}
#main h3.search {
  	font-size:1.3em; text-transform:uppercase}
#main h4 {	
  	font-size:1em; padding:1.5em 0 0 0}
#main p, #main .post p, #mainPfolio p {
  	margin:0.7em 0; font-size:1em; text-transform:none}
#main p.obs	{
  	width:670px; color:#666; font-size:0.9em; font-style:italic;
	border:1px solid #8a4866; background:#e5ccd7; padding:3px 5px}
#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}
#main blockquote {
	margin:1.5em 0 1.5em 10px; padding-left:25px; font-style:italic;
	color:#958d7e;
	background:#fff url(layout/quote.jpg) no-repeat 0px 2px}
	
	 
/* Bilder i innehåll */	
#main img.alignnone {
  padding:0; margin:0.5em 0}
#main img.alignright {
  float:right; margin:-2px 0 0 10px}
#main img.alignleft {
  float:left; margin:-2px 10px 0 0}
#main img.aligncenter {
  display:block; margin:2em 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:0 0 0.5em 1em}
#main div.post ol	{
  list-style:decimal; margin:1em 0 1em 3em}
#main div.post ol li	{
  padding-bottom:0.5em}

  	
table#logospf img {
	border:0px solid #ccc; padding:0}	
table#logospf td {
	padding:2px 70px 2px 3px }
	
table#webbpf td {
	padding:2px 50px 2px 3px }
table#webbpf img {
	border:1px solid #ccc; padding:0}	
ul.portfolio {
	list-style:none; padding:8px 0 0 0; margin:2em 0 4em 0px;
	border:1px solid #ccc; background:#eee; width:940px; height:20px}
ul.portfolio li {
	display:inline; float:left; padding:0 10px;
	border-right:1px solid #666; margin:0; height:15px; line-height:15px}
ul.portfolio li.current_page_item a {
	color:#333}

#main div.post div#social {
	margin:2em 0 0 0}	
#main .linkwithin_hook {margin:2em auto 0 auto; width:500px}
	

/* C O M M E N T S */
#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; margin:5px 0 5px 0; padding:3px;
  border:1px solid #9f9f9f; 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 */

li.widget {list-style-type:none}

#sidebar {
	width:250px; float:right; padding:20px 0 0 0; margin:0 68px 0 0; font-size:0.9em}
#sidebar h2	{	
	font-size:1.3em; color:#333; text-transform:uppercase;
	padding:0; margin:1em auto 0 auto;
	width:247px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}	
#sidebar h3	{	
	text-transform:none;
	font-size:1.1em; line-height:20px; color:#999; width:247px;
	padding:1px 10px 2px 0; margin:0; background:none; border:0;
	width:247px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#sidebar h3 a {	
	width:247px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}		
#sidebar a:hover {	
	text-decoration:none}
	
#sidebar div#info {
	width:250px; margin:1em auto 2em auto;
	padding-bottom:10px; border-bottom:1px dotted #666;
	font-size:1.2em}
#sidebar div#info p {
	line-height:1.4em; margin:1em 0 0 0}

#sidebar div.sidebarPosts {	
	width:250px; padding:0; margin:0 auto 2em auto}	
#sidebar div.sidebarPosts div.excerpt {
	width:250px; margin:15px 0 3em 0; 
	padding-bottom:10px; border-bottom:1px solid #666;}
#sidebar div.sidebarPosts div.excerpt p {
	line-height:1.4em; margin:0.3em 0 0 0}	
#sidebar div.sidebarPosts div.excerpt p.excerptFoot { 
	margin:0; padding:5px 0 0 0; 
	font-size:1.1em; font-family: 'Marck Script', sans-serif}
#sidebar div.sidebarPosts div.excerpt p img {
	margin:0; padding:0; width:248px; height:186px;
	border:1px solid #b1b1af }
	
#sidebar div#sbContent { /* eget innehåll, puffar */	
	width:260px; padding:0; margin:2em auto 2em auto}
#sidebar div#sbContent p {	
	padding:0; margin:0}
#sidebar div#sbContent p img {	
	padding:0; margin:0 0 1em 0}

#sidebar ul.childpages { /* undermeny till sidor */	
	padding:0; margin:1em auto 3em auto; width:247px;
	border-top:1px solid #999; }	
#sidebar ul.childpages li {	
	padding:0; margin:0; 
	width:247px; height:26px;
	border-bottom:1px solid #999}
#sidebar ul.childpages li a {	
	display:block; width:247px; height:18px; border:0;
	padding:4px; line-height:18px; background:none}
#sidebar ul.childpages li a:hover {	
	background:#fff; color:#333}
#sidebar ul.childpages li.current_page_item a {	
	background:#fff; color:#333}
	
#sidebar div#tags {
	padding:10px 0 1em 0; margin:1em auto 3em auto; width:247px;
	text-align:justify; border-top:1px solid #999; }
#sidebar div#tags a {
	color:#666}
#sidebar div#tags a:hover {
	color:#999; text-decoration:none}	

	
/* S E A R C H - S I D A */
#main #search { 
  	margin:0; height:40px;	}
#main #search label {	
  	font-size:0.8em; text-transform:uppercase}
#main #search #s { 	
  	width:200px; height:24px; float:left;
	border:1px solid #666; line-height:22px; color:#333; 
	padding:0 5px; background:transparent }
#main #search #searchsubmit {
  	float:left; width:39px; height:26px; margin:0 0 0 5px; ; 
	border:1px solid #666; background:transparent; color:#666}
#main #search #searchsubmit:hover {color:#333}


/* Kontaktformulär */  
form.wpcf7-form {
	width:650px; 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:300px; height:20px; border:1px solid #999; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#666 }
	
form.wpcf7-form textarea.smallarea {
  width:300px; height:100px; border:1px solid #999; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#666 }

form.wpcf7-form td.checks {
  padding:0 0 20px 0}	
 form.wpcf7-form td.checks strong {
  display:block; margin:10px 0 -5px 0}
form.wpcf7-form td.checks span.checkbox-802 {
  display:block; width:300px; margin:0}
form.wpcf7-form td.checks span.checkbox-802 span.val span.wpcf7-list-item {
  display:block; width:300px; height:18px; margin:0 0 7px 0}
	
form.wpcf7-form textarea {
  width:400px; border:1px solid #999; padding:3px;
	font-family:arial,sans-serif; font-size:1em; color:#666}
form.wpcf7-form input.knapp {	
  width:70px; height:25px; color:#666; padding:2px}
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}
  
table.kundform td {	
  padding-bottom:10px }