/*
Theme Name: Pancho Chumley
Theme URI: http://uncleskeleton.com/
Description: Custom skin developed for Pancho Chumley themed release from Uncle Skeleton
Version: 1.0
Author: Michael Eades
Author URI: http://yewknee.com
Tags: white, chumley, two col
*/



/* Begin Typography & Colors */
body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.2em;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background: url(images/main_bg_wutc2.jpg) repeat-x top center;

}
.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
#page {
	width: 820px;
	margin: 0px auto;
	
	text-align: left;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HEADER */
#header {
	padding-top: 33px;
	width: 580px;
}
#headerimg h1 a {
	text-indent: -8008px;
	background: url(images/header_uncleskeleton.png) no-repeat;
	display: block;
	width: 153px;
	height: 18px;
	padding-bottom: 4px;
}
#headerimg h1.wutc {
	
}
#headerimg h1.wutc a {
	text-indent: -8008px;
	background: url(images/header_uncleskeleton_wutc.png) no-repeat;
	display: block;
	width: 241px;
	height: 110px;
	padding-bottom: 4px;
}

#headerimg .description a {
	text-indent: -8008px;
	background: url(images/header_panchochumley.png) no-repeat;
	width: 442px;
	height: 35px;
	display: block;
	margin-bottom: 8px;
}
#header .player {
	border-top: 1px dotted #000;
	height: 120px;
	width: 560px;
	display: none;
}
#header .player .pad {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
}

#header #nav {
	width: 560px;
	border-top: 1px dotted #000;
}
#nav ul {

}
#nav ul li {
	float: left;
}
#nav ul li a {
	float: left;
	display: block;
	height: 30px;
	text-indent: -8008px;
	background-repeat: no-repeat;
	background-position: top center;
	margin-right: 20px;
}
#nav ul li a#home {
	background-image: url(images/nav_home.gif);
	width: 52px;
}
body.home ul li a#home {
	background-position: 0px -30px;
}
#nav ul li a#music {
	background-image: url(images/nav_music.gif);
	width: 52px;
}
body.music ul li a#music {
	background-position: 0px -30px;
}
#nav ul li a#info {
	background-image: url(images/nav_info.gif);
	width: 36px;
}
body.info ul li a#info {
	background-position: 0px -30px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CONTENT */
