/*
Theme Name: Christer Sjögren
Theme URI: http://www.matigo.se
Description: Tema för Christer Sjögren
Version: 1.0
Author: Matigo
Author URI: http://www.matigo.se
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:arial;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}


/* grid */
body{
	text-align:center;
}
#content{
	float:left;
	width:560px;
	padding-bottom:20px;
}
#creditlinks{
	margin-top:10px;
	text-align:right;
}
#footer{
	clear:both;
	height:195px;	/* actual footer is 145px */
	width:940px;
	margin-left:-25px;
	padding-top:10px;
}
#sidebar{
	float:right;
	width:300px;
}
#wrap{
	margin:0 auto;
	text-align:left;
	width:905px;
}


/* custom */
body{
	background-color:#0e1116;
}


/* actions for blog post */
div.actions{
	border-top:1px solid #94782d;
	height:35px;
	margin-top:15px;
}
div.actions .comments{
	float:right;	
	padding-top:12px;
}
div.actions .comments a{
	color:#fff;
	font-size:11px;	
	text-decoration:none;
}	
div.actions div.social{
	float:left;
	padding-top:8px;
}
div.actions div.social a{
	display:block;
	float:left;
	height:16px;
	margin-right:10px;
	padding-left:20px;
	padding-top:3px;	
	color:#fff;
	font-size:11px;
	text-decoration:none;

}
div.actions div.social a.facebook{
	background:transparent url('images/icon-facebook.png') top left no-repeat;
}
div.actions div.social a.myspace{
	background:transparent url('images/icon-myspace.png') top left no-repeat;	
}
div.actions div.social a.twitter{
	background:transparent url('images/icon-twitter.png') top left no-repeat;	
}


.post{
	margin-bottom:50px;
}
.post p.datetime{
	color:#e7dfa1;
	font-family:arial;
	font-size:11px;	
	margin-top:10px;
	margin-bottom:15px;
	text-transform:uppercase;
}

#wrap{
	background:#1c2029 url('images/bg.jpg') top right no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:10px;
}


/* logo */
h1,
h1 a{
	height:180px;
	width:411px;
}
h1{
	background:url('images/header.png') top left no-repeat;
}
h1 a{
	display:block;
}
h1 span{
	display:none;
}


/* menu */
#menu{
	background-color:#94782d;
	list-style-type:none;
	margin-bottom:35px;
	margin-left:-25px;
	margin-top:15px;
	height:23px;
	padding-top:7px;
}
#menu li{
	display:inline;
	margin-left:20px;
	margin-right:20px;
}
#menu li a{
	color:#fefadd;
	text-decoration:none;
	text-transform:uppercase;
	font-size:17px;
}


/* comments */
#content div.comments{
	margin-bottom:25px;
	padding-bottom:10px;

}
#content div.comments h3{
	border-top:3px solid #e7dfa1;
	color:#a19b5e;
	font-family:arial;
	font-size:28px;
	font-weight:normal;
	padding-top:15px;
	text-transform:uppercase;
}
#content div.comments .entry{
	border-bottom:1px solid #e7dfa1;
	padding-top:20px;
	padding-bottom:20px;
}
#content div.comments .entry p{
	color:#aeaeae;
	font-size:13px;
	line-height:16px;
}
#content div.comments .entry p.datetime{
	color:#75694a;
	font-size:12px;
	padding-top:10px;
}


/* content ad */
#content .box{
	margin-bottom:15px;
	text-align:center;
}


/* comment form */
#comment{
	background-color:#333844;
	margin-bottom:20px;
	padding:15px;
}
#comment h3{
	color:#e7dfa1;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;	
}
#comment .forminput{
	margin-bottom:15px;
	text-align:left;

}
#comment .forminput p{
	margin-top:20px;
}	
#comment .forminput label,
#comment .forminput p{
	color:#98935a;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#comment .forminput input{
	border:1px solid #99895d;
	background-color:#fff;
	height:20px;
	width:177px;
}
#comment .forminput textarea{
	border:1px solid #99895d;
	background-color:#fff;
	height:85px;
	width:100%;
	margin-top:10px;
}
#comment #commentform{
	text-align:right;
}


