/*  
Theme Name: DJ Chachi 2009 V2
Theme URI: http://5thirtyone.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://5thirtyone.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/

* {
	margin: 0;
	padding: 0;
}

body { background: #333 url(images/bg2.gif) 0 0; background-repeat: repeat; color: #ccc; font-family: arial, verdana, sans-serif; font-size: 16px; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 3em; }
h2 { font-size: 22px; }
h3 { font-size: 1.5em; font-weight: normal; text-transform: uppercase; color: #fff}
h3 a {background: none; color: #fff; }
h3 a:hover {background: none; color: #ccc;}

h1 { border: 0; color: #333; font-size: 28px; font-weight: normal; line-height: 32px; text-transform: uppercase; letter-spacing:-2px; text-decoration: none; padding: 12px 0px 0px 22px; }

h4 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	text-transform: uppercase;
	}
	
h5 { font-size: 1.1em; }

a { border-color: #444 !important; color: #00CCFF; text-decoration: none; }

a:hover { background-color: #333; color: #fff; text-decoration: none;}

ul li { list-style: none; }

img {border: 0px; }

/* =----------------------------------- oh the convenience */

#main-wrapper { margin: 0 auto; padding: 0px; width: 960px; background: #666;}

#logobar { padding: 0px; height: 55px; background: #000  url(images/chachi_header.gif) 0 0; background-repeat:no-repeat; position: relative; }

#indexflash { padding: 0px; height: 490px; position: relative; background: none; }

#testflash { padding: 100px 0px 0px 0px; height: 400px; position: relative; background: transparent; }

#contentflash { padding: 0px; height: 100px; position: relative; background: #333; }

#indexbio {padding: 12px;}

#indexbio p {padding: 6px 0px 12px 38px; font-size:13px; line-height: 18px; width: 507px;}

#carousel{  padding: 0px; height: 375px; position: relative; background: #ccc;}

#blank_content{ padding: 0px; font-size:13px; line-height: 0px; width: 960px;}

#mailinglist{  padding: 0px; height: 100px; position: relative; background: #3399CC;}

#mailinglistfields{  padding: 12px 0px 0px 40px; }

#mailinglistfields h4 {
	color: #fff;
	}
	

/* = single entry style */
.post { line-height: 1.4em; padding: 0px 0px 0px 0px; }
.blogpost { padding: 0px 0px 0px 0px; }

