/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

body{
	background-image:url("images/layout/bg1.jpg");
	font-family:"Trebuchet MS";
	margin:0;
	font-size:14px;
}

#shadow{
	background-image:url("images/layout/shadow.png");
	background-repeat:repeat-y;
	background-position:top;
	width:1012px;
	margin:auto;	
	position:relative;
}

#bplayer{
	position: absolute;
	top:0;
	height:250px;
}

#albumPlayer{
	position:absolute;
	top:55px;
	left:175px;
}

#topMenu{
	position:relative;
	top:10px;
	left:0;
	width:880px;
	margin:auto;
	border:0px red solid;
	text-align:right;
}

#topMenu a{
  color:#fff;
  font-weight:bold;
  font-size:18px;
  text-decoration:none;
}

#topMenu a:focus, .cat-item a:hover{
  color:#959c5d;
}

#contentWrap{
	text-align:left;
	margin:auto;
	background-image:url("images/layout/bg2.jpg");
	background-repeat:repeat-y;
	width:1000px;
	position:relative;
}

#header{
	position:relative;
	width:1000px;
	height:446px;
	margin:0 auto 0 auto;
	background-image:url("images/layout/header.png");
	background-repeat:no-repeat;
}

#pageContent{
	position:relative;
	padding:0;
	margin:auto;
	width:960px;
	top:-50px;
	left:5px;	
}

.pagetitle{
	background-color:#ddddc3;
	width:581px;
	padding-left:10px;
	position:relative;
	left:-22px;
	border:0px solid red;
	
}

.pagetitleNoImg{
	background-color:#ddddc3;
	width:572px;
	padding-left:20px;
	margin-top:10px;
	position:relative;
	left:-22px;
	border:0px solid red;
	
}

#featuredAlbum{

	background-image:url("images/layout/featuredAlbum.png");
	background-repeat:no-repeat;
	width:320px;
	height:243px;
	float:left;
	
}

#featuredAlbum img{
	padding:22px 0px 0px 24px;
	width:219px;
	height:201px;
	
}

#blogContent{
	position:relative;
	float:left;
	width:600px;
	height:100%;
}

#menuContent{
	position:relative;
	float:left;
	width:330px;
	left:-5px;
	height:100%;
}

#blogBg{
	background-image:url("images/layout/contentBgMid.png");
	background-repeat:repeat-y;
	
}

#menuBg{
	background-image:url("images/layout/menuContentBgMid.png");
	background-repeat:repeat-y;
	height:100%;
}

#blogTag{
	height:60px;
	width:139px;
	position:relative;
	top:-20px;
	left:-27px;
	
}

.lastRightRow{
	height:100%;
	
}

.clearBoth{
	clear:both;

}

.top{
	position:relative;
}

.tbr_album{
	color:#fff;
	font-weight:bold;
	position:relative;
	top:2px;
	left:2px;
	font-size:14px;
}

.tbr_artist{
	color:#ccc;
	font-weight:normal;
	position:relative;
	top:0px;
	left:2px;
}

.tbr_box{
	padding:10px 10px 10px 20px;
}

.tbr_album a{
	text-decoration:none;
	color:#fff;
}

.tbr_album a:hover;{
	text-decoration:none;
	color:#ae463e;
}


.tbr_date{
	font-size:12px;
	color:#fff;
	position:relative;
	top:0px;
	left:2px;
}

.tbr_list{
	position:relative;
	top:-10px;
	color:#ae463e;
	font-weight:bold;
}

.postWrap{
	width:550px;
	margin:0;
	padding:0 0 0 25px;
	border:0px solid white;
	position:relative;
}

.postWrap a{
	color:#4f453f;
	text-decoration:underline;
	outline:none;
}

.postWrap a:focus, .postWrap a:hover{
	color:#ae463e;
	text-decoration:underline;
	outline:none;
}

.postWrap p{
	padding-bottom:15px;
	margin:0;
	
}

.postWrap h2{
	color:#4f453f;
}

.wpaudio{
	text-decoration:none;
}

.postedOn{
	color:#ae463e;
}

.postedBy{
	color:#4f453f;
	font-size:18px;
}

.authorBox{
	border:2px dashed #4f453f;
	display:block;
	padding:5px;
	background-color:#948b81;
	color:#fff;
}

.commentCount{
	background-image:url("images/layout/commentCount.png");
	background-repeat:no-repeat;
	width:33px;
	height:49px;
	position:absolute;
	left:-15px;
	padding:5px 0 0 0px;
	font-size:16px;
	color:#ae463e;
	text-align:center;
}

.commentCount2{
	background-image:url("images/layout/commentCount.png");
	background-repeat:no-repeat;
	width:33px;
	height:49px;
	position:absolute;
	left:-40px;
	top:-10px;
	padding:5px 0 0 0;
	font-size:16px;
	color:#ae463e;
	text-align:center;
}

.menuIcons {
  vertical-align: middle;
  padding-right:5px;
}

.cat-item a{
  color:#fff;
  font-weight:bold;
  font-size:18px;
  text-decoration:none;
}

.cat-item a:focus, .cat-item a:hover{
  color:#959c5d;
}

ul .cat-item{
	list-style-type:none;
	margin:0;
	padding:0;
	color:#ece7c9;
	font-weight:normal;
	font-size:16px;
}

.menuItems{
	margin:15px 0 0 30px;
	padding:0;
}

.menuItems li{
	padding:0px 5px 5px 0;
}


#searchBox{
	background-image:url("images/layout/searchBox.png");
	width:330px;
	height:110px;
	background-position:29px 10px;
	background-repeat:no-repeat;
	
}

.search{
	position:relative;
	top:48px;
	left:38px;
}

