﻿/*  
Theme Name: PortraitPress
Theme URI: http://wordpress.jepson.no/PortraitPress/
Description: A clean looking personal blog
Version: 1.0
Author: Magnus Jepson
Author URI: http://www.jepson.no
*/

/*************************************
 +Containers
 *************************************/
body{
background-image:url(images/body_background.png);
	background-color:#EEE2C6;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-attachment:fixed;
}

#mainlogo{
       background:url(images/logo.png) no-repeat top left;
       width:418px;
       height:110px;
       float:left;
       display:block;
       margin-bottom:40px;


}

#blogtop{
background:url(images/blog_top.png);
width:570px;
height:23px;
background-repeat:no-repeat;
	
}

#blogbottom{
background:url(images/blog_bottom.png);
width:570px;
height:22px;
background-repeat:no-repeat;
	
}

#wrap{
	position:relative;
	margin:0 auto;
	padding-top:0;
	text-align:left;
	width:900px;	
}
#header{

	padding:1.2em 1em 0em 1em;
	text-align:left;
	width:600px;		
	float:left;
	margin-bottom:30px;
}
#portrait {
	background:url(images/portrait.jpg);
	width:186px;
	height:171px;
	margin:22px 0 0 31px;
}
#portrait-bg {
	background:url(images/bg-portrait.jpg);
	width:247px;
	height:219px;
	float:right;
}
#rss-big {
	position:absolute;
	background:url(images/rss.jpg);
	width:110px;
	height:64px;
	top:129px;
	left:50px;
}
#content{
	font-size:1.1em;
	float:left;
	padding:0px;

	width:570px;
	
}
#container{
		padding:0em 1em 1em 1em;
}
#sidebar{
	font-size:1.1em;
	float:right;
	padding:0em 0 2em 2em;
	width:250px;
	border-left:1px dotted #ccc;
}
#footer{


	font-size:1.1em;
	clear:both;
	padding-top:2em;	
	margin-top:1em;		
}

/*************************************
 +Footer
 *************************************/

#footer a {
    color:#b3960e;
}
#footer a:hover {
    color:#424242;
}
#validate{
	color:#b3960e;
	font-size:1em;
	text-align:center;
	padding-top:2.5em;
	padding-bottom:10px;	
}
#validate a:hover{
	color:#fff;
}
#rss {
	background:url(./images/rss.gif) no-repeat;
	padding-bottom:6px;
	padding-left:20px;
}

/*************************************
 +Hn, a and p
 *************************************/
pre{ max-width:550px; }
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
}
h1, h2, h3{
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}
#header h1{
	font-size:3em;
	margin-right:1em;
}
#header h1 a{
	color:#000;
}
#header h1 a:hover{
	color:#000;
}
#header p{
	color:#eee;
	font-size:1.3em;
	margin:0;
	margin-top:0.3em;
	text-align:right;
}
.entrytitle h2{
	font-size:2em;
}
.entrytitle h2 a {
	color:#000;
}
.entrytitle h2 a:hover{
	color:#000;
}
.entrytitle h3{
	font-size:1em;
	color:#000;
}
#rss-big a{
	display:block;
	width:110px;
	height:64px;
}
blockquote { 
	border-left:2px solid #333;
	display: block;
	padding: 0 1em;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:1em;
}
.entry img {
	max-width:550px;
	border:0px;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
}
.entry img:hover{
	padding:5px;
	border:1px dotted #000;
}
.entry code{
	background:#fff;	
	color:#fff;
	font-size:1.1em;
	padding:.2em;
}
.entrymeta{
	font-size:0.9em;
	padding-top:1em;
	color:#003366;
	border-top:1px dotted #ccc;
}

.postedby{
	background:url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background:url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:url(./images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:1em;
	clear:both;
}
#sidebar ul li{
	margin:.3em;
	padding:0.1em;
}
#sidebar h2{
	color:#000;
	font-size:1.5em;
}
div.title{
	color:#fff;
	font-size:1.5em;
	margin-top:1em;
}

/*************************************
 +Menu
 *************************************/
#menu ul{
	font-size:1.2em;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
}
#menu li a {
	color:#fff;
	padding:0.5em 1em 0.3em 1em;
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#5E4F42;


	color:#fff;
}
#menu ul li ul {
	display:none;
}
.menu-hover a{
	background:#5E4F42;
}

/*************************************
 +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{
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
	
}
ol.commentlist a{
	color:#b3960e;
}
ol.commentlist a:hover{
	color:#424242;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#e3e7cb;
	border:1px dotted #ddd;
	padding:0.5em;
}
h3.comments{
	font-size:1.3em;
	color:#6C6C6C;
}	

/*************************************
 +Flickr
 *************************************/
#flickr {
	margin:0 1em 0 .5em;
	padding:0em;
}
#flickr img {
	border:0px;	
}
#flickr a {
	background:#FFF;
	border: 1px dotted #ccc;
	float: left;
	display: inline;
	margin:0.7em;
	padding:5px;
	width: 75px;
	height: 75px;
}
#flickr a:hover{
	border: 1px dotted #000;
}
/*************************************
 +Misc
 *************************************/

#ad_block { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 1em 0; 
	text-align: center; 
}
#ad_block_middle { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 0em 0; 
	text-align: center; 
}
#download {
	background:#e3e7cb url(./images/bullet.gif) no-repeat;
	background-position: 12px 12px;
	padding:1em;
	padding:10px 10px 10px 40px;
	margin: 0.5em 0 1em 0;
}