/*
Theme Name: Varg
Theme URI: http://varg.layout.nu
Description: A dark wolf theme with 3 columns, Swedish translation included.
Author: Poena
Author URI: http://layout.nu
Version: 1.3.2
Tags:black,dark,three-columns,fixed-width,custom-header,custom-background,custom-menu,sticky-post,translation-ready,threaded-comments
 * License: GNU General Public License (GPL), v3 (or newer)
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html

Structure of this css file :
Must have (caption, img,  code, blockquoute, calender)
Body and wrap
Links and headers
Header
Menu
Main Content wrap
Post and page
Post author information
Related posts
Navigation (next and prev)
Sidebars
Widgets
Comments
Footer
Credits
Search results
Gallery
*/

/* wordpress must have css! */

.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto; 
	clear:both;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}


img.alignleft,
img.alignright,
img.aligncenter{
	margin-bottom:12px;
}


.wp-caption{
	text-align:center;
	padding:4px;
	margin:4px;
}
.wp-caption img{
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text{
	font-size:12pt;
	line-height: 17px;
	padding:0;
	margin:0;
}

img{
	border:none;
	padding:6px;
	margin:0;
	height:auto;
	max-width:500px;
}
img a{
	border:none;
}
img.left{
	float:left;
	border:none;
	padding:6px;
}
img.right{
	float:right;
	border:none;
	padding:6px;
}

blockquote{
	background:#ab8263;
	margin:15px;
	padding:6px;
	font-style:italic;
}
code{
	margin:10px;
	padding:4px;
	font-family:"Courier New", Courier, monospace;
}
cite{
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}


/* calendar  kalender */
#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;
	font-size: 8pt;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/*End must have*/


a{
	color: #ab8263; 
	text-decoration: none;
}
a:hover{
	color: #ab8263; 
	text-decoration: underline;
}
h1 {
	font-size: 14pt; 
	padding:0; 
	margin:0;
} 
h2 {
	font-size: 12pt;
	padding:0;
	margin:0;
}
h3 {
	font-size: 10pt;
	padding:0; margin:0;
}
h4 {
	font-size: 8pt;
	padding:0;
	margin:0;
}
h5,
h6{
	padding:0;
	margin:0;
}


body{
	background: #494949;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
	margin:0;
}


#wrap{
	width: 1024px;
	margin: 0 auto;
	padding: 2px;
	background: #000 url(images/footer-right.png) no-repeat; 
	background-position:780px 100%;/*xpos ypos Little Wolf in the footer   Lilla vargen i footern*/
	color:#ffffff;
}


#header{
	height: 295px; margin-left:10px;
}
/* title  titel */
#header h4{
	font-size:18pt;
	margin: 0;
	padding: 120px 0 0 30px;
}
/* the link in the title  url i titeln  */		
#header h4 a,
#header h4 a:hover {
text-decoration: none;
}
/* description  beskrivning */
#header h3{
	font-style:italic;
	font-size: 10pt;
	margin-top:4px;
	padding: 0 0 0 140px;
}

	
/* menu  menyn */
#menu {
 height:50px;
 margin-left:6px;
 margin-top:6px;
 padding-left:18px;
 background: url(images/menubg.png) repeat-x;
 clear:both;
 display:block;
 font-weight:bold;
 }
 #menu ul {
 margin:0;
 list-style-type:none;
 }
 #menu li {
 float: left;
 position: relative;
 }
 #menu ul li {
 float:left;
 }
 #menu a {
 color:#b9b9b9;
 text-decoration: none;
 background: url(images/unselectedpaw.png) no-repeat;
 display: block;
 line-height: 38px;
 padding-left:40px;
 padding-right:15px;
 margin-top:4px;
 height: 35px;
 }
 #menu a:hover {
 color:#ab8263;
 text-decoration: underline;
 background: url(images/selectedpaw.png) no-repeat;
 }
 #menu ul ul {
 display: none;
 position: absolute;
 top: 39px;
 left: -20px;
 float: left;
 width: 180px;
 z-index: 99999;
 padding-left:15px;
 }
 #menu ul ul li {
 min-width: 180px;
 }
 #menu ul ul ul {
 left: 100%;
 top: 0;
 }
 #menu ul ul a {
 background: #2d2d2d url(images/unselectedpaw.png) no-repeat;
 line-height: 38px;
 padding-left:40px;
 padding-right:15px;
 height:38px;
 border:1px solid #0f0f0f;
 margin:0;
 }
 #menu li:hover > a,
 #menu ul ul :hover > a {
 background: #2d2d2d url(images/selectedpaw.png) no-repeat;
 color:#ab8263;
 }
 #menu ul li:hover > ul {
 display: block;
 }


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


