/*
Theme Name: Cali
Theme URI: http://calicorn.com
Description: Calicorn Wordpress Theme
Version: 1.0
Author: Calle Blomqvist
Author URI: http://calicorn.com
Tags: cali
*/


/* Begin Reset */ 
a{cursor:pointer;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
legend{color:#000;}a:focus{-moz-outline-style: none; border:0px;}
/* End Reset */

/* Begin Structure */
body{
	background:url(img/bg.jpg) 0 0 fixed repeat;
	color:#212831;
	font:13px Helvetica, Arial, sans-serif;
	/*font-size:62.5%;*/
	text-align:left;
}


#wrapper{
	width:1000px;
}
#top{
	float:left;
	padding:30px 0 30px 50px;
	position:fixed;
	width:380px;
	}
#logo{}
 
/* Main Nav */
#nav{
	margin:0 0 0 169px;
	width:225px

}

/*
#nav ul{
	position:relative;
	right:10px;
	top:0;
	width:225px;
}*/
/*
#nav ul li{
	background:url(img/menu-hover1.png) -176px 4px no-repeat;	
}
#nav ul li.cat-item-6{
	background:url(img/menu-hover2.png) -176px 4px no-repeat;	
}
*/
#nav ul li a{
	background:url(img/menu.png) 0 0 no-repeat;
	color:#000;
	display:block;
	font-size:28px;
	height:30px;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:-9999em;	
	width:225px;
}

#nav ul li.cat-item-1 a{
	background-position:0 -40px;
}
#nav ul li.cat-item-7 a{
	background-position:0 -80px;
}

#nav ul li.cat-item-6 a:hover, #nav ul li.cat-item-6.current-cat a{
	background-position:0 -130px;
}
#nav ul li.cat-item-1 a:hover, #nav ul li.cat-item-1.current-cat a{
	background-position:0 -170px;
}
#nav ul li.cat-item-7 a:hover, #nav ul li.cat-item-7.current-cat a{
	background-position:0 -210px;
}
/* End Main Nav */

#content{
	background:url(img/dashed.gif) 0 0 repeat-y;
	float:right;
	min-height:600px;
	width:560px;
}
#content-inner{
	min-height:600px;
	padding:74px 0 30px 40px;
	width:520px;
}

.category-webb #content-inner{
	background:url(img/rocket.png) 340px 0 no-repeat;
}
.category-mixtape #content-inner{
	background:url(img/mixtape.png) 340px 19px no-repeat;
}

#sidebar{
	background:url(img/luffarschack.png) 0 0 no-repeat;
	position:fixed;
	top:305px;
	left:9px;
	height:100px;
	text-align:right;
	width:390px;
}

#footer{
	clear:both;
	padding:5px 0 0 435px;
	overflow:hidden;
}

#footer .anchorLink{
	background:url(img/arrows.png) 0 0 no-repeat;
	display:block;
	float:left;
	height:100px;
	width:12px;
	text-indent:-9999em;
}
#footer .anchorLink:hover{
	background-position:-12px 0;
}
#footer .anchorLink:active, #footer .anchorLink:focus{
	outline:none;
}

/* Begin Posts */

.post{
	background:url(img/hline.png) left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
	overflow:hidden;
	width:520px;
}

 
.post .entry{
	background:url(img/hline.png) 0 0 no-repeat;
	padding:5px 0 0;
	overflow:hidden;
}

.post .entry img{
	border:6px solid #000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


 


/* End Posts */

.navigation{
	clear:both;
	display:block;
}

#respond{
	clear:both;
	display:block;
	padding:18px 0 0;
}

/* End Structure */

/* Begin Typo */
body{
	font-size:62.5%;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6{
	color:#212831;
	font-weight:bold;
	margin:0 0 0.3em;
	line-height:1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#212831;
	text-decoration:none;
}
/*
h2 a:hover{
	color:#ec093f;
}
*/
div#logo h1{
	margin-bottom:12px;
}
div#logo h1 a{
	/*font-size:74px;*/
	display:block;
	font-weight:normal;
	margin-bottom:0;
}
h2{
	font-size:36px;
	font-weight:normal; 
}
h3{
	font-size:19px;
}
h4{
	font-size:18px;
}
h5{
	font-size:14px;
}
h6{
	font-size:10px;
}

p{
	font-size:14px;
	line-height:1.6em;
	margin:0.1em 0 1.5em;
}
a{
	color:#ec008c;
	text-decoration:none;
}

#content p a:hover, #content li a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}
 

small{
	font-size:10px;
	line-height:1.3em;
}
small.date{
	background:#000;
	color:#fff;
	display:block;
	margin-bottom:20px;
	padding:2px 3px 0;
	-moz-border-radius:2px;
}

.record span.date{
	color:#fff;
	margin-left:30px;
}

ul, ol{
	font-size:13px;
}
ul li, ol li{
	margin-bottom:8px;
}


/* End Typo */

hr{display:none;}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




.recordholder{
	height:236px;
	width:212px;
	padding:18px 19px;

	overflow:hidden;
	/*-moz-border-radius:6px;*/
}
.record{
	background:#000;
	/*border:1px dotted #e3f6fa;*/
	width:250px;
	margin:0 20px 20px 0;
	float:left;
	overflow:hidden;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.record.even{
	margin:0;
}

.record-info{
	width:212px;
	overflow:hidden;
	padding:0 19px 10px;
}
.record h3,.record h3 a{
	color:#fff;
	font-size:19px;
	margin-bottom:10px;
}

.post .record img{
	min-height:200px;
	width:200px;
	border:6px solid #fff;
}
 
.listen{
	background:url(img/recordinfo.png) 0 0 no-repeat;
	display:block;
	float:left;
	height:13px;
	margin-right:10px;
	width:16px;
	text-indent:-9999em;
}
.website{
	background:url(img/recordinfo.png) -26px 0 no-repeat;
	display:block;
	float:left;
	height:13px;
	width:17px;
	text-indent:-9999em;
}


.copy{
	float:left;
	padding:14px 32px;
}
.copy p{
	font-size:11px;
}



.whitebox{
	background:#fff;
	padding:18px 19px;
	width:212px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}


/* Various tags */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}


.cyan{color:#00aeef;}
.magenta{color:#ec008c;}
.yellow{color:#fff200;}
.green{color:#8db829;}

.blacklabel{background:#000; color:#fff;}
.blacklabel:hover{color:#fff200;}

.sidebarFmList a{color:#8db829;}


/* Slider */

.slider{
	border:6px solid #000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:508px;
	position:relative;
	width:508px !important;	
	height:449px !important;
}

.slider img {
	position:absolute;
	top:0px;
	left:0px;
	width:508px;
}



.slider2{
	border:6px solid #000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:508px;
	position:relative;
	width:508px !important;	
	height:778px !important;
}

.slider2 img {
	position:absolute;
	top:0px;
	left:0px;
	width:508px;
}