/*  
Theme Name: PortfolioPress
Theme URI: http://wordpress.jepson.no/PortfolioPress/
Description: A nice and clean portfolio 
Version: 1.0
Author: Magnus Jepson
Author URI: http://www.jepson.no
*/

/*************************************
 +Containers
 *************************************/
html, body {
	padding:0;
	margin:0;
}
body{
	background:#212325 url(images/bg.jpg) repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:72.5%;
	line-height:1.5;
	text-align:left;
}
#wrap{
	position:relative;
	margin:0;
	padding:0;
	text-align:left;
	width:970px;	
}
#header {
	background:url(images/header.jpg) no-repeat;
	width:390px;
	height:200px;
}
#content-left {
	width:390px;
	float:left;
}
#content-right {
	width:570px;
	float:right;
}
#left-nav{
	background:url(images/bg-nav.jpg) no-repeat;	
	width:390px;
	height:328px;
}
#sidebar{
	width:370px;
	text-align:right;
	color:#424242;
	font-size:1.1em;
	}
#credits{
	background:url(images/bg-credits.jpg) no-repeat;
	width:390px;
	height:259px;
}
#content{
	background:url(images/bg-right) repeat-y;
	font-size:1.1em;
	color:#fff;
	padding:40px 0 30px 20px;
	width:570px;
}

/*************************************
 +Hn, a and p
 *************************************/
p { padding:.5em; margin:0px;}

pre{ max-width:550px; }

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

h1, h2, h3{	font-weight:normal;	letter-spacing: -1px; margin:0; }

.entrytitle h2{	font-size:2.4em; }
.entrytitle h2 a { color:#cadd1e; }
.entrytitle h2 a:hover{ color:#fff; }
.entrytitle h3{	margin-top:-10px; font-size:1.8em; color:#6F6F6F; }

.entrybody a{ text-decoration:underline; }
.entrybody a:hover{ text-decoration:none; }

.entrybody h2{ font-size:1.8em; margin-top:.3em; }

#header a{
	position:relative;
	width:390px;
	height:180px;
	display:block;
}
/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
	margin-bottom:1em;
}
#sidebar ul li{
	margin:1em 0;
	padding-left:40px;
}
#sidebar ul a{
	color:#5d6168;
}
#sidebar ul a:hover{
	color:#7a8e3b;
}
#sidebar .title{
	color:#5d6168;
	margin-left:0px;
	padding:25px 0 0 0px;
	font-size:1.6em;
}
#sidebar h2{
	color:#5d6168;
	margin-left:0px;
	padding:25px 0 0 0px;
	font-size:1.6em;
}

/*************************************
 +Menu
 *************************************/
#menu {
	height:298px; width:240px;
	background:url(images/menu.jpg);
	padding:0;
	margin-top:30px;
	position:relative;
	float:right;
	list-style:none;
}
#menu li, #menu li a{
	height:40px;
	display:block;
}

#menu01 {left: 0; width:240px; }
#menu01 a:hover { background:transparent url(images/menu.jpg) -240px 0 no-repeat; }
.menu01-on { background:transparent url(images/menu.jpg) -240px 0 no-repeat; }

#menu02 { top:40px; width:240px; }
#menu02 a:hover{background:transparent url(images/menu.jpg) -240px -40px no-repeat; }
.menu02-on {background:transparent url(images/menu.jpg) -240px -40px no-repeat; }

#menu03 { top:80px; width:240px; }
#menu03 a:hover{background:transparent url(images/menu.jpg) -240px -80px no-repeat; }
.menu03-on {background:transparent url(images/menu.jpg) -240px -80px no-repeat; }

#menu04 { top:120px; width:240px; }
#menu04 a:hover{background:transparent url(images/menu.jpg) -240px -120px no-repeat; }
.menu04-on {background:transparent url(images/menu.jpg) -240px -120px no-repeat; }

#menu05 { top:160px; width:240px; }
#menu05 a:hover{background:transparent url(images/menu.jpg) -240px -160px no-repeat; }
.menu05-on {background:transparent url(images/menu.jpg) -240px -160px no-repeat; }

#menu06 { top:200px; width:240px; }
#menu06 a:hover{background:transparent url(images/menu.jpg) -240px -200px no-repeat; }
.menu06-on {background:transparent url(images/menu.jpg) -240px -200px no-repeat; }

#menu07 { top:240px; width:240px; }
#menu07 a:hover{background:transparent url(images/menu.jpg) -240px -240px no-repeat; }
.menu07-on {background:transparent url(images/menu.jpg) -240px -240px no-repeat; }

/*************************************
 +credits
 *************************************/
#credit-text a { color:#7a8e3b; }
#credit-text a:hover{ background:#7a8e3b; color:#fff; }
#credit-text p{	padding:6px; margin:0px; }
#credit-text{
	text-align:right;
	padding:140px 40px 0px 0px;
	line-height:100%
}
#rss-icon {
	padding:0px 20px 0 0;
	margin-top:-15px;
	margin-right:5px;
}
#wp-icon {
	margin-top:5px;
	margin-right:5px;

}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:.5em;
}
.entry img {
	max-width:550px;
	border:0px;
	padding:5px;
	background:#fff;
}
.entry img:hover{
	padding:5px;
	background:#e3e7cb;
}
.entry code{
	background:#424242;	
	color:#fff;
	font-size:1.2em;
}
.entrymeta{
	font-size:1.8em;
	padding-top:.3em;
	color:#cadd1e;
}
blockquote { 
	background:#424242; 
	display: block;
	padding: 0 1em;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	font-size:1.0em;
	margin:0em;
	padding:1em;
}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
ol.commentlist a{
	color:#cadd1e;
}
ol.commentlist a:hover{
	color:#cadd1e;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	border-left:5px solid #333;
	padding:0.5em;
}
h3.comments{
	font-size:1.4em;
	color:#6C6C6C;
}	
.count {
	float:right;
	font-size:4em;
	color:#333;
}
.mycount {
	float:right;
	font-size:4em;
	color:#cadd1e;
}
/*************************************
 +Misc / plugins
 *************************************/

a img {	border:0px; }

#download {	border-bottom: 2px #000 solid; border-right: 2px #000 solid; }
.download {	border-bottom: 2px #000 solid; border-right: 2px #000 solid; }

#download a{ 
	background:#36383c url(./images/icon-download.jpg) no-repeat;
	background-position: 12px 12px;
	color:#cadd1e;	
	text-decoration:none; 
	display:block; 
	padding:10px 10px 10px 40px;
	border: 1px #42454a solid;
}
#download a:hover{ background:#333 url(./images/icon-download.jpg) no-repeat; background-position: 12px 12px; }

.details { 	
	background:#36383c;
	height:20px;
	margin: 0 0 20px 3px; 
	border-bottom: 2px #000 solid; border-right: 2px #000 solid; 
	padding:10px;
}
.details a{ color:#cadd1e; text-decoration:none; }
.details a:hover{ text-decoration:underline; }

.show { 
	float:left;
	background:#36383c url(./images/icon-details.jpg) no-repeat; background-position: 0px 3px;
	padding:0px 0px 0px 25px;
}
.url { 
	float:right; 
	background:#36383c url(./images/icon-url.jpg) no-repeat; background-position: 0px 3px;
	padding:0px 0px 0px 20px;
}
.links { 
	padding:0px 0px 5px 15px;
	list-style:none;
}
.links li{ 
	background:url(./images/icon-link.jpg) no-repeat; background-position: 0px 0px;
	padding:0px 0px 0px 25px;
}