/* @override http://localhost:8888/fresh/wp-content/themes/samfolio/style.css */

/*
Theme Name: Samfolio
Description: A heavily modified version of Sharpfolio. Go get Sharpfolio at http://webrevolutionary.com/sharpfolio-demo/
Tags: hyper island, samuel larsson, designer, internship
*/






body {
	text-align: center;
	background: #ffffff url('images/bgdots1.gif');
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	word-spacing: 0.04em;
	letter-spacing: 0.05em; 
	line-height: 1.3em; /*radavstånd*/
	color: #333333;

	
	
	
	
}
div#wrapper { 
	text-align: left;
	margin: 0 auto; /*divven sitter i mitten*/
    width: 968px;
	background:url('images/wrapperbg.png');
/*	padding-left: 72px; *//*bg-bilder påverkas ej av paddar som de gör av margins. OBS! padding lägger till pixlar. dra av lika mkt på "width" som du lägger till här*/
/*	padding-right: 42px; */
	padding-bottom:2em; /*för att få avstånd nertill*/ 


      
}
a {
	color: #ff0099;
	text-decoration: none;





}
p a:hover {
            text-decoration: underline;
	


	
	
}
p {
	margin: 0em 0px 1em 0em;
	font-size: 0.73em;
	
}
	h1 {
	text-indent: -999em;	
	
	
}
 	h2, h3, h4 {
	font-family: Georgia, Times, 'Times New Roman', Serif; 
	font-style: italic; 
	font-weight: normal;
	

}



h2 span {
	font-family: Georgia, Times, 'Times New Roman', Serif; 
	font-style: italic; 
	font-weight: normal;
	color: #ff0099;	
}

h5 { /* modifiera h5 och använd som ingresstext. välj h5 som formatering i wordpress-admin*/
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.1em;
	line-height: 1.4em;
	word-spacing: 0.3em;



}
h6 { /* formatering för "about-sidan"s text*/
	margin: 0em 0px 1.6em 0px;
	font-size: 0.73em; 
    font-style: regular;
	font-weight: normal;
	
	
	
}
div#header {

	height: 285px;
	background:url('images/header.png') no-repeat;

	
	
	

}
h1 {
	font-size: 1px;
	color: #333333;
	line-height: 1px;
	
	
	
	
}
h1 a {
	text-decoration: none;
	color: #ffffff;
    
    
    
    
}
.profilepic {
float: right;
	
	
	
	
}
div#header h2, ul#navigation {
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 35px 0px 0px 355px;

}
ul#navigation {
	display: block;
	width: 560px;
	float: left;
	
	
	
	
}
ul#navigation li {
	display: inline;
	
	
	
	
	
}
ul#navigation li a { /*huvudlänkar-egenskaper*/
/*	text-transform: uppercase;*/
/*	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;*/
	font-family: Georgia, Times, 'Times New Roman', Serif; 
	color: #f6f6f6;
	font-size: 1.75em;
	font-style: italic;
	margin: 0 1.05em 0 0; /*avstånd mellan länkarna*/
	letter-spacing: -0.03em;
	text-decoration: none;
	font-weight: normal;
}




ul#navigation li a:hover { /*huvudlänk textändring*/
	color: #333


	

	
	
}


#frontcolumns{
	
	margin-top:1em;
	padding-top: 2em;
	border-top: 1px dotted silver;
	width: 425px;
	
}

#frontcolumns span{
	font-style: italic;
	
}



	
	
div#header h2 { 

/*formatering för text som läggs till höger om länkarna i headern. se "tagline" i wp-admin/settings/general*/
	text-indent: -999em;
/*	width: 400px;
	float: right;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	color: #333333;
	font-size: 1em;
	letter-spacing: 0.2em; */


	
	
	
}
span.f {
	font-style: italic;
	
	
	
	
	
}
div#content {
	margin: 0px 0px 0px 0px;




	
}
div.post {
	padding: 0px 60px 6em 72px;
	
	

	
	
	
}
div.thumbnail {
	width: 425px;
	float: left;
	padding-right: 75px;


	
	
	
}	
div.entry {  /*formatering för postrubrik*/
	width: 317px;
	float: right;


	

	
	
}
div#content h2 { /*postrubriker*/
	font-size: 1.8em;
	font-color: #ff0099;
	line-height: 1em;
	word-spacing: 0.12em;
	letter-spacing: -0.03em;
	margin-bottom:0.3em;
	
	
	
	
}
div#content h2 a { /*postrubriksinlägg, specificerar länkegenskaper*/
	text-decoration: none;
	color: #ff0099;
    font-style: regular;
	
	
	
	
}
p.comment-link {

	
	
}