.postheader { width:559px; border-bottom: 4px solid #4d4d4d; padding: 12px 0px 6px 0px; margin: 0px 0px 7px 20px; }
	.postheader h2, .post h2, 
	.postheader h2 a, .post h2 a { border: 0; color: #fff; font-size: 28px; font-weight: normal; line-height: 29px; text-transform: uppercase; letter-spacing:-2px; text-decoration: none;}
	.postheader h2 a:hover, .post h2 a:hover { color: #ccc; background: none; }
	
	.post .entry { border-top: 0px solid #ccc; padding: 0px 10px 10px 20px; clear: both; font-size: 13px;}
	.entry p { padding: 0px 0px 0px 7px; }
	.post .meta { font-size: 0.8em; overflow: hidden; margin: 0px; padding: 7px 0px 7px 22px; }
		.post .meta li { list-style: none; float: left; margin: 0 5px 0 0; padding: 2px 7px; }
		.post .meta li.first { background: #eee; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 7px; }
	.post p { line-height: 1.4em; margin: 3px 0; font-size: 13px; padding: 0px 0px 0px 0px;}
		.post p a, 
.post li a { font-weight: bold; }
	.post h3 { margin-top: 20px; }
	.post blockquote, 
	.post ul, 
	.post ol { color: #555; margin: 0 15px; }
	.post ul li { margin: 0 20px; }
	.post ol li { list-style: decimal; margin: 0 20px; }
	.post blockquote { border-left: 1px solid #ccc; font-style: italic; margin-left: 20px; padding-left: 10px; }
	.post img.floatleft,
	.post img.alignleft { float: left; margin: 4px 10px 0 0; }
	.post img.floatright,
	.post img.alignright { float: right; margin: 4px 0 0 10px; }
	.post .wp-caption-text { color: #888; font-size: 0.8em; text-align: center; text-transform: uppercase; }
.gallery-item a img { border-color: #eee !important; }
.navigation { clear: both; font-weight: bold; padding: 10px 0; }
	.navigation a { float: left; }
	.navigation .left, 
	.navigation .right { width: 120px; }
	.navigation .left { text-align: left; }
	.navigation .right { margin-right: 15px; text-align: right; padding: 0px; background: none;}
* html .navigation .right { margin-right: 7px; }
.navigation .right a { float: right; }
.for-tags { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8em; padding: 7px 10px; }




/* = search */
#searchForm { margin: 0; }
#searchWrap span { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; border-radius: 3px; border: 1px solid #ccc; display: block; padding: 2px; }
#searchWrap input { color: #777; width: 312px; }


/* = footer */
#footer { border-top: 0px solid #ccc; margin-top: 0px; padding: 12px 0px 12px 0px; width: 960px; background:#000 }

#footer p {padding: 12px 0px 0px 40px; color:#666; font-size: 13px;}

#footer a { font-weight: bold; }

/* =----------------------------------- main structure */

#masthead {
	padding: 7px 0
}
#filler {}
#mainColumn {
	float: left;
	margin: 0px 0 0 0;
	padding: 0px;
	width: 607px;
}

.secondaryColumn {
	margin: 0px;
	overflow: hidden;
	width: 329px;
background:#2D2D2D none repeat scroll 0 0;
float:right;
font-size:13px;
padding:12px;
}

/* = sidebar and widgets style */

.secondaryColumn { overflow: hidden; width: 329px; }
.secondaryColumn h3 { font-size: 20px; padding: 9px 3px 7px 7px; font-weight: normal; text-transform: uppercase; color:#ccc; background: #000; width: 322px;}
h3.module-title, 
h3.widgetTitle {font-size: 20px; padding: 9px 3px 7px 7px; font-weight: normal; text-transform: uppercase; color:#ccc; }
h3.module-title a, 
h3.widgetTitle a { border: 0; }
.widgetContainer { margin: 0 0 20px 0; }
	.widgetContainer .textwidget { font-size: 0.8em; line-height: 1.4em; margin: 0 7px; }
ul.module-list, 
.widgetContainer ul { margin: 0 0 20px 0; }
.module-list li, 
.widgetContainer li { font-size: 0.9em; line-height: 1.4em; margin: 0 3px 7px 7px; border-bottom: 1px dotted #666;}

.sidebar-nextprev { overflow: hidden; width: 329px; background: #666;}

	.sidebar-nextprev li { border-left: 1px solid #ccc; float: left; height: 40px; list-style: none; width: 120px; }
		.sidebar-nextprev li.previous { border-right: 1px solid #ccc; background: #666;}
		.sidebar-nextprev li.next { border-left: 1px solid #2d2d2d; float: right; margin-left: -1px; background: #666; }
		.sidebar-nextprev li a { border-left: 1px solid #2d2d2d; border: 0; color: #ccc; display: block; font-size: 0.9em; font-weight: bold; height: 40px; margin-left: -1px; background: #666;}
			.sidebar-nextprev li a:hover { border-color: #2d2d2d; color: #fff;}
			.sidebar-nextprev li a span { cursor: pointer; display: block; padding: 15px 0 0 10px; }
			
.widgetContainer #wp-calendar { border-collapse: collapse; width: 100%; }
#wp-calendar caption { font-weight: bold; margin-bottom: 7px; }
#wp-calendar thead th { border-width: 1px 0; border: 1px solid #ccc; padding: 4px 0 4px 3px; }
#wp-calendar td { color: #777; padding: 3px 0 7px 3px; }
	#wp-calendar td a { font-weight: bold; }
#middle-widgets { width: 960px; padding: 12px 0px 0px 0px; background: #333;}
	#middle-widgets .widgetContainer { clear: top; float: left; margin: 0 11px 15px 12px; width: 297px; }
.sidebar-desc { font-size: 0.9em; line-height: 1.4em; margin: 0 4px; }

/* =----------------------------------- header elements */
#masthead h1 {
	float: left;
	margin: 15px 0 0 7px;
}
#masthead h1 a {
	text-transform: uppercase;
	width: 400px;
}
#blogLead img {
	background: #fff;
	border: 1px solid #bbb;
	float: right;
	height: 42px;
	margin: 0 7px;
	padding: 2px;
	width: 42px;
}
#authorIntro {
	float: right;
	margin: 8px 0 0 0;
	width: 340px;
}


/* =----------------------------------- main index pagination */
#paginateIndex { 
	margin-bottom: 25px;
	padding-right:27px;
}
#paginateIndex a,
.commentlist li .reply a {
	color: #777;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	padding: 4px 7px 3px;
	background: #fff;
	border: 1px solid #ddd;
}
.commentlist li .reply a {
	color: #aaa;
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #3c6c92;
	border-color: #3c6c92;
	background: #eee;
}



/* =----------------------------------- style some comments */
#commentsContainer {
	margin-bottom: 30px;
}
#commentsContainer span.hook {
	position: relative;
	display: block;
}
#commentsContainer h3 {
	display: block;
	margin: 10px 0;
	padding: 7px 4px 0;
	border-top: 1px solid #3c6c92;
}
.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
}
.commentlist .comment-author {
	border-top: 1px solid #ccc;
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
}
.commentlist .comment-author img.avatar {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 4px 0 0;
}
.commentlist .comment-meta {
	margin: 0 0 0 20px;
}
.commentlist li .reply {
	text-align: right;
	padding-bottom: 10px;
}
.commentlist li .reply a {
	display:inline;
}
.commentlist li p {
	margin: 1em 0;
	padding: 0 3px;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
}
.commentlist .children {
	margin: 0 0 0 40px;
}
.commentlist .children li {
	list-style: none;
}
#commentform .contain {
	margin: 0 0 10px 0 !important;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	padding: 4px 3px;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	background: #fff;
	margin-right: 4px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px 3px;
	width: 160px;
}
#commentform p label {
	margin: 4px 0 0 0;
}
#commentform textarea {
	float: none;
	width: 98%;
	overflow: auto;
}

/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft {
	float: left;
	margin: 3px 7px 0 0;
}
.floatright,
.alignright {
	float: right;
	margin: 3px 0 0 7px;
}
.right {
	float:right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
	display:
	block;
}



	#events {
padding: 0px;
background: #2D2D2D;
color: #fff;
width: 332px;
font-size: 12px;
line-height: 15px;
}

.date {
color:#cccccc;
font-size:11px;
font-weight:normal;
margin:0;
padding: 0px 0px 0px 0px;
}

.location {
color: #ccc;
padding: 0px;
margin: 0px;
}

#events td {
	padding: 8px;
	border-bottom: 1px solid #000;
	padding: 8px 10px;
	color: #ccc;
	}

#events tr:hover {
	cursor: pointer;
	background-color: #000;
	color: #000;
	}
#events a:link {
	color: #00CCFF;
	text-decoration: none;
	text-transform: uppercase;
}
#events a:visited {
	color: #00CCFF;
	text-decoration: none;
	text-transform: uppercase;
}
#events a:hover {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#events a:active {
	color: #00CCFF;
	text-decoration: none;
	text-transform: uppercase;
}

