/*----------------- Reset -----------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { outline:0; border:0; }
.clear {clear:both;}
/*----------------- Float -----------------*/
.right { float: right; }
.left { float: left; }
.none { float: none; }
.alignright { float: right; }
.alignleft { float: left; }
/*----------------- Main Styles -----------------*/
html { height: 100%;}
body { color: #616162; font-size: 75%; text-align: left; }
/*----------------- Typography -----------------*/
html { font-family: Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight:bold; color: #8fe963; text-transform: uppercase; letter-spacing:-0.02em; }
h1 { padding-bottom:0px; font-size: 4em; line-height:.9em; }
h2 { font-size: 3.5em; }
h3 { font-size: 1.5em; padding-bottom:.6em; }
h4 { font-size: 1.3em; line-height: 1.8em; }
h5 { font-size: 1.2em; line-height: 1.6em; }
h6 { font-size: 1.1em; line-height: 1.2em; }
p { margin: 0 0 1em 0; text-align: left; line-height:1.4; }
p.last { margin-bottom:0; }
p.first { margin-top:1em; }
p.img { float: left; margin:0 1em 1em 0; padding:0; }
blockquote { margin:0 0 1em 1em; padding-left:1em; border-left:2px solid #EEEFF3; }
strong { }
em { font-style: italic; }
pre { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
q, cite { font-style:italic; }
dl { line-height:1.4; margin-bottom:1em; }
dd { }
dt { }
hr { color: #fff; background:transparent; margin: 0 0 20px 0; padding: 0; border:0; border-bottom: 1px #3c3c3c solid; }
/*----------------- Links -----------------*/
a:link, a:visited, a:focus, a:hover, a:active { color: #3c3c3c; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration:none; }
a:visited { }
a:active, a:focus { outline: 0; } /*remove border in ff*/
/*----------------- Layout -----------------*/
body { background:url("http://thebackporchplayers.com/static/images/Back-Porch-Body-Tile-100616.jpg") repeat-x top left #40332f; }
#headerStretch {}
#header { height:200px; background:url("http://static.thebackporchplayers.com/images/Back-Porch-Header-BKG-100621.jpg") top left no-repeat;}
#header #logo { height:184px; width:184px; float:left; text-indent:-9999px; display:block; }
#contentStretch { background:#f8f8f5; padding-top:20px; padding-bottom:30px; min-height:400px; }
#content { }
#content h2 {margin-bottom:20px;}
#footerStretch { background:url("http://thebackporchplayers.com/static/images/Back-Porch-Footer-BKG-100616.jpg") repeat-x top left; }
#footer { padding:80px 0 0 0; margin-bottom:40px; }
#footer h1, #footer h2, #footer h3, #footer h5, #footer li, #footer p {color:#f8f8f5;}
#footer h4 { font-size:26px; margin-bottom:10px; display:block; border-bottom:solid #f8f8f5 2px; }
#footer h5 { font-size:18px; color:#f8f8f5; text-align:center; text-transform: none; }
#footer ul {}
#footer li { font-size:20px; height:30px; margin-bottom:10px; padding-top:10px; font-weight:bold; }
#footer li a { padding-left:50px; display:block; }
#footer li#facebook { background:url("http://thebackporchplayers.com/static/images/facebook_40.jpg") no-repeat center left; }
#footer li#twitter { background:url("http://thebackporchplayers.com/static/images/twitter_40.jpg") no-repeat center left; margin-left:10px;}
#footer li#youtube { background:url("http://thebackporchplayers.com/static/images/youtube_40.jpg") no-repeat center left; }
#footer li#flickr { background:url("http://thebackporchplayers.com/static/images/flickr_40.jpg") no-repeat center left; margin-left:10px; }
#footer .grid_2 {width:130px; margin-left:0px; margin-top:5px;}
#footer .grid_2.omega { margin-left:20px; }
#footer #sponsors a { display:block; float:left; width:140px; height:71px; }
#footer .stages { margin-left:30px; position:relative; margin-top:14px; }
#footer li a {color:white; display:block; text-decoration:none;}
#footer li a:hover { color:#8fe963; }
.wrap { width:960px; margin:0 auto; position:relative; }
.hidden { display:none; }
/*----------------- Temp Front Page -----------------*/
body#temp { background:black; }
body#temp #contentStretch { background:url("http://static.thebackporchplayers.com/images/Back-Porch-Temp-Site-100608.png") center -50px no-repeat; }
body#temp #content { height:500px; margin-top:50px; }
.hide { text-indent:-9999px; }
#jewtopia h1 { text-align:center; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; color:white; font-size:30px; font-weight:bold; margin:340px 0 10px; }
#jewtopia #logo a { background:url("http://static.thebackporchplayers.com/images/jewtopia/Jewtopia-Logo-Small-100613.jpg") no-repeat scroll 0 0; text-indent:-9999px; height:104px; width:470px; margin:0; padding:0; overflow:hidden; display:block; }
#jewtopia #logo a:hover {background-position:0 -104px;}
/*----------------- Global Nav -----------------*/
#globalnav {
top: 0px;
display: block;
height:150px;
position:relative;
list-style: none;
float:right;
}
#globalnav li {
display: block;
margin: 0 0 0 5px;
text-decoration: none;
height: 150px;
overflow: hidden;
padding: 0;
float:left;
}
#globalnav li a { display: block; padding: 50px 0 0 0; text-decoration: none; height: 0px; background: url('http://thebackporchplayers.com/static/images/Back-Porch-Global-Nav-100622.jpg') no-repeat; overflow: hidden; margin: 0; border-top:50px solid #e7e7dd; border-bottom:50px solid #e7e7dd; }
/* Buttons */
#globalnav li#about a { background-position: 0 0; width: 93px;border-top-width:63px; border-bottom-width:37px; }
#globalnav li#onstage a { background-position: -93px 0; width: 89px; border-bottom-width:64px; border-top-width:36px; }
#globalnav li#backstage a { background-position: -182px 0; width: 153px ; }
#globalnav li#history a { background-position: -335px 0; width: 113px;border-bottom-width:64px; border-top-width:36px; }
#globalnav li#getinvolved a { background-position: -448px 0; width: 127px; border-bottom-width:64px; border-top-width:36px; }
#globalnav li#contact a { background-position: -575px 0; width: 124px; border-top-width:63px; border-bottom-width:37px; }
/* over */
#globalnav li#about a:hover { background-position: -0px -50px; border-color:#ecf754; }
#globalnav li#onstage a:hover { background-position: -93px -50px; border-color:#ecf754; }
#globalnav li#backstage a:hover { background-position: -182px -50px; border-color:#ecf754; }
#globalnav li#history a:hover { background-position: -335px -50px; border-color:#ecf754; }
#globalnav li#getinvolved a:hover { background-position: -448px -50px; border-color:#ecf754; }
#globalnav li#contact a:hover { background-position: -575px -50px; border-color:#ecf754; }
/* current */
#globalnav li.current { background:#ee3d3d; }
#globalnav li#about.current a, #globalnav li#about.current a:hover { background-position: 0 -100px; cursor:default;border-color:#ee3d3d;}
#about #globalnav li#about a, #about #globalnav li#about a:hover { background-position: 0 -100px; cursor:default; border-color:#ee3d3d;}
#about #globalnav li#about { background:#ee3d3d; border-color:#ee3d3d; }
#globalnav li#onstage.current a, #globalnav li#onstage.current a:hover { background-position: -93px -100px; cursor:default;border-color:#ee3d3d;}
#onstage #globalnav li#onstage a, #onstage #globalnav li#onstage a:hover { background-position: -93px -100px; cursor:default; border-color:#ee3d3d;}
#onstage #globalnav li#onstage { background:#ee3d3d; border-color:#ee3d3d; }
#globalnav li#backstage.current a, #globalnav li#backstage.current a:hover { background-position: -182px -100px; cursor:default;border-color:#ee3d3d;}
#backstage #globalnav li#backstage a, #backstage #globalnav li#backstage a:hover { background-position: -182px -100px; cursor:default; border-color:#ee3d3d;}
#backstageSingle #globalnav li#backstage a { background-position: -182px -100px; border-color:#ee3d3d;}
#backstageSingle #globalnav li#backstage a:hover { background-position: -182px -50px; border-color:#ecf754; }
#backstage #globalnav li#backstage { background:#ee3d3d; border-color:#ee3d3d; }
#globalnav li#history.current a, #globalnav li#history.current a:hover { background-position: -335px -100px; cursor:default;border-color:#ee3d3d;}
#history #globalnav li#history a, #history #globalnav li#history a:hover { background-position: -335px -100px; cursor:default;border-color:#ee3d3d;}
#history #globalnav li#history { background:#ee3d3d; border-color:#ee3d3d; }
#globalnav li#getinvolved.current a, #globalnav li#getinvolved.current a:hover { background-position: -448px -100px; cursor:default;border-color:#ee3d3d;}
#getinvolved #globalnav li#getinvolved a, #getinvolved #globalnav li#getinvolved a:hover { background-position: -448px -100px; cursor:default;border-color:#ee3d3d;}
#getinvolved #globalnav li#getinvolved{ background:#ee3d3d; border-color:#ee3d3d; }
#globalnav li#contact.current a, #globalnav li#contact.current a:hover { background-position: -575px -100px; cursor:default;border-color:#ee3d3d;}
#contact #globalnav li#contact a, #contact #globalnav li#contact a:hover { background-position: -575px -100px; cursor:default;border-color:#ee3d3d;}
#contact #globalnav li#contact{ background:#ee3d3d; border-color:#ee3d3d; }
/*----------------- About Page -----------------*/
#about #ourfounders { text-align:right; color:#baba9c; font-size:3em; }
#about #founders p { font-size:14px; }
#about .alignleft img { margin: 0 20px 10px 0; }
#about .alignright img { margin: 0 0px 10px 20px; }
#about #founders .alignleft .wp-caption-text { }
#about #founders .alignright .wp-caption-text {margin-left: 20px; }
#about #founders h2 {margin-bottom:12px; font-size:3.2em; color:#baba9c; }
#about #founders .grid_9 { margin-bottom:30px; }
/*----------------- Contact Page -----------------*/
#contact .contactBox { padding-bottom:30px; margin-bottom:30px; border-bottom:2px solid #40332f; }
/*----------------- Get Involved Page -----------------*/
#donations td { padding:20px; border-bottom: 3px solid #40332f; vertical-align: middle ; }
#donations .level { font-size:20px; font-weight:bold; text-transform:uppercase; width:220px; border-left: 3px solid #40332f; text-align:center; }
#donations .amount { font-size:20px; font-weight:bold; text-transform:uppercase; width:120px; text-align:center; }
#donations .description { font-size:14px; border-right: 3px solid #40332f; }
#donations .level_1 td { border-top: 3px solid #40332f; }
#donations .level_1 { background: #f3c2c0; }
#donations .level_2 { background:#efccc3; }
#donations .level_3 { background:#ebd6c7; }
#donations .level_4 { background:#e6e0ca; }
#donations .level_5 { background:#e2eacd; }
#donations .level_6 { background:#def4d0; }
/*----------------- BACKSTAGE Section -----------------*/
#backstage {}
#backstage .post {border-bottom:2px solid #baba9c; margin-bottom:30px;}
#backstage .post .more-link{background:url('http://thebackporchplayers.com/static/images/Back-Porch-More-Sprite-100720.png') no-repeat right 0 #BABA9C;display:block;float:right;font-size:15px;font-weight:bold;margin-top:10px;padding:10px 25px 10px 10px;text-decoration:none; text-transform:capitalize; }
#backstage .post .more-link:hover { background:url('http://thebackporchplayers.com/static/images/Back-Porch-More-Sprite-100720.png') no-repeat right -50px #8fe963; }
#backstage .post .alignleft { margin:0 20px 20px 0;}
#backstage .post .alignright { margin:0 20px 0 20px;}
/*----------------- BACKSTAGE Single -----------------*/
#backstageSingle .entry .alignleft { margin:0 20px 20px 0;}
#backstageSingle .entry .alignright { margin:0 20px 0 20px;}
/*----------------- Comments -----------------*/
.comments-list {margin-bottom:30px;}
.comments-list li {margin-bottom:20px; padding:0 0 0 20px;}
.comments-list li.graybox {background:none repeat scroll 0 0 #DDDDDD; padding:20px;}
.comments-list p {margin:0;}
.comments-list .avatar {float:left; margin:0; padding:0 10px 0 0;}
.comments-list .commentmetadata { line-height:1.5em; }