/* Sticky posts */
.mysticky {
	background: url(images/single-post-light.png) no-repeat; 
	margin-left:6px;
	margin-bottom:10px;
	width:558px;
	min-height:170px;
	float:left; 
	padding-right:5px;
	padding-bottom:5px;
	padding-top:21px;
	padding-left:18px;
}
.mysticky h1 a{
	color:#fff;
	margin-left:10px;
	padding-left:40px;
	background:url(images/selectedpaw.png) no-repeat;
}
.stickyentry {
	width:480px;
	font-size:10pt;
	margin-left:20px;
	overflow:hidden
}

/*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:5px;
	padding-left:5x;
	padding-top:-5px;
	margin:0 auto;
	width:50px;
	font-size:8pt;
	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;
}
.post-date a{
	font-size:12pt;
	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;
	text-decoration:none;
}
/* Set the margin and padding of the comment and edit icons.    Margin och padding till ikonerna*/
.dateimg{
	margin:0;
	padding:0;
}


/* pages   sidor */
.pagemain {
	background: url(images/single-post.png) no-repeat;
	margin-left:6px;
	width:658px;
	min-height:407px;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:21px;
	padding-left:18px;
}
.pagemain h1{
	margin-left:20px;
}
.page-entry {
	width:497px;
	font-size:10pt;
	margin-left:20px;
}


/* frontpage and posts    styla framsidan */
.postfront,
.postmain {
	background:url(images/single-post.png) no-repeat;
	margin-left:6px;
	width:558px;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:21px; 
	padding-left:18px;
	margin-bottom:10px;
	min-height:190px;
}
.postfront h1,
.postmain h1.post-title{
	margin-left:90px;
	width:420px
}
.cattag{
	margin-left:90px;
	margin-bottom:6px;
	width:400px;
	font-size:8pt;
}


/*post contents*/
.entry {
	float:left;
	width:460px;
	font-size:10pt;
	margin-left:5px;
	overflow:hidden;
}
.front-entry {
	width:427px;
	font-size:10pt;
	margin-left:90px;
	overflow:hidden;
}
.archive-entry {
	width:400px;
	font-size:10pt;
	margin-left:90px;
	overflow:hidden;
}
.entry p,
.page-entry p{
	margin:12px 0;
}
.postmetadata{
	width:500px;
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin-top:16px;
}
.attachment-post-thumbnail{
	margin-left:0;
	padding:0;
	max-width:400px;
}


/* Post author information */
#entry-author-info {
	clear:both;
	font-size:10pt;
	overflow:hidden;
	width:470px;
	padding-top:35px;
	margin-bottom:20px;
	padding-left:24px;
}
#entry-author-info #author-link{
	padding-top:6px; 
	font-size:8pt;
}
#entry-author-info #author-avatar {
	float:left;
	padding-right:19px;
}
#entry-author-info #author-description {
	float:left;
	margin:0;
}
#entry-author-info h2 {
	font-size:14pt;
	font-weight:bold;
	margin-bottom:0;
	padding-top:3px;
}


/* Related posts   relaterade poster */
#related-posts {
	clear:both;
	font-size:10pt;
	overflow:hidden;
	width:470px;
	padding-top:30px;
	padding-left:29px;
	margin-bottom:25px;
}
#related-posts .related-posts-content {
	float:left;
	margin-right:7px;
	width:142px;
	margin-left:4px;
	padding-top:8px;
}
#related-posts .related-posts-content a {
	font-weight:bold;
}
#related-posts .related-posts-content img{
	width:60px;
	height:60px;
	clear: both; 
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	border:2px solid #cfcfcf;
	padding:0px;
}