#flashcontent {
	font: 12px 'Trebuchet MS', arial, sans-serif;
	font-weight: bold;
	color: #999;
	text-align:center;
	line-height: 200px;
}
body {
	margin: 0;
	padding: 0;
	background-color: #101010;
}
#flash{
display: block;
margin: 0px auto 0 auto;
}
html{
	margin:0;
	padding:0;
}

.download {
padding: 0px;
background: #ccc;
color: #000;
width: 559px;
border-bottom: 1px solid #666;
font-size: 12px;
}

.download a:link {
	color: #00CCFF;
	background: none;
	border: none;
}
.download a:visited {
	color: #3399CC;
	background: none;
	border: none;
}
.download a:hover {
	color: #FFFFFF;
	background: none;
	border: none;
}
.download a:active {
	color: #00CCFF;
	background: none;
	border: none;
}

.download:hover  {
cursor: pointer;
background-color: #000;
color: #fff;
}

.download_date {
font-weight: bold;
font-size: 11px;
padding: 0px;
margin: 0px;
}

.download_title {
font-weight: normal;
font-size: 22px;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
	
.download_image {
padding: 16px;
float: left;
width: 189px;
height: 189px;
}

.cover {
padding: 0px;
border: 2px solid #00CCFF;
}

.cover:hover {
padding: 0px;
border: 2px solid #fff;
}

.download_desc{
background: none;
border: none;
color: none;
float: right;
width: 323px;
padding-top: 8px;
height: 160px;

}
.download_buttons{
background: none;
border: none;
color: none;
float: right;
width: 323px;
height: 30px;
}

.more_info_button {
padding-left: 8px;
border: 0px;
}



.cd {
padding: 0px;
background: #ccc;
color: #000;
width: 559px;
border-bottom: 1px solid #000;
font-size: 12px;
}

.cd_date {
font-weight: bold;
font-size: 11px;
padding: 0px;
margin: 0px;
}

.cd_title {
font-weight: normal;
font-size: 22px;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
	
.cd_image {
padding: 16px;
float: left;
width: 354px;
}

.cover {
padding: 0px;
border: 2px solid #00CCFF;
}

.cover:hover {
padding: 0px;
border: 2px solid #fff;
}

.cd_desc{
padding: 0px;
background: #ccc;
color: #000;
width: 527px;
border-bottom: 1px solid #000;
font-size: 12px;

}
.cd_buttons{
background: none;
color: none;
float: right;
width: 257px;
height: 30px;
padding: 0px;
}

.more_info_button {
padding-left: 8px;
border: 0px;
}

.tracklisting {
padding: 0px;
background: #555;
color: #000;
width: 559px;
border-bottom: 1px solid #000;
font-size: 12px;
}

.tracklistingleft {
padding: 12px;
float: left;
width: 242px;
}

.tracklistingright{
background: none;
border: none;
color: none;
float: right;
width: 269px;
padding: 12px;
margin: 0px;
}

.input {
	font-family: verdana, helvetica, arial, san-serif;
	color: #000; 
	font-size: 14px;
	font-weight: normal; 
	height: 17px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	border-left: 1px #333 solid;
	border-right: 1px #333 solid;
	background: #e2e2e2;
	}


.clearer {clear: both;}

.press {
	width: 100%;
	margin:0px 0px 8px 0px;
	padding: 0px 15px 15px 15px;
	float: left;
	}
	
.pressdate {
color:#fff;
font-size:14px;
font-weight:normal;
margin:0;
padding: 0px;
}
	
.press h1{
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 17px 0px 2px 12px;
	color: #fff;
	text-transform: uppercase;
	}
	
.pressmeta {
	padding: 0px;
	font-size: 11px;
}




.store {
padding: 0px;
background: #ccc;
color: #000;
width: 559px;
border-bottom: 1px solid #666;
font-size: 12px;
}

.store a:link {
	color: #00CCFF;
	background: none;
	border: none;
}
.store a:visited {
	color: #3399CC;
	background: none;
	border: none;
}
.store a:hover {
	color: #FFFFFF;
	background: none;
	border: none;
}
.store a:active {
	color: #00CCFF;
	background: none;
	border: none;
}

.store:hover  {
cursor: pointer;
background-color: #000;
color: #fff;
}

.storeinfo {padding: 12px 0px 12px 0px;}

.store_date {
font-weight: bold;
font-size: 11px;
padding: 0px;
margin: 0px;
}

.store_title {
font-weight: normal;
font-size: 22px;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}


.store_desc{
background: none;
border: none;
color: none;
float: right;
width: 400px;
padding: 14px 17px 0px 0px;
}

.store_desc p{
padding: 5px 0px 0px 0px;
}

.store_desc h2 {
font-weight: normal;
font-size: 18px;
line-height: 18px;
padding: 0px;
margin: 0px;
letter-spacing: 0px;
text-transform: uppercase;
color: #333;
}
	
.store_image {
padding: 16px 16px 16px 16px;
float: left;
width: 100px;
}

.cover {
padding: 0px;
border: 2px solid #00CCFF;
}

.cover:hover {
padding: 0px;
border: 2px solid #fff;
}

.store_buttons{
background: none;
border: none;
color: none;
float: right;
width: 417px;
height: 30px;
padding-top: 10px;
}

.more_info_button {
padding-left: 8px;
border: 0px;
}