.description {
	padding-top:1.7em;
	
}	




p.comment-link a { /*textegenskaper för ex "10 comments" under postrubrikerna. Underlinen som länkeffekt gäller för p. comments.*/
	text-transform: lowercase;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #808080;
	text-decoration: none;
	font-size: 1.8em;
	line-height: 2em;
	font-style: italic;

	
	
	

	
}
p.comment-link a:hover {
	
	text-decoration: underline; 
	
	
	
	
}
div#footer p { /* du måste ha en egen definierad p för footern. detta för att komma loss från padden på paragrafen. annars huggs bg pusslet i footern*/
	margin: 0px;
/*	line-height: 108px;*/
	height: 197px;
	text-align: left;
	background:url('images/footerbg.png') no-repeat;
	padding-top: 45px; 
	padding-left: 72px; /*bg-bilder påverkas ej av paddar som de gär av margins*/
	padding-right: 42px;
	color: #808080;
	
	
	
	
}
#footer
{
	width: 968px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;





}
#footerarearight{
	float: right;
	
	
/* bortkommenterade alternativa egenskaper för länkar i footern.
	
}
div#footer p a {
	color: #444;
	text-decoration: none;
	
alternativ för länkar i footern, igen; Hoover i footern. vi vill att sidans universella länkfärg ska gälla även i footern

}
div#footer p a:hover {
	color: #555;
	text-decoration: underline;
	
*/	

	
	
}
h3#comments, h3#respond {
	color: #333333;
/*	line-height: 64px;*/
	padding: 0px 42px 3.5em 72px;




}	
#commentform {
	padding: 0px 42px 1em 72px;
	


	
}
div.author { /*att det finns ett inlägg till vänster som är x px långt. allt med author har med namnet bakom inlägget att göra*/
	width: 200px;
	float: left;
    padding: 0px 0px 1em 72px;
	

	
	

}
div.author cite { /*hur stora namnen blir på inläggen*/
	font-size: 0.73em;
	font-weight: bold;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #333333;
	
	
	
	
	
}
div.author cite a:hover { 
	text-decoration: underline;
	/*detta är ingen paragraf p men vi vill ha hoover ändå så jag fick bygga en egen just för denna länk. 
	stora h1-h3 ville jag ej ha på, p skulle ha och denna föll emellan */
	
	
	
	
	
}
div.author img { /*avataren för inläggat är bortkommenterad*/
	position: relative;
	top: 0px;
	display: none;
	
	
	
	
	
}
div.comment {
	width: 500px;
	float: left;
	padding: 0px 0px 0px 0px; /*padding mellan inläggen */
	color: #333333;

	
	
	
}
div.comment p {
	margin-top: 0px;
	margin-bottom: 0em;


	
	
}
ol.commentlist {
/*	border-top: 1px solid #333;   streck eller dekoration över inlägget i kommentarer*/ 
	margin: 0 0 50px; /* påverkar avståndet mellan formulärets inlägg längst ned och "add your comment" */
	

	

	
}
ol.commentlist li {
/*	border-bottom: 1px solid #333;   streck eller dekoration under inlägget i kommentatorn* mellan "responsens to" och inlägget*/
	padding: 0px 0 1.5em;
	
	
	
	
}
form input, form textarea {
	margin: 13px 31px 0px 0px;
	
	
	
	
}
div.alignleft, div.alignright {
	display: block;
	width: 350px;
	float: left;
	
	
	
}
div.alignright {
	float: right;
	text-align: right;
	
	
	
	
}
div.alignleft a, div.alignright a {
	font-family: Georgia, Times, 'Times New Roman', Serif; 
	font-size: 1.1em;
	font-style:italic;
	text-decoration: none;
	color: #ff0099;
	padding: 0px 42px 30px 72px;
}



div.alignleft a:hover, div.alignright a:hover {
	color: #ff0099;
	text-decoration: underline;
	
	
}


div#sidebar {
	padding-left: 72px;
	width: 497px;
/*	float: left;*/



}


div#sidebar.right {

	
	font-size: 0.73em;
	padding-bottom: 3em;


}

.narrowcolumn{
	padding-left: 72px;
	
	
}