/* Navigation  -settings for the next and previous posts and pages*/
.navigation {
	font-size:10pt;
	float:left;
	width:500px;
	padding-left:30px;
	padding-right:30px;
	padding-top:14px;
}
.navigation a,
.navigation a:hover{
	color:#b9b9b9;
}	
.page-link{
	clear:both;
	margin-bottom:15px;
}


/* sidebar */
.sidebar{
	width:212px;
	float:left;
	margin-left:18px;
	padding:0px;
	text-align:left;
	font-size:10pt;
	color:#ffffff;
	overflow:hidden;
	margin-bottom:200px;
}
.sidebar ul {
	list-style-type:none;
	margin:0;
	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 li ul{
	padding-bottom:10px;
}
.sidebar ul ul li {
	list-style-type: none;
	list-style-position:inside;
	margin-left:16px;
	margin-bottom:3px;
}
/* widgets */
.widget h2{
	background: url(images/sidebartop.png)no-repeat;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:16px;
	font-size:12pt;
	height:30px;
}
.widget_calendar h2{
	background:none;
}
#footer h2{
	background:none;
	padding:0;
	margin:0;
}
/* Style recent comments with gravatars */
.sidebar img{
	vertical-align:middle;
	padding:3px 6px 3px 3px;
}
.sidebar .varg-comments{
	padding-top:3px;
}
/* end sidebars */


/* comments   kommentarerna */
#comments{
	width:500px;
	padding:10px;
	margin-left:22px;
}
#comments h3.commenthead{
	text-align:center;
	margin-bottom:35px;
}
.commentlist {
	list-style: none;
	margin: 0;
	width:500px;
	padding:0;
}
.commentlist li.comment {
	position: relative;
	margin-bottom:20px;
	list-style:none;
}
.commentlist li p {
	margin:6px 0 6px 0;
	padding:12px;
	line-height: 14pt;
}
.comment-author {
	margin-left:60px;
	width:470px;
	color:#fff;
	padding:4px;
}
.comment-body{
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	width:470px;
	color:#fff;
	}
.comment-meta{
	margin-left:68px;
	height:30px;
	color:#666;
	font-size:8pt;
}
#comments .comment-body ul,#comments .comment-body ol {
	margin-bottom: 18px;
}
#content .commentlist{
	list-style: none;
}
.commentlist .avatar {
	position: absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	
}
.comment-author cite {
	padding-left:4px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-size:14pt;
}
.commentlist .even {}
.commentlist .odd {
	background:#333333;
}
.commentlist .bypostauthor {}
.nopassword,.nocomments {
	display: none;
}
#comments .trackback .comment-meta,
#comments .pingback .comment-meta{
	margin:4px;
	padding:4px;
	height:20px;
}
#comments .trackback .comment-author, 
#comments .trackback p,
#comments .pingback .comment-author, 
#comments .pingback p{
	margin:4px;
	padding:4px;
}
/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	width:400px;
	margin-top:20px;
	overflow: hidden;
	position: relative;
	padding:0;
}
#respond p {
	margin:0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
.reply{
	padding:10px;
}

#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* footer */
#footer {
    padding-top:10px;
	height:180px;
	clear: both; 
	font-size: 7pt;
	overflow:hidden;
	}
#footerbg{
	background: url(images/footer.png) no-repeat;
	margin-left:6px;
	padding:20px 20px 20px 20px;
	width:940px;
	height:160px;
}


/* credits  */
.credits {
	float:right;
	width:180px;
	height:180px;
	padding-left:30px;
	padding-top:1px;
	margin-left:70px;
/*	background: url(images/tass.png) no-repeat; */
}


/* search results */
.results {
	padding:0;
}
.results h3{
	padding:15px;
}

/* gallery */
.gallery-caption{}
.gallerymain {
	background: url(images/single-post.png) no-repeat;
	margin-left:6px;
	width:558px;
	min-height:407px;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:21px;
	padding-left:18px;
}
.gallerymain h1,
.gallerymain h3{
	margin-left:18px;
	margin-bottom:10px;
}
.gallery-entry {
	width:497px;
	font-size:10pt;
	margin-left:14px;
}
.gallery {
	margin:auto;
}
.gallery-icon {}
.gallery-caption {
	margin-left:0;
}
.gallery-item {
	float: left;
	margin-top:10px;
	text-align:center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
	margin:0;
	padding:0;
}