/*
Theme Name: Kimi Records
Theme URI: http://kimirecords.org/
Description: Kimi Records 2010
Version: 2
Author: Sigurbjorn Oskarsson
Author URI: http://sigurbjorno.com/
Tags: Music

*/

/*****************************
	KIMI RECORDS STYLES
*****************************/

/*******
 BASICS
*******/

body{
	background:#e3e3d4;
	font-family:verdana, arial, sans-serif;
	margin:15px 0 !important;
}

a{
	color:#8F1A09;
	cursor:pointer !important;
	text-decoration:none;
}


a:hover{
	background:#000;
	color:#fff;
}

h1,h2,h3,h4,h5,h6{
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	background:#E3E3D4 url('/wp-content/themes/kimirecords/images/heading_bg.png')repeat-y scroll 100% 0;
	color:#333;
	padding:3px 8px !important;
	margin:0 0 10px 0 !important;
}



p{
	color:#555;
	font-size:12px;
	line-height:18px;
	margin:0 0 10px 0;
}

img{
	border-style:none;
}

small{
	display:block;
	line-height:20px;
	margin-bottom:8px;
	text-align:right;
}

/********
 LAYOUT 
********/

#wrapper{
	background:#fff;
	/*background:transparent url('wrapper_bg.png') no-repeat scroll 0 0;*/
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
	width:980px;
}

#head{
	/*border-bottom: 2px dashed #e3e3d4;*/
	float:left;
	width:100%;
}


/* BLOCK 1*/

#block_1{
	
	float:left;
	min-height:600px;
	padding:15px;
	width:600px;
}

#ad{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: #e3e3d4 url('/wp-content/themes/kimirecords/images/kimi_logo_small.png');
	margin-bottom:15px;
	height:280px;
	overflow:hidden;
	padding:0;
	width:600px;
}

#ad p{
	margin:0;
	padding:0;
}

#ad img{
	border-style:none;
	width:600px;
}

#sub{
	float:left;
	width:600px;
}

.sub1{
	float:left;
	width:300px;
}

.sub2{
	float:left;
	width:280px;
	padding:0 5px 0 15px;
}

.sub2 .alignnone{
	display:none;
}

.news_post{
	border-bottom:2px dashed #e3e3d4;
	margin:25px 0;
	padding-bottom:25px;
}


/* BLOCK 2*/

#block_2{
	/*border-left: 2px dashed #e3e3d4;*/
	float:left;
	min-height:600px;
	padding:15px 15px 15px 0;
	overflow:hidden;
	width:332px;
}


.side{
	overflow:hidden;
	margin-bottom:20px;
}


#footer{
	/*background:transparent url('wrapper_bg_bottom.png') no-repeat left bottom;*/
	border-top:2px dashed #e3e3d4;
	color:#aaa;
	float:left;
	height:20px;
	padding-top:10px;
	margin:0 0 10px 0;
	width:980px;
}

#footer p{
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}



/***********
  BRAND
***********/

#brand{
	background:#fff url('/wp-content/themes/kimirecords/images/kimi_logo.png') no-repeat scroll 20px 15px;
	float:left;
	width:150px;
	height:105px;
}

#brand:hover{

}

#brand a{
	display:block;
	height:105px;
	text-indent:-7000px;
}

#brand a:hover{
	background:transparent;
	color:#555;
}

/***********
  TWEETS
***********/

#tweets{
	background:transparent url(/wp/wp-content/themes/kimirecords/images/tweets_bg.png) no-repeat scroll 0 0;
	color:#888;
	display:none;
	float:left;
	font-size:11px;
	height:50px;
	margin-top:15px;
	padding:0 10px 10px;
	width:180px;
}

#tweets p{
	line-height:10px;
	margin-left:22px;
}


.tweet_meta{

	color:#ccc;
	font-size:x-small;

}

/***********
 NAVIGATION
***********/

#nav{
	background:#222;
	float:left;
	height:25px;
	width:100%;
}

ul#main_nav,
ul#main_nav li,
ul#main_nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#main_nav {
 position: relative;
 z-index: 597;
 float: left;
}

ul#main_nav li {
 border-right:1px dotted #FFFFFF;
 float: left;
 line-height: 1#3em;
 vertical-align: middle;
 zoom: 1;
}

ul#main_nav li#hover,
ul#main_nav li:hover {
 background:#000;
 position: relative;
 z-index: 599;
 cursor: default;
}

ul#main_nav li a{
	color:#ddd;
	display:block;
	font-weight:bold;
	font-size:15px;
	height:20px;
	padding:5px 20px 0 20px;
	text-transform:lowercase;
}

ul#main_nav li a:hover{
 color:#fff;
}

ul#main_nav ul {
 background:#000;

 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul#main_nav ul li {
 border-top:1px dotted #fff;
 float: none;
 opacity:0.8;
 /*width:130px;*/
}
ul#main_nav ul li:hover{

 }

ul#main_nav ul li a{

}

ul#main_nav ul ul {
 top: 1px;
 left: 99%;
}

ul#main_nav li:hover > ul {
 visibility: visible;
}

/********************
       LISTS
********************/

#news_global{
	list-style-type:none;
	margin:0;
	padding:0;
}

#news_global li{
	border-bottom:dashed 1px #e3e3d4;
	padding-bottom:5px;
	margin-bottom:5px;
}

#news_global li a{
	display:block;
	height:100%;
	font-size:12px;
	font-weight:bold;
}


/***** RELEASES ******/

.releases{
	margin:0;
	padding:0;
}

.releases li{
	border:2px dashed #e3e3d4;
	float:left;
	height:150px;
	list-style-type:none;
	margin:15px 23px;
	overflow:hidden;
	width:150px;
}

.releases li:hover{

}

.releases a{
	height:150px;
	width:150px;
	overflow:hidden;
}

.releases a img{
	opacity:0.8;
}

.releases a img:hover{
	opacity:1;
}

.releases span{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	display:none;
	font-size:14px;
	font-weight:bold;
	margin-left:0;
	margin-top:-154px;
	padding:0 5px;
	overflow:hidden;
	position:absolute !important;
	text-decoration:none;
	width:136px;
}

.releases a:hover span{
	background:#e3e3d4;
	border:solid 2px #e3e3d4;
	display:block;
	opacity:0.9;
	text-decoration:none;
}

.releases a:hover{
	color:#000;
	opacity:1 !important;
}

/**** SOCIAL GRIDS ****/

.standard{
	float:left;
	margin:10px 0 !important;
	padding:0;
}

.standard li{
	margin:10px;
}


.cc{
	float: right; 
	list-style-type: none; 
	color: #ccc; 
	font-size: 12px; 
	font-weight: normal; 
	padding: 0pt 20px 5px 0pt; 
	margin: 5px 0pt;
}

.cc a{
	color:#ccc;
}

.cc a:hover{
	color:#fff;
}
.cc li{
	float:right;
	padding:0 5px;
}

/**** POST-META ****/

.post-meta{
	border-right:2px dashed #e3e3d4;
	font-size:14px;
	list-style-type:none;
	line-height:32px;
	margin:15px 0;
	padding:0 0 15px 0;
}

.post-meta li{
	color:#555;
}

.post-meta-key{
	color:#ccc;
	font-weight:bold;
}

.archive_list{
	margin-top:25px;
}

/**** WP ****/

.alignleft{
	float:left;
	padding-right:10px;
}