/*
Theme Name: varg
Theme URI: http://layout.nu
Description: A wolf wp theme
Author: Carro
Author URI: http://layout.nu
version: 1.0
*/

body {
	background: #494949;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 10px;
	}
	
#container {
	width: 960px;
	margin: 0 auto;
	padding: 2px;
	background:#000000;
	color:#ffffff;
	border: 1px solid #000000;
	}

#header {
    width: 100%; 
	height: 295px;
	background: url(images/header2.png) no-repeat;
	}

/*title, titel*/
#header h4{
	margin: 0;
	font-size: 16pt;
	padding: 120px 0 0 360px;	
	}
/*the link in the title,  länken i titlen,  */		
#header h4 a,#header h4 a:hover {text-decoration: none;}

/* description, beskrivning*/
#header h3{
	font-size: 10pt;
	margin: 0;
	padding: 0 0 0 360px;
	}
	
a{color: #ab8263; text-decoration: none;}
a:hover{color: #ab8263; text-decoration: underline;}

h1 {font-size: 14pt; margin-top:10px; padding:0; margin:0;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 18pt;}

img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	padding:4px;
	font-family:"Courier New", Courier, monospace;
	background: #494949;
	border:1px solid;
	}
	
cite {
		font-family: verdana, arial, tahoma, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	

/*menu , menyn*/
.meny{
height:40px;
margin:0 auto;
float:left;
padding-left:0px;
width:960px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-weight: bold;
}
#navcontainer ul li { float: left; }

#navcontainer ul li a{
padding-top:10px;
text-decoration: none;
color:#666666;
text-align: center;
float: left;
height: 43px;
width: 160px;
background: url(images/unselected.png) no-repeat; 
}

#navcontainer li a:hover{
padding-top:10px;
color:#ab8263;
text-decoration: underline;
text-align: center;
float: left;
height: 43px;
width: 160px;
background: url(images/selected.png) no-repeat; 
}

#current a, #current a:visited{
padding-top:10px;
text-decoration: underline;
color:#ab8263;
text-align: center;
float: left;
height: 43px;
width: 160px;
background: url(images/selected.png) no-repeat;
}

/* content */
#content {
	float: left;
	width: 558px;
	}
	
/* Pages comes without a date box! Sidor har ingen datum ruta!*/
.pagemain{
margin:0 auto;
width:510px;
float:left;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
padding-top:21px;
}	

	
/*Div that contains the date, comment and edit buttons, for posts.  Div som innehåller datum, "kommentar" och "redigera", för inlägg*/
.post-date{
float: left;
display: inline;
padding-right: 10px;
padding-left:6px;
padding-top:21px;
margin: 0 auto;
width:50px;
background: url(images/datum2.png) no-repeat;
font-size: 1.3em;
text-align: center;
font-family: 'Times New Roman', Times, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.7em;
font-weight:bold;
color:#ffffff;
}
/* Set the margin nd padding of the comment and edit icons.  Ställ in margin och padding för ikonerna*/
.dateimg{
margin:0;
padding:0;
}
	
.postmain{
margin:0 auto;
width:440px;
float:left;
padding-right:5px;
padding-bottom:5px;
padding-top:21px;
}	

/*When showing only one post    Visa bara ett inlägg*/
.singlepost {
float:left;
	background: url(images/single-post.png) no-repeat;
	min-height: 407px; /*Force the design to show the full faded background also on short posts  Tvinga designen till att visa hela bakgrundsbilden även på korta inlägg*/
	width: 558px;
	margin: 0;
	padding:0px 15px 15px 15px;
	}
	
.post {
	background: url(images/middle-post.png) no-repeat;
	width: 558px;
	height:135px;
	margin: 0;
	padding:0px 15px 0px 15px;
	}

/*Post highlight for the frontpage   Visa första inlägget med en "highlight" på första sidan*/	
.post1 {
	background: url(images/top-post.png) no-repeat;
	width: 558px;
	height:247px;
	margin: 0;
	padding:0px 15px 30px 15px;
	}
	
.entry p{margin:12px 0;}

.entry {width:430px;}

.postmetadata1{
width:500px;
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin-top: 77px;
	}

.postmetadata{
width:500px;
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin-top: 16px;
	}
	
.gravatar {
	float:left;
	width:160px;
	margin:0 auto;
	}
.gravatar-image {
	float:left;
	padding-right:4px;
	padding-bottom:4px;
	width:40px;
	}
.gravatar-text{
	width:110px;
	float:left;
	margin:0 auto;
	color:#ab8263;
	
}

.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}
.navigation a, .navigation a:hover{ color: #333333;}
	
.alignleft {float:left; margin:25px;}
.alignright {float:right; margin:25px;}

/* left sidebar */
#left {
		font-family: verdana, arial, tahoma, sans-serif;
	font-size:8pt;
	width: 180px;
	float:left;
	margin: 0px 0 24px 0;
	padding: 0;
	}
/* titlen på widget etc */
#left h2{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10pt; 
	text-align: left;
	color: #ffffff;	
	margin: 0;
	padding: 0;
}

#left p {margin:0; padding: 0 6px 0 12px;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#left ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* right sidebar */

#right{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size:8pt;
	width: 210px;
	float:right;
	margin: 0px 0 24px 0;
	padding: 0;
	}

#right h2{
	font-family: verdana, arial, tahoma, sans-serif; 
	font-size: 10pt; 
	text-align: left;
	color: #ffffff;	
	margin: 0;
	padding: 0;
}

#right p {margin:0; padding: 0 6px 0 12px;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* comments   Inställningar för kommentrarerna */

.comment-gravatar {
	float:left;
	width:500px;
	margin:0 auto;
	}
	
	.comment-gravatar-image {
	float:left;
	padding:0;
	width:40px;
	}

.comment-gravatar-text{
	width:430px;
	float:left;
	color:#ab8263;
	margin-left:10px;
}	
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #ab8263;
	}

#submit{margin:5px 5px 0 0;}

ol.commentlist {
list-style-type: none; 
width:530px;
padding:0; 
margin:0;
}

ol.commentlist li {
	margin: 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	}
/*chnage every second comment     Byt bakgrundsfärg på varannan kommentar*/
ol.commentlist li.alt {background: #333333; width:500px;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

/* Search Sök*/
.results{
padding-left:10px;
}
#searchform{
padding-top:3px;
}
#s{
width:160px;
}

/* footer */
#footer {
	background:  url(images/footer-right.png) no-repeat;
	background-position:right bottom;
	height:300px;
	clear: both;
	width: 100%;
	font-size: 7pt;
	border-top: 1px solid;
	color:#494949;
	}

/*footer lists   Listoran i sidfoten*/
.fl {
list-style:none;
	width:320px;	
	float:left;
	margin-top:10px;
	margin-left:40px;
	padding:0;
	}
.fl h2{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10pt; 
	text-align: left;
	color: #ffffff;	
	margin: 0;
	padding: 0;
}
.fl img {padding: 0; margin: 0;}	
	
.fl ul {
	margin:6px;
	padding:0;
	}

.fl ul li {
list-style:none;
	margin: 0;
	background: url(images/tass.png) no-repeat;
	padding-left: 23px;	
	height:20px;
	border-bottom: 1px dotted;
	}