/*
Theme Name: Varg
Theme URI: http://varg.layout.nu
Description: Child theme of Varg
Author: Aurini
Author URI: http://layout.nu
Version: 1.1
Tags: Black, 3 columns, fixed width, gravatars, widget ready,
*/

/*
Structure of this css file :
Must have (caption, img,  code, blockquoute, calender)
Body and wrap
Links and headers
Header
Menu
Main Content wrap
Main Text styling and background
Gravatar
Navigation (next and prev)
Sidebars
Comments
Footer
404
search results
credits
*/

/* wordpress must have css! */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #F3F3F3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 14pt;line-height: 17px;padding: 0 4px 5px;margin: 0;}

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-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}

/*calendar */
#wp-calendar{width:170px; text-align:center;}
#wp-calendar a, #wp-calendar a:hover, #wp-calendar a:visited{text-decoration: underline;}
caption{font-size: 10pt;padding:0;margin:0; text-align:left; font-weight: bold;}
#today {border:1px dotted; border-color: #ab8263;}

/* forms, search */
#submit, #searchsubmit, #s{
margin-top:2px;
padding:2px;
font-weight:bold;
border: 1px solid #ab8263;
font-size: 8pt;
}
/*End must have*/

a{color: #ab8263; text-decoration: none;}
a:hover{color: #ab8263; text-decoration: underline;}

h1 {font-size: 14pt; padding:0; margin:0;} /* content*/
h2 {font-size: 10pt; padding:0; margin:0;} /* widget titles*/
h3 {font-size: 10pt; margin-top:10px;} /*Page description, search results, comment title*/
h4 {font-size: 18pt;} /*page title*/

body {
	background: #494949;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
	margin: 0;
	}
#wrap {
	width: 960px;
	margin: 0 auto;
	padding: 2px;
	background: #000 url(images/footer-right.png) no-repeat;
         background-position:right bottom; 
	color:#b8b4ab;
	}
#header {
	height: 295px;
	background: url(images/header.png) no-repeat;
	}

/*title, titel*/
#header h4{ display:none;	margin: 0; padding: 120px 0 0 360px;}
/*the link in the title,  url i titlen,  */		
#header h4 a,#header h4 a:hover {text-decoration: none;}
/* description, beskrivning*/
#header h3{ display:none; font-size: 10pt;	margin: 0;	padding: 0 0 0 360px;}
	
/*menu , menyn*/
#menu ul {margin:0;padding:0 0 0 3px;list-style-type:none;font-weight:bold;}
#menu ul li {float:left;}
#menu ul li a{
padding:10px 2px 0 0; 
float: left;
text-align: center;
color:#666666;
text-decoration: none;
height: 40px;
width: 156px;
background: url(images/unselected.png) no-repeat; 
}
#menu li a:hover{
padding:10px 2px 0 0; 
float: left;
text-align: center;
color:#ab8263;
text-decoration: underline;
height: 40px;
width: 156px;
background: url(images/selected.png) no-repeat; 
}
#current a, #current a:visited{
padding:10px 2px 0 0; 
float: left;
text-align: center;
color:#ab8263;
text-decoration: underline;
height: 40px;
width: 156px;
background: url(images/selected.png) no-repeat;
}

/* content */
#content {float: left;width: 558px; overflow:hidden;}

/* main text background */
.textbackground  {
	float:left;
	width: 558px;
	margin: 0;
	padding:0px 15px 15px 15px;
	background: url(images/single-post.png) no-repeat;	
    /*Force the design to show the full faded background also on short posts!  Tvinga designen till att visa hela bakgrundsbilden
          min-height: 407px; */	
	}

/* Page*/
.pagemain{
margin:0 auto;
width:515px;
float:left;
padding: 21px 5px 5px 5px;
}

/*Div that contains the date, comment and edit buttons, for posts.  Div som har datum, "kommentar" och "redigera",*/
.post-date{
float: left;
display: inline;
padding-right: 10px;
padding-left:6px;
padding-top:21px;
margin: 0 auto;
width:50px;
font-size: 10pt;
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 and padding of the comment and edit icons.  margin och padding till ikonerna*/
.dateimg{margin:0;padding:0;}

/* settings for "normal" posts*/
.postmain{
margin:0 auto;
width:440px;
float:left;
padding-right:5px;
padding-bottom:5px;
padding-top:21px;
}

/* smaller box for listing categories and archives */	
.post {
	background: url(images/middle-post.png) no-repeat;
	width: 558px;
	height:135px;
	margin: 0;
	padding:0px 15px 0px 15px;
	}
	
.entry {width:430px;font-size:10pt;}
.entry p{margin:12px 0;}

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

/* gravatars */
.gravatar {float:left;width:160px;margin:0 auto; color:#ab8263;}
.gravatar-image {float:left;	padding-right:10px;padding-bottom:4px;	width:40px;	}

/* Navigation  -settings for the next and previous post links,*/
.navigation {font-size:8pt;	float:left;	width:100%;	}
.navigation a, .navigation a:hover{ color: #333333;}	

/*sidebar*/
.sidebar{
	width:190px;
	float:right;
	margin: 0px 2px 0 2px;
	padding:0;
	text-align: left;
	font-size:10pt;
	color: #7f7a6e;
         overflow:shown;
	}
.sidebar ul {list-style-type: none; margin:10; padding:0;}
.sidebar ul ul {margin:0; padding:0;}
.sidebar ul li { list-style-type: none; margin:0;	padding: 0;	line-height: 14pt;}
.sidebar ul ul li {	list-style-type: none;	list-style-position: inside;}
/*end sidebars*/

/* comments   kommentarerna */
.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{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding: 2px;
	border: 2px solid #ab8263;
	}

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

ol.commentlist li {
	margin: 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	}
/*change every second comment     Byt bakgrund till 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;}

/* footer */
#footer {
    padding-top:15px;
	height:140px;
	clear: both; 
	font-size: 7pt;
	}
#footerbg
{
background: url(images/footer.png) no-repeat;
margin:0;
padding:20px 0 0 20px;
width:940px;
height:120px;
}

/*credits*/
.credits {
float:right;
width:180px;
padding-left:24px;
margin-left 70px;
background: url(images/tass.png) no-repeat;
}
/* search results*/
.results {padding:0;}
.results h3{ padding-left:10px;}