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

/*
Theme Name: Portfolio
Theme URI: http://www.yourdomain.com
Description: Less is more.
Version: 2.0
Author: Martin Bergen & Samuel Larsson
Author URI: http://www.martinbergen.se
Tags: clean, minimalistic, portfolio
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";





/*** Hello! This stylesheet isn«t that pretty, but OK. It«s content is orded like this:


General 					- css that the whole site uses.
Frontpage					- css for startpage (front.page.php)
Navigation 					- main (navigation.php)
Category pages				- the gallery pages with alot of thumbs and sub navigation. (category-xx.php)
Single post style default	- css for all single posts (single_defaut.php), except singlenews.php
Main blogroll + singlenews	- blogroll + single posts css for if-stated page; (see if-statement in single.php and you«ll get it) singlenews.php
Footer						- css for feet and nails
Additional					- :)


***/

/*** P L U G I N Z O O M ***/

#zoomwrap          { width: 844px; position: relative; }
#small         { position: relative; width: 100%; }
#large         { background: white; position: relative; width: 844px; }
#mover         { position: absolute; top: 0; left: 0; width: 350px; height: 200px; overflow: hidden; z-index: 100; background: white; display: none; }
#overlay       { border: none; width: 350px; height: 200px; position: absolute; top: 0; left: 0; z-index: 200; }


/**** GENERAL ****/

body{
	
	background:#000;
	color: #000;
	margin: 0;
	font-size: 69%;
	font-family:  Arial, Verdana, Sans-serif;
}

   html>body{
	font-size: 11px;
}

#outerwrap{
	width: 100%;
	background-color: #fff;
	border-bottom: 4px solid #ffcc66;
	padding-bottom: 40px;
}

#wrap{

	width:1024px;
	padding: 60px 0px 0px 0px;
	margin: 0 auto;
	


}


#main{
	

	}



#navigation li a{

	color: #ffcc66;
	font-weight: normal;
	
	
}

#navigation li a:hover{
		color: #fff;

}



p{
	font-size: 1em; /*fontsize är 11px nu*/
	line-height: 1.5em; /*blir 15px, 1.5em*10px=15px*/
   	margin-bottom: 1.5em;  /*avstånden mellan paragraferna ska vara 15px, som lineheight*/
  	margin-top: 1.5em; /*avstånden mellan paragraferna ska vara 15px, som lineheight*/

	
	
}



a{
	color: #000;
/*	font-weight: bold;*/
	text-decoration: none;
	font-weight: bold;
	
}

h1{
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
}



h2{
	text-transform: uppercase;
	font-size:1.4em;
	line-height: 1.1em;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}


h3{
	text-transform: uppercase;
	font-size:1.2em;
	line-height: 1.6em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

h2 a, h3 a{
	font-weight: normal;
}


#content{
	padding: 0em 0em 0em 0px;
	float: right;
	width: 844px;

}




.post{
	display: block;

}

#blogposts .post{
	
	padding: 0 0 1.5em 0em;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #666;
	}


.clear{
	clear: both;
	}

#logo{
	padding: 0px 0px 40px 0px;
}

/*** FRONTPAGE ***/





#frontpage{
	
	width: 844px;
	float: left;
	padding: 0px 0px 0px 0px;
	position: relative; 
	
}

#news{
	float: left;
	padding: 47px 20px 0px 0px;
	
}




/**** NAVIGATION ****/




#navigation{
	width: 180px;
	min-height: 260px;
	float: left;
	background: transparent url(style/images/nav_bg_2.png) no-repeat 8px 110px;
}

#navigation ul{
	width: 100px;
	padding: 0px 0px 0px 38px;
	
	text-transform: uppercase;
	font-size:1.3em;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}

}

#title{
	padding: 0em 0em 2em 0em;
	background-color: blue;
}



/*** CATEGORY PAGES ***/



#category{
	padding: 0px 0px 0px 0px;
	float: right;
	width: 844px;
}

#category h2, #content h2, #blogposts h2{
	padding: 0px 0px 0px 0px;
}

#category img{
	padding: 0px 10px 20px 0px;
}


#CatNav{
	padding: 0px 0px 0px 0px;

	
}

#CatNav li{
	width: 600px;
	display: inline;
	padding-right: 40px;
}



/*** SINGLE POST STYLE DEFAULT***/


#picture{
	

}


#description{

	padding: 0px 20px 0px 0px;
	width: 513px;
	float: left;
	
	
}

.nextprev{
	padding: 0px 0px 0px 0px;
	float: right;
	width: 267px;
	text-align: right;

}

.nextprev span{
	padding: 0px 0px 0px 20px;
}




/*** MAIN BLOGROLL (INDEX.PHP) + SINGLE NEWS  ***/


#blogposts{
	width: 604px;
	padding: 0px 40px 0px 0px;
	float: left;
	
}


#sidebarRight{
	width: 200px;
	float: right;
	padding: 0px 0px 0px 0px;
}


.date{
	font-style: italic;
}

.title{
	display: none;
}

ul.xoxo.blogroll{
	padding: 0px 0px 30px 0px;
}

form#searchform{
	padding: 20px 0px 20px 0px;
}


/**** FOOTER ****/


#footer p, #footer a{
	color: #fff;
font-weight:normal;
}


.FooterColumns{
	width: 236px;
	float: left;
	
}

#footerwrap{
	width: 1024px;
	margin: 0 auto;
	
}





/*** ADDITIONAL CSS, SPECIALS, PLUGINS, TEXTFIELDS ETC ***/


	
	

:focus
{
  -moz-outline-style: none;
}