/*
Theme Name: The Klezmatics
Theme URI: http://klezmatics.com
Description: New website for world music superstars
Version: 1.0
Author: Jackson Whelan
Author URI: http://jacksonwhelan.com/
*/
@import "reset.css";

html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
background: url(images/wrap-shadow.png) repeat-y top center;
width: 100%;
}
.home #wrapper, .facebook #wrapper {
background: none;
}
#main {
overflow:auto;
padding-bottom: 100px;
}
body.home #main, body.facebook #main {
padding-bottom: 40px;
}
#footer {
position: relative;
margin-top: -100px;
height: 100px;
clear:both;
color: #fff;
background: #F58020;
} 
body.home #footer, body.facebook #footer {
margin-top: -40px;
height: 40px;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}


body {
text-align:center;
font-family:"chaparral-pro-1","chaparral-pro-2",Arial, Helvetica, sans-serif;
font-size:12px;
background: #FAD8A3 url(images/body-bkgd.jpg);
height: 100%;
}
body.home, body.facebook {
background: url(images/big-rays-home.jpg) #F58020 center -355px no-repeat;
}
body.facebook {
width: 520px;
height: 800px;
overflow: hidden;
}

#header {
background: url(images/header.jpg) #F58020 top center repeat-x;
height: 200px;
}
body.home #header {
background: none;
/*height: 290px;*/
height: 215px;
}
#main {
width:930px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.facebook #main {
width: 520px;
}
.page #main {
background: url(images/orange.gif) transparent 675px top repeat-y;
}
.page-template-page-music-php #main.has-parent {
background: url(images/orange.gif) transparent 265px top repeat-y;
}
.page-parent #main, .page-template-page-wide-php #main {
background: none;
}
.page-template-default #main, .category #main, .single-post #main {
background: url(images/orange.gif) transparent 675px top repeat-y;
}
.event-single #main, .page-template-page-members-php #main.has-parent {
background: url(images/orange.gif) transparent 210px top repeat-y;
}
.page-id-15 #main.has-parent, .category #main.month-grid {
background: none;
}

#content {
padding: 15px 25px;
}
.home #content, .facebook #content {
padding: 0;
}
#sub-nav {
margin: 0 15px;
background: #fff;
border-bottom: 1px solid #662D91;
padding: 10px 0;
}
#loop, .event-content {
width: 450px;
float: left;
margin-bottom: 20px;
}
#loop.music {
width: 400px;
}
#loop.page {
width: 630px;
}
#sidebar-left, #sidebar-member {
width: 200px;
float: left;
}
#sidebar-right, #sidebar-album {
width: 220px;
float: right;
}
#sidebar-music {
width: 250px;
float: left;
}
#footer-links {
padding: 10px;
}
.home-box {
width: 310px;
float: left;
}
#facebook-like {
width: 100%;
}
.facebook .home-box {
width: 520px;
}
.home-box .entry {
width: 220px;
height: 220px;
background: #333;
margin: 10px auto;
color: #fff;
position: relative;
-moz-box-shadow: 3px 3px 4px #333;
-webkit-box-shadow: 3px 3px 4px #333;
box-shadow: 3px 3px 4px #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}
#facebook-like .entry {
height: auto;
background: #fff;
}
#news-wrap .entry {
height: 160px;
}
.pop-over {
position: absolute;
top: 0;
left: 0;
display: none;
padding: 20px;
line-height: 1.4em;
font-size: 14px;
overflow: hidden;
}
.event-entry {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #FAD8A3;
}
#news-box {
padding: 10px;
}
#on-tour, #the-news {
height: 75px;
}
.tec-month-nav {
position: absolute;
right: 0;
top: 0;
left: auto;
bottom: auto;
}
.tec-calendar-buttons {
right: 0;
top: 0;
}
#music-grid {
margin-top: 20px;
}
.music-thumb {
width: 176px;
height: 176px;
text-align: center;
float: left;
position: relative;
}
.member-thumb {
width: 293px;
height: 293px;
text-align: center;
float: left;
position: relative;
}
.soundcloud {
margin: 10px 190px;
}

