/*
Theme Name: Howe Gelb
Theme URI: http://wordpress.org/
Description: Custom WordPress Theme for Howe Gelb
Author: Steven Pennington (bandfreq @ http://bandfreq.com)
Version: 1.0
Tags: fixed-width
*/

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
}
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* =FLOATS */
/* Auto Clear Floats in Mozilla, Firefox, Safari - browsers that support :after */
#wrapper:after, #top-bar:after, #follow-us:after, .panel-row:after, .panel-wrap:after, .photo-list:after, .discography ul:after, .album-list ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Auto Clear Floats in IE 5 and 6 using "Holly Hack" */
* html #wrapper, * html #top-bar, * html #follow-us, * html .panel-row, * html .panel-wrap, * html .photo-list, * html .discography ul, * html .album-list ul {height: 1%;}
/* Auto Clear Floats in IE 7 */
*:first-child+html #wrapper, *:first-child+html #top-bar, *:first-child+html #follow-us, *:first-child+html .panel-row, *:first-child+html .panel-wrap, *:first-child+html .photo-list, *:first-child+html .discography ul, *:first-child+html .album-list ul {min-height: 1px;}

/* =GLOBALS */

html {}
body {font-family: "john-doe-1","john-doe-2","courier",serif;}
h1 {font-size: 3em; margin-bottom: 10px;}
h2 {font-size: 138.5%; margin-bottom: 7px;}
a, a:visited {color: #0072BD;}
a:hover, a:active {color: #000; text-decoration: none;}
em {font-style: italic;}
p {margin-bottom: 1em;}
.alert {padding: 5px; background: red; color: #FFF; font-family: helvetica, sans-serif;}
strong {font-weight: bold;}

/* =STRUCTURE */
body {margin-bottom: 25px;}
#wrapper {width: 970px; margin: 0 auto;}
#top-bar {width: 968px; height: 50px; margin-bottom: 20px; border-bottom: 1px dotted #555;}
#sidebar-left {width: 100px; float: left;}
#main-content {width: 850px; float: right;}

/* =TOP-BAR */
#follow-us {margin-bottom: 20px;}
#follow-us li {float: left; margin: 0 0 0 10px;}
#follow-us li.first {margin-left: 10px;}
.join-email {margin-bottom: 20px;}
.join-email h2 {margin-bottom: 20px;}
.join-email img {margin-top: 5px;}
.join-email input {font-size: 108%;}
.join-email input.email-submit {margin-left: 3px; font-size: 93%; font-weight: bold; background-color: #000; color: #FFF; padding: 2px;}

/* =NAVIGATION */
#menu h3, #menu-home h3 {margin-bottom: 10px;}
#menu, #menu-home {position:relative; top: 20px; left: 0; width: 90px;}
#menu ul li, #menu-home ul li {margin-bottom: 5px;}
#menu ul li a, #menu-home ul li a {font-size: 85%; text-decoration: underline;}
#menu ul li a:hover, #menu ul li a:active, #menu-home ul li a:hover, #menu-home ul li a:active {text-decoration: none;}

/* =CONTENT */

#hp-splash { margin-bottom: 20px; position: relative; }
#hp-main-content { position: relative; }

#howebanjo { position: absolute; width: 130px; height: 161px; top: 0; right: 0; }
#howebanjo a { display: block; width: 130px; height: 161px; background: url(images/howebanjo-anim.gif); }
#howebanjo a:hover { background: url(images/howebanjo.png); }

/* SCROLL-TO */
#window-view {
	width: 850px;
	overflow: hidden;
	}
	
#window-content, .panel-row {
	width: 5950px;
	}

/* =PANES */
.panel-wrap {padding: 0 20px;}
#panel-1-1 {float: left; width: 850px;}
#panel-1-2 {float: left; width: 850px;}
#panel-1-3 {float: left; width: 850px;}
#panel-1-4 {float: left; width: 850px;}
#panel-1-5 {float: left; width: 850px;}
#panel-1-6 {float: left; width: 850px;}
#panel-1-7 {float: left; width: 850px;}
#panel-2-1 {float: left; width: 850px;}
#panel-2-2 {float: left; width: 850px;}
#panel-2-3 {float: left; width: 850px;}
#panel-2-4 {float: left; width: 850px;}
#panel-3-1 {float: left; width: 850px;}
#panel-3-2 {float: left; width: 850px;}
#panel-3-3 {float: left; width: 850px;}
#panel-3-4 {float: left; width: 850px;}

.panel-wrap h1 {margin: 0;}
.panel-header {margin-bottom: 20px;}
.panel-left {float: left; width: 460px;}
.panel-right {float: right; width: 300px; padding: 0 10px;}
.bio, .project-list, .album-cover, .video-list, .photo-list, .audio-list {margin-bottom: 20px;}
.album-cover img {background: #555; padding: 10px; text-align: center;}
.photo-list li {float: left; margin-right: 5px;}
.album-credits ul {margin: 10px 0; padding: 0 10px;}
span.hidden-link-text {display: block; text-indent: -9999px;}

/* =HOME */
#panel-1-1 .panel-wrap {padding: 0;}
#panel-1-1 table tr, #panel-home table td {margin: 0; padding: 0; border: 0;}
#homepage-video-promo-top {position: relative;}
#homepage-video-promo-top object, #homepage-video-promo-top iframe {position: absolute; top: 100px; left: 573px;}
#homepage-video-promo-top iframe {top: 92px;}
#homepage-video-promo-top > a {display:block; width: 840px; height: 339px; background: url('images/sketch2-top-2.jpg');}
#homepage-video-promo-top > a:hover {background: url('images/sketch2-top-2-over.jpg');}
#homepage-video-promo-mid a {display:block; width: 840px; height: 478px; background: url('images/sketch2-mid.jpg');}
#homepage-video-promo-mid a:hover {background: url('images/sketch2-mid-over.jpg');}
#homepage-video-promo-bottom {width: 840px; height: 243px; background: url('images/sketch2-bottom.jpg');}
#hp-play-btn-1 {position: absolute; left: 60px; top: 359px;}
#hp-play-btn-2 {position: absolute; left: 734px; top: 330px;}
span.grey-box { background: #A69CA5; width: 23px; height: 23px; position: absolute; display: inline-block; z-index: 100; top: 0; left: 23px; }

/* =SHOWS */
#panel-2-1 table {margin: 0; font-size: 108%;}
#panel-2-1 table td, #panel-shows table th {padding: 10px;}
#panel-2-1 .panel-wrap {padding-bottom: 210px; background: url('images/hg-footer.png') no-repeat left bottom;}

/* =MUSIC */
#panel-3-1 .panel-wrap {padding-bottom: 210px; background: url('images/hg-footer.png') no-repeat left bottom;}
#panel-3-1 .panel-left {width: 370px;}
#panel-3-1 .panel-right { width: 410px; float: left; margin-left: 10px; }
h2.album-title {font-size: 153.9%; font-weight: bold;}
.track-list ol {margin: 10px 0 0 30px;}
.track-list ol li {margin-bottom: 5px; list-style: decimal;}
.discography ul li, .album-list ul li {float: left; margin: 0 5px 5px 0;}
.discography ul li img, .album-list ul li img {border: 2px solid #999;}
h2.buy-link {font-size: 123.1%; font-weight: bold; margin-bottom: 10px;}
h2.buy-link a {color: #990000;}

.album-list h3 { font-size: 1em; margin-bottom: 5px; }
.album-list th { width: 100px; font-size: 0.875em; text-align: center; vertical-align: top; padding-bottom: 10px; }
.album-list td { padding: 5px 0; text-align: center; }

.panel-left .album-list { width: 370px; }
.album-list.gs { width: 180px; float: left; }
.album-list.misc { width: 150px; float: right; }
.album-list.misc table { margin-bottom: 20px; }

.buy-music { display: block; padding: 3px 22px 3px 3px; background: yellow url('images/cart-icon.png') no-repeat right center; height: 15px; margin-bottom: 2px; }
.buy-music a { display: block; padding-left: 18px; background: url('images/music-icon.png') no-repeat left top; height: 15px; color: #000; }

/* =LINKS */
#panel-2-4 .panel-left, #panel-2-4 .panel-right {width: 350px;}
.links-list ul {margin-bottom: 20px;}
.links-list li {margin-bottom: 5px;}

/* =CONTACT */
#wrapper .wpcf7 {margin-top: 20px; padding: 10px; background-color: #EEE;}
#wrapper .wpcf7-form p {font-weight: bold}
#wrapper .wpcf7 input, #container .wpcf7 textarea {font-weight: normal; margin: 5px 0 10px 0; padding: 2px;}
#wrapper .wpcf7-form input[type=submit] {background-color: #000; color: #FFF; padding: 2px; font-size: 108%;}
dl.contact-heading dt {font-weight: bold; margin: 20px 0 5px 0;}
dl.contact-heading dd {line-height: 1.25em;}
#wrapper dl.first dt {margin-top: 0;}
dd.label-name, dd.bookings-region {margin-top: 10px;}

/* -JIMS-VAULT */
.archive-list ul li {margin-bottom: 5px; font-size: 93%;}

/* =VIDEOS */
.page-video .panel-left {width: 650px;}
.page-video .panel-right {width: 210px;}
#video-page-list li {padding-bottom: 20px; border-bottom: 1px dotted #000; margin-bottom: 20px;}

/* =PHOTOS */
.page-photos .panel-left {width: 850px;}
.page-photos .intro { margin: 0 0 20px 0; }

/* =NEWS =JOURNAL */
.entry-title a p {margin: 0;}
.audio-embed {padding: 5px; background-color: #EEE;}
.audio-plays {position: relative; bottom: 8px;}

.news-post, #news-post {margin-bottom: 30px; line-height: 1.25em;}
.news-post .entry-content img, #news-post .entry-content img {max-width: 450px;}
.pg-splash .news-post .entry-content img, .pg-splash #news-post .entry-content img { max-width: inherit; }
.entry-title-wrap {padding: 8px 0; margin-bottom: 10px; border-top: 1px dotted #555; border-bottom: 1px dotted #555;}
p.postmetadata {margin-bottom: 0; font-size: 93%;}
ul.archive-links li {margin-bottom: 5px;}
#nav-below {margin: 20px 0; padding: 5px 0; border-top: 1px dashed #999; border-bottom: 1px dashed #999;}

#panel-2-3 .journal-post {margin-bottom: 30px; line-height: 1.25em;}
#panel-2-3 .entry-title-wrap {padding: 8px 0; margin-bottom: 10px; border-top: 1px dotted #555; border-bottom: 1px dotted #555;}
#panel-2-3 p.postmetadata {margin-bottom: 0; font-size: 93%;}
div#more-news {margin-bottom: 20px;}
div#more-news a {padding: 5px; background: #000; color: #FFF;}
div#more-news a:hover, div#more-news a:active {background: #EEE; color: #000;}

ul.journal-entry-dates {margin: 20px 0 0 50px;}
ul.journal-entry-dates li.date {margin-bottom: 5px;}

/* =COMMENTS */
#blog-comments {margin: 40px 10px 0 10px;}
#blog-comments h3#comments {font-weight: bold; font-size: 108%; font-style: italic;}
.page #content #blog-comments h3#comments {background: none; margin: 0 0 10px 0; padding: 0;}

#respond {margin-top: 3em; padding-top: 10px;}
#respond, #comments, .commentlist, .cancel-comment-reply a {font-size: 12px;}
.page #content #respond h3, .single #content #respond h3 {margin: 0 0 5px 0; padding: 0; background: none; font-weight: bold; font-size: 138.5%;}
.page #content #respond p, h3#comments {line-height: 1.5em; margin-bottom: 10px;}

#commentform label .post-date {font-size: 12px; margin-left: 5px;}
#commentform input#author, #commentform input#email, #commentform input#url {border: 3px solid #CCC; font-size: 12px; padding: 2px;}
#commentform #author {margin-top: 10px;}
#commentform textarea {background-color: #EEE; border: 3px solid #CCC; padding: 3px;}
#commentform #submit {background-color: #000; color: #FFF; font-weight: bold; padding: 2px;}
.commentlist li {border: 1px dotted #CCC; border-left: 5px solid #CCC; padding: 10px; margin-bottom: 10px;}
.commentlist li ul li {border: none; border-left: 3px solid #777; border-bottom: 1px dotted #777;}
.commentlist li.bypostauthor {border-left-color: #B7120B;}
.commentlist .comment-author {margin-bottom: 3px; font-size: 10px;}
.commentlist .comment-meta {margin-bottom: 10px; font-size: 10px;}
.commentlist .reply {margin: 15px 0 5px 0; font-size: 10px;}
.comment-author a, .comment-meta a, .reply a {color: #555;}
.commentlist .comment-body em {display: block; color: yellow;}

/* =GIANT-SAND */
#panel-1-3 .panel-wrap {padding-bottom: 330px; background: url('images/gs-footer.png') no-repeat left bottom;}
#panel-1-3 h1 span {display: block; text-indent: -9999px;}
#panel-1-3 h1 {margin: 0; width: 320px; height: 66px; background: url('images/gs-logo.png') no-repeat left top;}
#panel-1-3 .track-list {margin-bottom: 20px;}

/* =GIANT-GIANT-SAND */
#panel-1-7 .panel-wrap {padding-bottom: 420px; background: url('images/ggs-footer.png') no-repeat left bottom;}
#panel-1-7 h1 span {display: block; text-indent: -9999px;}
#panel-1-7 h1 {margin: 0; width: 614px; height: 66px; background: url('images/ggs-logo.png') no-repeat left top;}
#panel-1-7 .track-list {margin-bottom: 20px;}

/* =HOWE-GELB */
#howe-sitting {text-align: center; margin: 40px 0 20px 0;}

/* =GYPSIES */
#panel-1-4 .panel-wrap {padding-bottom: 445px; background: url('images/bog-footer.jpg') no-repeat left bottom;}

/* =OTHER */
#panel-2-2 .panel-wrap, #panel-2-3 .panel-wrap, #panel-3-2 .panel-wrap, #panel-3-3 .panel-wrap, #panel-3-4 .panel-wrap {padding-bottom: 210px; background: url('images/hg-footer.png') no-repeat left bottom;}


/* =GIGPRESS */
#wrapper .gigpress-table {width: 810px; color: #000; border-top: 0; margin-top: 20px;}
#wrapper th.gigpress-heading {font-weight: bold;}
#wrapper tr.gigpress-header th {font-weight: normal;}
#wrapper .gigpress-table .gigpress-alt td {background-color: #EEE !important;}
#wrapper .gigpress-table a {color: #000;}
#wrapper .gigpress-subscribe {margin-top: 20px;}
#wrapper h3.gigpress-artist-heading {font-size: 167%; font-weight: bold; margin-top: 30px;}

/* =TWITTER */

.twitter h2 {margin-bottom: 20px;}
#wrapper .twtr-hd {padding: 0; margin-bottom: 15px;}
#wrapper .twtr-widget .twtr-tweet-wrap {padding: 6px 0;}
#wrapper .twtr-ft {display: none !important;}

/* !CLEAN ARCHIVES */

a.car-toggler { display: block; padding: 5px; background-color: #000; color: #fff; margin-bottom: 10px; }
a.car-toggler:hover { background-color: #eee; color: #000; }
ul.car-list > li { line-height: 1.5em; }
ul.car-monthlisting { margin-left: 10px; }
ul.car-monthlisting > li { font-size: 0.85em; line-height: 1.5em; }
ul.car-monthlisting > li:last-child { margin-bottom: 10px; }