.search input{
	background-color:#ece7c9;
	font-size:18px;
	width:240px;
	border:0;
	color:#8c8c8c;
	
}

.newstitle{
	float:left;
	font-weight:bold;
	height:50px;
	border:0px solid red;
}

.more-link{
	background-color:#dadada;
	padding:2px;
	color:#fff;
	display:inline-block;
	position:relative;
	top:2px;
	margin:0;	
}

.commentlist{
	position:relative;
	padding:10px;
}

.avatar{
	float:left;
	padding:0 0 0 0;
	border:2px solid white;
	margin-right:6px;
}

.commentBox{
	float:left;
	width:525px;
	padding:10px 10px 0 10px;
	border:1px dashed #fff;
	background-color:#ddddc3;
}

.commentText{
	padding-top:10px;
}

.myComment{
	border:1px dashed #4f453f;
	background-color:#948b81;
	color:#fff;
}

.commentAuthor{
	font-size:16px;
	position:relative;
	top:10px;
}

#commentform input{
	font-size:14px;
	padding:5px;
	
}

#commentform{
	padding-top:15px;
	width:530px;
	
}

.paginated-comments-pages strong{
	padding:2px 4px;
	background-color:#fff;
	text-decoration:none;
	border:1px solid #948b81;
	
}

.paginated-comments-pages a{
	padding:2px 4px;
	background-color:#ddddc3;
	text-decoration:none;
	border:1px solid #948b81;
	
}

.navigation{
	padding-top:20px;
	font-weight:bold;
	text-align:center;
	width:100%;
}

.post-ratings{
	font-size:14px;	
	display:inline-block;
}

.post-ratings img{
	position:relative;
	top:2px;
}

.browse_item{
	width:150px;
	text-align:center;
	float:left;
	border:0px solid green;
	margin:0 25px 0 0;
	
}

.browse_artists{
	margin-right:10px;
	
}


.browse_img{
	border:3px solid white;
	margin-bottom:3px;
	width:150px;
	height:100px;
}

.browse_album_item{
	width:550px;
	text-align:left;
	border:0px solid green;
	clear:both;
	
}

.browse_old_albums{
	float:left;
	padding:0 5px 0 5px;

}

.browse_old_albums img{
	width:80px;
	height:73px;
}

.browse_new_albums{
	float:left;
	padding:0 5px 0 5px;
	width:260px;
	border:1px solid black;
	font-size:12px;
}

.browse_new_albums img{
	width:80px;
	height:73px;
	float:left;
	padding:0 2px 0 0;
}


.browse_album_img{
	border:none;
	margin-bottom:10px;
	width:80px;
	height:73px;
	float:left;
	padding-right:5px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
.va{
vertical-align:middle;
	
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
	
	.wp-caption {
	   border: 1px solid #ddd;
	   text-align: center;
	   background-color: #f3f3f3;
	   padding-top: 4px;
	   margin: 10px;
	   /* optional rounded corners for browsers that support it */
	   -moz-border-radius: 3px;
	   -khtml-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   border-radius: 3px;
	}

	.wp-caption img {
	   margin: 0;
	   padding: 0;
	   border: 0 none;
	}

	.wp-caption p.wp-caption-text {
	   font-size: 11px;
	   line-height: 17px;
	   padding: 0 4px 5px;
	   margin: 0;
	}
	
/* End Images */

.gallery {
      margin: auto;
}

.gallery-item {
     float: left;
     margin-bottom:10px;
     text-align: center;
     width: 33%;
}
.gallery img {
     border: 4px solid #fff;
}
.gallery-caption {
     margin-left: 0;
}

.wp-post-image{
	border:2px solid #ddddc3;
	margin:0 10px 0 0;
	padding:2px;
	vertical-align:middle;
}

.newsthumbs{
	position:relative;
	float:left;
	vertical-align:middle;
	border:1px dotted #ccc;
}

.newsBox{
	width:270px;
	border:0px solid red;
	position:relative;
	float:left;
	padding:0px 3px 7px 0;
}

.nOBox{
	padding:0 0 15px 0;
	
}

.nBox{
	position:relative;
	float:left;
	width:415px;
	border:1px dotted #beb9a2;
	font-size:18px;
	padding:2px 0px 0px 15px;
	background-color:#f1eacd;
	height:73px;
	top:1px;
}

.nOBoxSmall{
	padding:0 0 0 0;
	float:left;
	border:0px solid red;
	width:210px;
	height:55px;
}

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

.updateImgs1{
	float:left;
	width:55px;
	height:55px;
	
}

.updateImgs2{
	float:left;
	width:70px;
	height:47px;
	padding-right:3px;
	padding-top:2px;
}

.updateTitle{
	font-size:14px;
	padding:2px;
	color:#ae463e;
	margin-bottom:5px;
	font-weight:bold;
}

.refreshIcon{
	width:15px;
	height:15px;
	margin:0px 0px 0px 3px;
	position:relative;
	top:2px;
}


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

.updateAll{
	float:left;
	width:280px;
}

.updateAll a{
	color:#000;
}

.updateAll a:hover;{
	color:#ae463e;
}

.nodecoration{
	text-decoration:none;
	color:#000;
}

.nodecoration hover{
	text-decoration:underline;
	color:#000;
}

#footerContent{
	position:relative;
	padding:0;
	margin:auto;
	width:960px;
	left:5px;	
	border:0px solid red;
}

.footerBg{
	background-image:url("images/layout/footerBgMid.png");
	background-repeat:repeat-y;
}

.footerWrap{
	width:900px;
	margin:0;
	padding:0 0 0 25px;
	border:0px solid white;
	position:relative;
}