#content {
	width: 540px;
	float: left;
	margin-right: 40px;
}
.narrowcolumn, .widecolumn {
	padding-top: 30px;
}
h2.pagetitle {
	display: none;
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.post h2, .entry h2, .post h3{
	padding-bottom: 6px;
}
.post h2, .post h2 a, .post h3, .post h3 a {
	font-family: Helvetica, Arial, sans;
	font-size: 15px;
	color: #4a534f;
	text-decoration: none;
	text-transform: uppercase;
}
.post p, .entry p {
	line-height: 1.5em;
	margin-bottom: 12px;
}
.post a, .entry a {
	color: #11a8e0;
	text-decoration: none;
}
.post a:hover, .entry a:hover {
	text-decoration: underline;
}
.post p.postmetadata, .entry p.postmetadata, a.post-edit-link {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
}
.post p.postmetadata a, .entry p.postmetadata a, a.post-edit-link {
	color: #666;
	text-decoration: none;
}
.post p.postmetadata a:hover, .entry p.postmetadata a:hover, a.post-edit-link:hover {
	text-decoration: underline;
}
a.post-edit-link {
	margin-top: 20px;
}
#page #content ul {
	list-style-type: circle;
	margin-left: 10px;
}
#page #content ul li {
	margin-bottom: 15px;
}
#page .post {
	margin-bottom: 40px;
}
#page .post h4 {
	padding: 4px 8px;
	color: #FFF;
	text-transform: uppercase;
	background-color: #5da856;
	display: inline;
	margin-bottom: 10px;
	font-size: 11px;
}
#page .post .img {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #4a534f;
}
#page .post .divider {
	height: 40px;
	clear: both;
}
img.alignright, img.alignleft {
	border: 1px solid #CCC;
}
img.alignleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 6px;
}
img.alignright {
	float: right;
	margin-left: 4px;
	margin-bottom: 6px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* COMMENTs */
#commentsBlock {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 20px;
}
#commentsBlock li {
	margin-bottom: 10px;

}
#commentsBlock .comment-author {
	width: 100px;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	padding-bottom: 15px;
}
#commentsBlock a {
	color: #11a8e0;
	text-decoration: none;
}
#commentsBlock a:hover {
	text-decoration: underline;
}
#commentsBlock .comment-author img {
	width: 100px;
	height: 100px;
	padding-bottom: 5px;
}
#commentsBlock .comment-author cite {
	clear: right;
}
#commentsBlock ol {
	margin-top: 15px;
}
#commentsBlock li.comment p {
	line-height: 1.5em;
	margin-left: 110px;
}
#commentsBlock li.comment .commentmetadata {
	margin-left: 110px;
}
#commentsBlock .textarea, #contactForm #contact-area {
	width: 540px;
	margin-bottom: 10px;
}
#commentsBlock p.loggedIn {
	margin-bottom: 10px;
}
#commentsBlock .field, #contactForm #contact-name, #contact-email, #contact-subj {
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #333;
	font-size: 11px;
}
#commentsBlock .text, #commentsBlock .textarea, #contact-area {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; 
}
#commentsBlock .text {
	width: 400px;
}
#respond h3 {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	padding-top: 4px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FEEDBACK */
#contactForm {
	margin-top: 10px;
}
#contactForm dt {
	font-size: 11px;
	text-transform: uppercase;
}
.wpcf7-response-output {
	margin-top: 10px;
	
}
.wpcf7-mail-sent-ok {
	padding: 8px;
	background-color: #f44298;
	color: #FFF;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* MUSIC */
ul.options li {
	float: left;
	width: 172px;
	margin-right: 1px;
	height: 50px;
	font-size: 11px;
	border-right: 1px solid #d4d4d4;
	background-repeat: no-repeat;
	list-style-type: none;

	padding: 0px;
}
ul.options li:last-child {
	border-right: none;
}
ul.options li a {
	font-size: 13px;
}
ul.options li.buy {
	background-image: url(images/options_cd.gif);
}
ul.options li.download {
	background-image: url(images/option_download.gif);
}
ul.options li.preview {
	background-image: url(images/options_preview.gif);
}
ul.options.remix li.download,
ul.options.remix li.preview {

}
ul.options.remix li.download {
	background-image: url(images/option_download_remix.gif);
}
ul.options.wutc li.download {
	background-image: url(images/option_download_wutc.gif);
}
ul.options.wutc li.buy {
	background-image: url(images/options_lp_wutc.gif);
}
ul.options li a:hover {
	background-color: #11a8e0;
	color: #FFF;
	text-decoration: none;
}
ul.options li .option {
	margin-left: 50px;
	margin-top: 8px;
}
p.descrip {
	margin-top: 10px;
	clear: both;
}
ol.tracklist { 
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	margin-bottom: 20px;
}
ol.tracklist li {
	padding: 4px 0px;
	border-bottom: 1px dotted #d5d5d5;
}
ol.tracklist li:last-child {
	border-bottom: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* SIDEBAR */
#sidebar {
	width: 240px;
	float: left;
	color: #4a534f;
	font-size: 12px;
}
#sidebar ul {
	padding-left: 20px;
	margin-bottom: 50px;
}
#sidebar ul ul {
	padding-left: 0px;
	
}
#sidebar ul ul.shows li {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px dotted #a4a9a7;
}
#sidebar ul ul.shows li:last-child {
	border-bottom: none;
}
#sidebar ul li {
	margin-bottom: 25px;
}
#sidebar ul li ul li {
	margin-bottom: 5px;
}
#sidebar h2 {
	border-bottom: 1px dotted #4a534f;
	padding-bottom: 0px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}
#sidebar a {
	color: #12a8e1;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}

#sidebar ul#preview a.txt {
	font-size: 11px;
	display: block;
	height: 20px;
	background: url(images/sidebar_preview_arrow.gif) no-repeat top right;
}
#sidebar ul#preview a.txt:hover {
	text-decoration: none;
	background-position: right -20px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FOOTER */
#footer {
	width: 560px;
	border-top: 1px dotted #000;
	margin-top: 30px;
}
#footer #logos {
	background-color: #33b9bb;
	padding:10px 10px 40px 10px;
	width: 170px;
	float: left;
}
#footer #logos a {
	text-indent: -8008px;
	display: block;
	height: 47px;
	background-repeat: no-repeat;
	float: left;
}
#footer #logos a#yk {
	background-image: url(images/footer_yk.gif);
	width: 47px;
	margin-right: 15px;
}
#footer #logos a#trex {
	background-image: url(images/footer_trex.gif);
	width: 100px;
}
#footer #copyright {
	font-size: 11px;
	color: #a4a9a7;
	padding: 20px 15px;
	width: 340px;
	float: left;
}