.alignright {
float:right;
margin:5px 0px 5px 5px;
}
.alignleft {
float:left;
margin:5px 5px 5px 0px;
}
.aligncenter, img.member-sidebar {
display: block;
margin: 5px auto;
}
.down-shadow {
-moz-box-shadow: 0 3px 4px #662E91;
-webkit-box-shadow: 0 3px 4px #662E91;
box-shadow: 0 3px 4px #662E91;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#662E91')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#662E91');
}

#header h1, #header h1 a {
display: block;
outline: none;
width: 900px;
height: 168px;
background: url(images/klezmatics.png) no-repeat center center transparent;
margin: 0 auto;
text-indent: -9999px;
}
.home #header h1, .home #header h1 a {
height: 290px;
}
.home h2, .home h2 a, .facebook h2, .facebook h2 a{
color: #C01E2D;
font-size: 24px;
font-weight: 900;
text-align: center;
}
.home h2 a:hover, .facebook h2 a:hover {
color: #fff;
}
#loop h2, h2.tec-title, h2.entry-title, #content .entry h2 {
color: #BF1E30;
font-size: 32px;
font-weight: 300;
}
#loop h3 {
font-size: 26px;
font-weight: 300;
}
#news-box h3 {
font-size: 20px;
text-transform: uppercase;
}
#loop h4, h3.widget-title {
color: #F58020;
font-size: 20px;
font-weight: 600;
}
#sidebar-right .eventsListWidget h3.widget-title {
border-bottom: 1px solid #F58020;
margin-bottom: 5px;
}
#loop h4.event-day {
float: left;
width: 150px;
padding: 5px;
margin-right: 10px;
font-size: 20px;
text-align: center;
background: #662C91;
color: #fff;
}
#loop h4.event-day .day-name {
font-size: 14px;
text-transform: uppercase;
} 
.event-content h4, .post h4.event-date {
font-size: 20px;
margin-bottom: 10px;
}


.event-content h5, #loop h5 {
font-size: 18px;
margin-bottom: 10px;
font-weight: normal;
text-transform: uppercase;
font-style: italic;
}
.tec-tooltip .tec-event-title {
background-color: #662C91;
}
.pop-title {
position: absolute;
top: 50%;
left: 50%;
display: none;
padding: 5px 0;
line-height: 1.4em;
font-size: 16px;
background: #F58020;
width: 176px;
margin-left: -88px;
}
.music .pop-title {
position: absolute;
font-size: 12px;
background: #F58020;
width: 120px;
margin-left: -60px;
}
.when, .loc {
text-transform: uppercase;
font-weight: 600;
color: #BF1E30;
font-size: 15px;
}
.loc {
font-weight: 300;
color: #BF1E30;
font-size: 14px;
font-style: italic;
line-height: 1em;
}
.post p, #content .entry li, ul.upcoming, .post .event-entry p {
color: #662C91;
font-size: 16px;
line-height: 1.4em;
margin-bottom: 1em;
}
.home #content .entry p, .facebook #content .entry p {
font-size: 14px;
}

#on-tour p, #the-news p {
font-size: 18px;
line-height: 1.3em;
}
#on-tour p.read-more, #the-news p.read-more, a.more-link {
font-size: 12px;
font-family: Arial;
}
#content blockquote {
margin: 10px;
}
#content blockquote p {
font-size: 17px;
color: #333;
}
#content blockquote em {
display: block;
text-align: right;
font-size: 16px;
color: #662C91;
}
#footer p {
margin: 10px;
font-size: 16px;
}
#footer p.credits {
font-size: 9px;
font-family: Arial;
}


#loop ol {
list-style: decimal;
padding: 10px 30px;
}
#loop ul {
margin: 10px 25px;
list-style: disc;
}
#loop ol li {
margin-bottom: .7em;
}

