@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: Sunshinestories 1.0
Theme URI: http://www.pettertoremalm.com
Description: theme made for http://www.sunshinestories.com and love
Version: 1.0
Author: Petter Toremalm
Author URI: http://www.pettertoremalm.com/

*/

/*

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

*/

body{
		margin: 0 0 0 0;
		font-family: Franklin Gothic Book;
		font-size: 16px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #666666;
}

img{
		align: center
		
}
/* body styr bland annat kommentarfält, copyright i footer, samt be skrivningen */




.class2 a:link, a:visited {
	text-decoration: none;
	color: #FFF;
	font-size: 6px;
	line-height: 3px;
}
.class2 a:hover{
	text-decoration: none;
	color: #FFF;
	font-size: 6px;
	line-height: 3px;
}

h1, {
	text-decoration: none;
	font-weight:300;
	font-size: 20px;
	font-family: 'Fredoka One';	
	color: #857e6b;
	block: post;
}

h1, a:hover {
	text-decoration: none;
	color: #eacd86;
}


.menu a:link, a:visited {
	text-decoration: none;
	
	color: #E98524;
}
.menu a:hover{
	text-decoration: none;
	
	color: #eacd86;
}



.sunshinestorieslist {

text-decoration: none;
	font-size: 14px;

}

.class1 a:link, a:visited {


font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
color: #666666;
}
.class1 a:hover{
	text-decoration: none;
	color: #857e6b;
	font-size: 14px;
}




h3{
	
	text-decoration: none;
	font-size: 20px;
	font-family: 'Fredoka One';	
	


}

a:link, a:visited {
	text-decoration: none;
	font-weight:300;
	font-size: 16px;
	font-family: 'Cutive Mono', serif;
	color: #666666;
	
	
}



body a:hover{
	text-decoration: none;
	font-weight:300;
	font-size: 16px;
	font-family: 'Cutive Mono', serif;
	color: #666666;
}


h2 {
	
	background: #ffffff;
	color: #BABABA;
	font-size: 16px;
	font-family: 'Cutive Mono', serif;
	float: left;
	text-align: left;		
	
		
}

.datum{
	font-family: 'Cutive Mono', serif;
	font-size: 12px;
	vertical-align:text-top;
	vertical-align: top;
	margin: 0 0 0 0;
	float: right;
	background: #ffffff;
	color: #BABABA;
}

.logga{
	font-family: Franklin Gothic Book;
	font-size: 12px;
	vertical-align:text-top;
	vertical-align: top;
	horizontal-align: center;
	margin: 0 0 0 0;
	float: center;
}


div.post{
	margin: 0;
	font-family: 'Fredoka One';	
	font-size: 20px;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
	color: #999;
	
}

div.commentauthor{
		margin: 0;
		font-family: 'Cutive Mono', serif;
		font-size: 20px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #eacd86;
}

div.commentdate{
		margin: 0 0 0 0;
		font-family: 'Cutive Mono', serif;
		font-size: 10px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #666666;
		line-height: 1px
}


#container{
margin: 0 0 0 250px;
		font-family: Franklin Gothic Book;
		font-size: 14px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #666666;
		width: 800px;
	/*	
		
}
#metadata {
	*/
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}




.postmetadata2{


		font-family: 'Cutive Mono', serif;
		font-size: 12px;
		vertical-align:text-top;
		vertical-align: top;
		margin: 0 0 opx 0;
		float: right;
		horizontal-align: left;
		background: #ffffff;
		color: #666666;
}

.postmetadata_tags{
	font-family: 'Cutive Mono', serif;
	font-size: 6px;
	vertical-align:text-top;
	vertical-align: top;
	margin: 0 0 0 0;
	float: right;
	horizontal-align: left;
	background: #ffffff;
	color: #FFF;
}

.postmetadata4{


		font-family: 'Cutive Mono', serif;
		font-size: 14px;
		float: left;
		margin: 30px auto 30px auto;
		background: #ffffff;
		color: #797260;
}


div.postkommentar{
	margin: 0 0 10px 300px;
		font-family: Franklin Gothic Book;
		font-size: 14px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #666666;
		}
		
div.postkommentartwo{
	margin: 0 0 10px 300px;
		font-family: Franklin Gothic Book;
		font-size: 14px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #666666;
		}
		
div.postkommentar3{
	margin: 0 0 10px 300px;
		font-family: Franklin Gothic Book;
		font-size: 10px;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
		color: #BABABA;
		float: right;
}

div.comment-text{
	
		font-family: Franklin Gothic Book;
		}



#wrapper{
margin: 0 auto 0 auto;
width: 1245px;
text-align: center;
float:center;
}

#header{
margin: 0 auto 30px auto;
width: 800px;
text-align: center;
float: center;
}

#sidebar_left{
margin: 0 10px 0 10px;
width: 200px;
text-align: right;
float: left;

}


a.imgopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.imgopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }



a.imgopacitys:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;}

a.imgopacitys img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

a.imgopacityy:hover img {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-khtml-opacity: 0;}

a.imgopacityy img {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-khtml-opacity: 0;}






#sidebar_right{
	margin: 0 0 0 0;
	width: 150px;
	text-align: left;
	float: right;
}


#footer{
clear: both;
margin: 0 auto 0 auto;
float: center;
width: 800px;
font-size: 10px;
}

h3.comments {
	padding: 0;
	margin: 300px auto 0 300px ;
	}
	
	#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 400px;
	height: 200px;
	padding: 2px;
	float: left;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 220px 0 0px -410px;
	}
	
	div.commentdata2{
		background: #ffffff;
		color: #E98524;
}