/* textual style in blog/page */
.hentry h2,
.hentry h2 a{
	color:#e7dea0;
	font-family:"times new roman";
	font-size:36px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:15px;
	text-decoration:none;
	text-transform:uppercase;
}
.hentry .entry{
	overflow:hidden;
}
.hentry .entry a,
.hentry .entry blockquote,
.hentry .entry p,
.hentry .entry pre,
.hentry .entry td,
.hentry .entry th,
.hentry .entry li,
.hentry .entry input,
.hentry .entry label,
.hentry .entry p,
.hentry .entry dt,
.hentry .entry dd,
.hentry .entry acronym,
.hentry .entry abbr,
.hentry .entry small,
.hentry .entry form,
.hentry .entry legend{
	color:#fff;
	font-family:arial;
	font-size:14px;
	line-height:18px;
	margin-bottom:10px;
}
.hentry .entry blockquote{
	margin-left:30px;
	margin-bottom:10px;
	margin-top:10px;
}
.hentry .entry pre{
	font-family:"Courier New";
}
.hentry .entry small{
	font-size:12px;
}
.hentry .entry h1,
.hentry .entry h2,
.hentry .entry h3,
.hentry .entry h4,
.hentry .entry h5,
.hentry .entry h6{	
	color:#e7dea0;
	font-family:"times new roman";
	font-style:normal;
	font-weight:normal;
	margin-bottom:10px;
	text-transform:none;
}
.hentry .entry h1{
	font-size:24px;
	/* cancel out previous h1 replacement*/
	background:transparent;
	height:auto;
	width:auto;
}
.hentry .entry h2{
	font-size:22px;
}
.hentry .entry h3{
	font-size:20px;
}
.hentry .entry h4{
	font-size:18px;
}
.hentry .entry h5{
	font-size:16px;
}
.hentry .entry h6{
	font-size:14px;
}
.hentry .entry hr{
	border:0;
	border-top:1px solid #e7dfa1;
}
.hentry .entry a{
	color:#e7dfa1;
}
.hentry .entry img.alignleft{
	float:left;
	margin:10px;
	margin-left:0;
	clear:both;
}
.hentry .entry img.alignright{
	float:right;
	margin:10px;
	margin-right:0;
	clear:both;
}
.hentry .entry acronym{
	border-bottom:1px dotted;
}
.hentry .entry abbr{
	border-bottom:1px dashed;
}
.hentry .entry ol{
	list-style:decimal inside;
}
.hentry .entry ul{
	list-style:square inside;
}
.hentry .entry ol li,
.hentry .entry ul li,
.hentry .entry dd{
	margin-left:20px;
}


/* latest posts on the front page */
#latest-posts{
	background-color:#333844;
	padding-top:15px;
	padding-left:15px;
	margin-top:25px;
}
#latest-posts h3{
	color:#e7dfa1;
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#latest-posts .datetime{
	color:#fff;
	font-size:14px;
	margin-right:25px;
}
#latest-posts ul li{
	border-top:1px solid #1c2029;
	padding-bottom:10px;
	padding-top:10px;
}
#latest-posts ul li a{
	color:#94782d;
	text-decoration:none;
}		
#latest-posts ul li a.first{
	color:#cfc979;
}


/* pagerbox */
div.pagerbox{
	margin-bottom:15px;
	text-align:right;
}


/* sidebar */
#sidebar h4{
	background-color:#e7dfa1;
	color:#0e1116;
	font-size:22px;
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:15px;		
	padding-top:10px;
	text-transform:uppercase;		
}


/* sidebar box */
#sidebar .box{
	margin-bottom:15px;
	overflow:hidden;
}
#sidebar .box p{
	color:#fff;
	font-size:12px;
	margin-bottom:10px;
	margin-left:10px;
}
#sidebar .box a{
	color:#ff2270;
}
#sidebar .box img{
	margin-bottom:10px;
}


/* sidebar, latest comments */
#sidebar .comments{
	background-color:#333844;	
	padding-bottom:1px;
}

#sidebar .comments .entry{
	border-bottom:1px solid #1c2029;
	margin-bottom:10px;
}
#sidebar .comments .entry a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
#sidebar .comments .entry p{
	color:#cfc979;	
	font-family:arial;
	font-size:14px;
	font-style:italic;
}


/* sidebar, ngg */
#sidebar .ngg-widget {
	background-color:#333844;
	padding-bottom:15px;
	padding-left:20px;
	padding-top:15px;
	margin-bottom:15px;
	overflow:hidden;
	margin-top:-15px;
}


/* footer */
#footer{
	background:#0e1116 url('images/bg-footer.png') 0px 10px no-repeat;
	position:relative;
	overflow:hidden;
}
#footer .links{
	height:145px;
	position:absolute;
	top:35px;
}
#footer .general{
	left:300px;
	width:179px;
}
#footer .social{
	left:489px;
	width:190px;
}
#footer .buy{
	left:689px;
	width:190px;
}
#footer #wmglogo{
	background:transparent url('images/logo-wmg.png') top left no-repeat;
	display:block;
	height:145px;
	width:163px;
}
#footer .links h5{
	color:#e7dfa1;
	font-family:helvetica;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
#footer .links ul{
	float:left;
	margin-right:15px;
}
#footer .links ul li{
	list-style-type:none;
	margin-bottom:3px;
}
#footer .links a{
	color:#fff;
	font-family:helvetica;
	font-size:12px;
	text-decoration:none;
	padding-top:2px;	/* prevent icon-cut off due to small font */
}
#footer .buy img{
	margin-right:10px;
	margin-bottom:5px;
}
#footer .social a{
	padding-left:20px;
}
#footer .social a.facebook{
	background:transparent url('images/icon-facebook.png') top left no-repeat;
}
#footer .social a.spotify{
	background:transparent url('images/icon-spotify.png') top left no-repeat;
}
#footer .social a.youtube{
	background:transparent url('images/icon-youtube.png') top left no-repeat;
}
#footer .social a.lastfm{
	background:transparent url('images/icon-lastfm.png') top left no-repeat;
}
#footer .social a.twitter{
	background:transparent url('images/icon-twitter.png') top left no-repeat;
}
#footer .social a.myspace{
	background:transparent url('images/icon-myspace.png') top left no-repeat;
}
#footer .social a.rss{
	background:transparent url('images/icon-rss.png') top left no-repeat;
}
#footer .social a.wikipedia{
	background:transparent url('images/icon-wikipedia.png') top left no-repeat;
}


/* credit in footer */
#creditlinks,
#creditlinks a{
	color:#4e5158;
	font-family:helvetica;
	font-size:10px;
	line-height:14px;
}