/*
Theme Name: Sibel
Theme URI: http://www.matigo.se
Description: Tema för Sibel
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 */
#clearwrap{
	clear:both;
}
#content{
	float:left;
	width:560px;
	margin-top:295px;	/* make space for the header image */
}
#creditlinks{
	margin-top:10px;
	text-align:right;
}
#footer{
	clear:both;
	height:145px;
	width:890px;
}
#sidebar{
	float:right;
	width:300px;
}
#wrap{
	width:890px;
}


/* custom */
body{
	background:transparent url('images/bg.jpg') 315px 0px no-repeat;
}

.hentry h2{
	color:#fff;
	font-size:52px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
}

.hentry h2 a:active,
.hentry h2 a:link,
.hentry h2 a:visited{
	color:#fff;
	text-decoration:none;
}

div.actions{
	background-color:#d92460;
	height:35px;
	margin-top:15px;
}

div.actions .comments{
	float:left;	
	padding-left:30px;
	padding-top:12px;
}

div.actions .comments a:active,
div.actions .comments a:link,
div.actions .comments a:visited{
	color:#fff;
	font-size:11px;	
	text-transform:uppercase;
	text-decoration:none;
}
	
div.actions div.social{
	float:right;
	padding-right:30px;
	padding-top:8px;
}

div.actions div.social a{
	display:block;
	float:left;
	height:16px;
	margin-left:10px;
	padding-left:20px;
	padding-top:3px;	
}

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;	
}

div.actions div.social a:active, 
div.actions div.social a:link,
div.actions div.social a:visited{
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

.post{
	margin-bottom:50px;
}

.post p.datetime{
	font-family:Verdana;
	font-size:10px;	
	margin-top:10px;
	margin-bottom:15px;
	text-transform:uppercase;
}

#clearwrap{
	padding-top:30px;
}


#sidebar{
	margin-top:530px;
}

#wrap{
	background:transparent url('images/bg-wrap.png') top left repeat-y;
	padding-left:62px;
}


/* header */
#header{
	position:absolute;
	top:10px;
	left:65px;
}


/* comments */
#content div.comments{
	background-color:#000;	
	margin-bottom:25px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#content div.comments h3{
	color:#ff2270;
	font-family:Verdana;
	font-size:20px;
	font-weight:normal;
	padding-left:20px;
	text-transform:uppercase;
	background:#000 url('images/commentbubbles.png') 510px 0px no-repeat;
}

#content div.comments .entry{
	background-color:#2f2f2f;
	margin-top:10px;
	padding:15px;
}

#content div.comments .entry p{
	color:#fff;
	font-size:14px;
	line-height:16px;
}

#content div.comments .entry p.datetime{
	color:#ff2270;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding-top:5px;
}


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


/* comment form */
#comment{
	margin-bottom:20px;
	text-align:right;
}

#comment h3{
	font-size:28px;
	font-weight:normal;
	text-transform:uppercase;
}

#comment .forminput{
	background-color:#000;
	margin-bottom:15px;
	text-align:left;
	padding:15px;
}

#comment .forminput p{
	margin-top:20px;
}
	
#comment .forminput label,
#comment .forminput p{
	color:#ff2270;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#comment .forminput input{
	border:0;
	background-color:#bababa;
	height:20px;
	width:177px;
}

#comment .forminput textarea{
	border:0;
	background-color:#bababa;
	height:85px;
	width:100%;
	margin-top:10px;
}


/* textual style in blog/page */
.hentry .entry{
	overflow:hidden;
}

.hentry .entry p,
.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{
	font-family:Verdana;
	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:#fff;
	font-weight:normal;
	margin-bottom:10px;
	text-transform:none;
}

.hentry .entry h1{
	font-size:24px;
}

.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 #fff;
}

.hentry .entry a:active,
.hentry .entry a:link,
.hentry .entry a:visited{
	color:#fff;
}

.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;
}


/* sidebar */
#sidebar h4{
	background-color:#000;
	color:#ff2270;
	font-size:18px;
	padding-bottom:5px;
	padding-left:20px;		
	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:20px;
}
#sidebar .box a:active,
#sidebar .box a:link,
#sidebar .box a:visited{
	color:#ff2270;
}
#sidebar .box img{
	margin-bottom:10px;
}


/* siderbar, login */
#login .content{
	background-color:#252525;
	border:10px solid #2f2f2f;
	height:60px;
	text-align:center;
}
#login .content a{
	background:transparent url('images/bg-loginbutton.png') top left repeat-x;
	border:2px solid #2f2f2f;
	color:#fff;
	display:block;
	height:20px;
	font-size:16px;
	width:220px;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:8px;
	margin-top:13px;
	margin-left:27px;
}
#login .content a:active,
#login .content a:link,
#login .content a:visited{
	color:#fff;
}


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

#sidebar .comments h4{
	background:#000 url('images/commentbubbles.png') 270px 8px no-repeat;
}

#sidebar .comments .entry{
	background-color:#2f2f2f;
	padding:15px;
	padding-left:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

#sidebar .comments .entry a:active,
#sidebar .comments .entry a:link,
#sidebar .comments .entry a:visited{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#sidebar .comments .entry p{
	color:#ff2270;	
	font-family:arial;
	font-size:12px;
}


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


/* footer */
#footer{
	background:transparent url('images/bg-footer.png') top left no-repeat;
	position:relative;
	overflow:hidden;
}

#footer .links{
	height:145px;
	position:absolute;
	top:25px;
}

#footer .general{
	left:300px;
	width:179px;
}

#footer .social{
	left:489px;
	width:190px;
}

#footer .buy{
	left:689px;
	width:190px;
}

#wmglogo{
	background:transparent url('images/logo-wmg.png') top left no-repeat;
	display:block;
	height:145px;
	width:155px;
}

#footer .links h5{
	color:#d92460;
	font-size:14px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#footer .links ul{
	float:left;
	margin-right:15px;
}

#footer .links ul li{
	list-style-type:none;
	margin-bottom:3px;
}

#footer .links a:active,
#footer .links a:link,
#footer .links a:visited{
	color:#fff;
	font-family:verdana;
	font-size:12px;
	text-decoration:none;
}

#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;
}


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


/* credit in footer */
#creditlinks,
#creditlinks a:active,
#creditlinks a:link,
#creditlinks a:visited{
	color:#25254a;
	font-family:verdana;
	font-size:10px;
	line-height:14px;
}