#headernav ul {
text-align: center;
margin-top: 6px;
}
#footer-links ul, #sub-nav ul {
text-align: center;
}
#headernav ul li, #footer-links ul li, #sub-nav ul li {
display: inline;
padding: 0 9px 0 10px;
border-left: 1px solid #fff;
font-weight: 600;
}
#sub-nav ul li {
font-weight: 300;
}
#headernav ul li:first-child, #footer-links ul li:first-child, #sub-nav ul li:first-child {
border: none;
}
#headernav a, #menu-footer a, .home #footer-links a , .facebook #footer-links a {
color: #fff;
font-size: 18px;
font-weight: 600px;
}
#sub-nav a {
font-size: 18px;
}
#headernav li.current-menu-item a, #headernav li.current-page-ancestor a, #headernav li.current-post-ancestor a {
color: #76469B;
}
#sub-nav ul li.current_page_item a, #sub-nav ul li.current_page_parent a, #sub-nav ul li.current_page_ancestor a {
font-weight: 600;
}
#sidebar-right ul.widgets li {
margin-bottom: 20px;
}
#sidebar-right ul.widgets li ul li {
margin-bottom: 10px;
}
.event-list .eventsListWidget {
display: none;
}
ul.upcoming {
margin-right: 20px;
}

#recent-news a {
color: #F8951E;
text-decoration: none;
}

#sidebar-music li.music {
float: left;
width: 116px;
height: 116px;
text-align: center;
position: relative;
}
.buy-links li {
padding: 5px;
text-align: center;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 5px;
background: #F8951E;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#sidebar-member ul {
width: 170px;
}
#sidebar-member li.member {
text-align: center;
margin-bottom: 20px;
font-size: 18px;
}

#event-links {
margin-left: 20px;
}
#event-links li {
margin-bottom: 10px;
}

a img {
border: none;
}
#sidebar-music li.active img {
border: 2px solid #F58020;
}
#sidebar-album .thumbnail {
margin: 5px;
}

a {
color:  #662C91;
text-decoration: none;
}
.entry p a {
border-bottom: 1px dotted #662C91;
}
.home .entry p a {
border: none;
}
.home .entry p.read-more {
margin-top: 10px;
}
.home .entry p.read-more a {
font-weight: bold;
}
a:hover {
color: #F9A738;
}
.pop-title a:hover {
color: #fff;
}
.tec-calendar-buttons a {
text-shadow:none;
text-decoration: none;
}
.upcoming a.tec-button-on, .grid a.tec-button-on {
background: #F58020;
}
.upcoming a.tec-button-off .grid a.tec-button-off {
background:#fdb183;
}
a.ical, a.gmap, a.fb-share {
display: block;
height: 50px;
padding-left: 60px;
background: url(images/klez-ical.gif) top left no-repeat;
}
a.gmap {
background: url(images/klez-map.gif) top left no-repeat;
}
a.fb-share {
background: url(images/fb-share.gif) top left no-repeat;
}
#event-links a {
text-decoration: none;
color: #000;
font-size: 14px;
}
#news-box a, .pop-over a {
color: #fff;
text-decoration: none;
}
h3#recent-news a, #sidebar-member li.active a {
color: #F9A738;
}

.tec-calendar th {
color: #662C91;
height: 10px;
padding: 4px 0;
text-align: center;
text-shadow:none;
font-weight: normal;
text-transform: uppercase;
background: #FAD8A3;
}
.tec-calendar td {
height: 125px;
}
.tec-calendar td.tec-present .daynum {
background-color: #662C91;
}
.tec-calendar td a {
font-size: 13px; 
}

#mc_embed_signup {
margin: 10px 0;
}
#mc_embed_signup label {
width: 75px;
display: block;
float: left;
}
.mc-field-group input {
width: 125px;
padding: 3px;
}
#mc-embedded-subscribe {
text-transform: uppercase;
font-family:"chaparral-pro-1","chaparral-pro-2",Arial, Helvetica, sans-serif;
background: #F58020;
color: #FFF;
margin-left: 75px;
border: none;
font-weight: bold;
width: auto;
font-size: 14px;
cursor: pointer;
}
.mc-field-group {
clear: both;
height: 30px;
}

hr, .clear {
clear:both;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */