/* 
Theme Name: SBS
Description: Customized for Sidney Bechet Society, Ltd.. Based on Happy Cyclope - 2 columns, left sidebar, Widget ready, valid CSS & XHTML transitionnal 
Version: 1.0
Author: SUNDARA Design
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
    }
body {
    line-height: 1
    }
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal
    }
ol, ul {
    list-style: none
    }
blockquote {
    quotes: none
    }
blockquote:before, blockquote:after {
    content: "";
    content: none
    }
del {
    text-decoration: line-through
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0
    }
a img {
    border: none
    }
/* GLOBAL ELEMENTS */
body, input, textarea {
    color: #333;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.02em
    }
p {
    margin-bottom: 18px
    }
ul {
    list-style: square;
    margin: 0 0 18px 1.5em
    }
ol {
    list-style: decimal;
    margin: 0 0 18px 1.5em
    }
ol ol {
    list-style: upper-alpha
    }
ol ol ol {
    list-style: lower-roman
    }
ol ol ol ol {
    list-style: lower-alpha
    }
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0
    }
dl {
    margin: 0 0 24px 0
    }
dt {
    font-weight: bold
    }
dd {
    margin-bottom: 18px
    }
strong {
    font-weight: bold
    }
cite, em, i {
    font-style: italic
    }
big {
    font-size: 131.25%
    }
ins {
    background: #ffc;
    text-decoration: none
    }
blockquote {
    font-style: italic;
    padding: 0 3em
    }
blockquote cite, blockquote em, blockquote i {
    font-style: normal
    }
pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em
    }
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
    }
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline
    }
sup {
    bottom: 1ex
    }
sub {
    top: 0.5ex
    }
input[type="text"], textarea {
    background: #f9f9f9;
    border: 1px solid #ccc;
    /*box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);*/
    padding: 2px
    }
a:link, a:visited {
    color: #333 /*d2bbab*/
    }
a:active, a:hover {
    color: #944630;
    text-decoration: none
    }
h1 {
    color: #944630;
    text-transform: uppercase
    }
/* BASIC STRUCTURE */
body {
    background: #323232;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(images/bg.jpg)
    }
#wrapper {
    position: relative;
    margin: 20px auto;
    width: 960px
    }
#container {
    /*position: relative;*/
    width: 960px;
    border: 1px solid #dbdbdb;
    background: #944630
    }
/* HEADER */
#header {
    position: relative;
    width: 920px;
    height: 200px;
    padding: 0;
    margin: 0
    }
/*h1 {position: relative; float:left; width:400px; font-size: 0.9em; text-transform: uppercase; margin: 5px 0; color:#476D8F;}
h1 a {text-decoration: none; color: #fff;}
h1 a:hover {color: #aaa;}

#description {position:relative;float:right;width:400px;text-align:right;margin:5px 0;color:#779DBF;}
#preheader {position:relative;float:left;width:890px;padding:5px 0;margin:0;}
#header #imageheader {position:relative;float:left;width:900px;margin:0;padding:0;}
#header #imageheader #imglogo {position:relative;float:left;width:200px;margin:0 3px 0 0;}
#header #imageheader #imgbg {position:relative;float:left;width:697px;height:200px;background:url(images/header.jpg);}
#header #imageheader img {border:0;margin:0;padding:0;}
#header #imageheader #imgbg #rss {position:absolute;bottom:8px;left:40px;width:300px;font-size:0.9em;color:#bbb;}
#header #imageheader #imgbg #rss a {color:#fff;text-decoration:none;}
#header #imageheader #imgbg #rss a:hover {text-decoration:underline;}
#header #imageheader #imgbg #rss img {margin:0 7px -7px 0;}
#header #imageheader #imgbg #search {position:absolute;text-align:right;right:10px;bottom:8px;width:300px;}
#header #imageheader #imgbg #search input#s {border:1px solid #476B8F;}
#header #imageheader #imgbg #search input#searchsubmit {background:transparent;border:none;color:#ddd;font-size:0.8em;}*/
/* SIDEBAR */
#sidebar {
    position: relative;
    float: left;
    width: 207px;
    margin: 0;
    padding: 0 0 20px;
    background: #944630;
    font-size: 1.1em
    }
#sidebar ul {
    with: 207px;
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
    line-height: 1.3em
    }
#sidebar ul li {
    display: block;
    width: 207px;
    margin: 0;
    color: #dbdbdb;
    text-decoration: none;
    border-bottom: 1px solid #d0643d
    }
#sidebar ul li:first-child {
    border-top: 1px solid #d0643d
    }
#sidebar ul li a {
    display: block;
    width: 185px;
    padding: 5px 7px 5px 15px;
    color: #dbdbdb;
    text-decoration: none
    }
#sidebar ul li a:hover {
    color: #d0643d
    }
#sidebar ul li.current_page_item a {
    background: #d0643d
    }
#sidebar ul li.current_page_item a:hover {
    color: #944630
    }
#sidebar ul li ul, #sidebar ul ul li {
    background: #944630 !important;
    margin: 0
    }
#sidebar ul li ul li {
    background: #944630 !important;
    width: 171px;
    border: none !important;
    color: #dbdbdb;
    font-size: 0.9em;
    padding: 0
    }
#sidebar ul ul li a {
    text-transformation: none;
    width: 150px;
    border: none !important;
    padding: 3px 5px 3px 52px;
    /*background: url(images/bg/navspc.png) 0px 0px no-repeat #D6673C!important;*/
    }
#sidebar h1 {
    color: #d0643d;
    text-align: center;
    margin-top: 40px;
    font-size: 1.8em
    }
#sidebar #newsletter {
    margin: 0 15px;
    padding: 5px 10px;
    color: #d0643d;
    border: 1px solid #d0643d;
    font-size: 0.9em
    }
#sidebar #newsletter input {
    font-size: 0.9em;
    color: #944630;
    margin-top: 5px;
    /*background: #b0887d; border: 1px solid #944630; padding: 4px; margin: 7px 0 -30px;*/
    }
/*#sidebar h2 {font-size: 0.9em; padding: 5px; margin: 0; border-bottom:1px solid #bbb;}
#sidebar h2 a {text-decoration: none; color: #000;}
#sidebar h2 a:hover {text-decoration: underline;}
#sidebar h2 img {margin: 0 5px -2px 0;
#sidebar ul#recentcomments li.recentcomments {display:block;text-transform:uppercase;font-size:0.9em;width:190px;padding:15px 5px 8px;color:#000;text-decoration:none;border-bottom:1px dotted #d0643d;}
#sidebar ul#recentcomments li.recentcomments a {border-bottom:none;font-size:1em;}
#sidebar .textwidget {padding:10px 0 20px 5px;font-size:0.9em;line-height:1.2em;}
#sidebar select {margin:15px 0 30px 5px;width:195px;border:1px dotted #555;padding:3px;font-size:0.8em;}
#sidebar select option {padding:3px;}
#sidebar table#wp-calendar {width:190px;margin:10px 0 0 5px;}
#sidebar table#wp-calendar caption {margin:15px 0 0 0;font-weight:bold;}
#sidebar table#wp-calendar td {height:25px;text-align:center;}
#sidebar table#wp-calendar td a {color:#000;font-weight:bold;text-decoration:none;}
#sidebar table#wp-calendar td a:hover {background:#ddd;}
#sidebar table#wp-calendar tfoot a {padding:5px;text-decoration:none;background:#eee;border:1px solid #ddd;color:#000;}*/
/* CONTENT */
/* 40px div#sidebar {position: relative; float: left; width: 200px;}*/
#content {
    position: relative;
    float: right;
    width: 673px;
    padding: 20px 40px 40px;
    background: #dbdbdb;
    min-height: 500px
    }
/*#content #posts h2 {margin: 0 0 5px 0;}
#content #posts h2 a {font-size: 1.1em; font-weight: normal; color: #000; text-decoration: none;}
#content #posts .post {position: relative; float: left; margin: 0 0 70px 0;}
#content #posts .post .metadata {font-size: 0.75em; color: #555; margin: 0 0 20px 0;}
#content #posts .post .metadata a {color: #000; text-decoration: none;}
#content #posts .post .metadata a:hover {text-decoration: underline;}
#content #posts .post .postcontent {line-height: 1.3em; color: #333;}*/
#content #posts .post .postcontent p {
    margin: 12px 0
    }
#content #posts .post .postcontent ul {
    padding: 10px 0 10px 25px
    }
#content #posts .post .postcontent ol {
    padding: 10px 0 10px 25px;
    list-style-type: decimal
    }
#content #posts .post .postcontent ol li {
    list-style-type: decimal
    }
#content #posts .post .postcontent img {
    border: 1px solid #888
    }
#content #posts .post .postcontent blockquote {
    background: #eee;
    border: 1px dotted #ccc;
    padding: 15px;
    font-style: italic
    }
/*#content #posts .post a {color: #0C283F;}
#content #posts .post a:hover {text-decoration: none; color: #224D6F;}
#content #posts .post .commentlink {position: relative; float: right; margin: 10px 0 20px 0;}
#content #posts .post .commentlink a {padding: 8px; border: 1px solid #999; background: #eee; text-decoration: none; color:#333;}
#content #posts .post .commentlink a:hover {color: #000; border: 1px solid #000; background: #ddd;}*/
/*#content .navigation .alignleft {float: left;}
#content .navigation .alignright {float: right;}
#content .navigation .alignleft a, #content .navigation .alignright a {text-decoration:none;color:#000;padding:8px;border:1px solid #ddd;background:#eee;}
#content .navigation .alignleft a:hover, #content .navigation .alignright a:hover {background:#ddd;border:1px solid #aaa;}*/
#content h1 {
    color: #333;
    margin: 15px 0
    }
#content h2 {
    color: #d0643d /*944630*/;
    font-size: 1.3em;
    font-weight: bold;
    margin: 25px 0 5px;
    clear: none
    }
#content h3 {
    color: #d0643d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px;
    clear: none
    }
#content h4 {
    color: #944630;
    font-size: 1.2em;
    letter-spacing: 0.01em;
    font-weight: bold;
    margin: 15px 0 10px;
    clear: right
    }
#content h5 {
    color: #d0643d;
    font-size: 1.1em;
    letter-spacing: 0.01em;
    font-weight: bold;
    margin: 10px 0;
    clear: right
    }
#content hr.break {
    clear: both;
    color: #dbdbdb;
    border: 0;
    margin: 15px 0;
    /*height: 0;*/
    }
#content #concert-schedule {
    clear: both;
    margin: 25px 0 0 0;
    vertical-align: baseline
    }
#content #concert-schedule .left {
    color: #333;
    text-transform: uppercase;
    font-size: 2.3em;
    float: left
    }
#content #concert-schedule .right {
    color: #333;
    margin: 0;
    font-size: 0.9em;
    float: left;
    padding: 10px 0 0 15px
    }
#content #tickets th, #content #contact th {
    color: #d0643d /*944630*/;
    font-size: 1.3em;
    font-weight: bold;
    margin: 25px 0 5px;
    clear: none;
    text-align: left
    }
#content #tickets td {
    padding: 10px 30px 0 0
    }
#content #contact th {
    font-size: 1.1em;
    padding-right: 45px
    }
#content #contact td {
    padding: 10px 45px 0 0
    }
#content #contact td.right {
    padding: 10px 0 0 0
    }
#content p.top {
    text-align: right;
    margin: 25px 0
    }
h3 #searchresults {
    color: #FF000A
    }
#content .wp-caption {
    background: #dbdbdb;
    line-height: 1.2em;
    margin: 5px;
    padding: 0 3px;
    text-align: center
    }
#content .wp-caption img {
    margin: 5px 5px 0
    }
#content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 0.9em;
    padding: 0 6px;
    margin: -15px 0 0 0
    }
/* ARCHIVES */
#content .categoryposts h3 {
    font-size: 1.2em;
    margin: 0 0 30px 0
    }
#content .categoryposts h3 a {
    color: #000;
    text-decoration: none
    }
#content .categoryposts h3 a:hover {
    text-decoration: underline
    }
#content #posts li {
    list-style-type: disc;
    margin: 10px 0 0 15px
    }
#content #posts li a {
    color: #000;
    text-decoration: none
    }
#content #posts li a:hover {
    text-decoration: underline
    }
/* COMMENTS 
#comments  {position: relative; float: left; width: 650px;}
#comments h2 {position:relative;float:left;font-size:1.2em;font-weight:normal;padding:10px;margin:10px 0 0 0;}
#comments p {margin:0 10px 10px 10px;clear:both;}
#comments ul#commentlist {position:relative;float:left;width:650px;list-style-type:none;}
#comments ul#commentlist li {position:relative;float:left;padding:20px 10px 25px 10px;width:630px;border-bottom:1px dotted #555;list-style-type:none;margin:0;}
#comments ul#commentlist li.graybox {background:#eee;}
#comments ul#commentlist li .commentheader {position:relative;float:left;width:200px;}
#comments ul#commentlist li .commentheader cite {position:relative;float:left;width:200px;padding:5px 0 8px 0;font-style:normal;font-weight:bold;clear:both;}
#comments ul#commentlist li .commentheader cite a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader cite a:hover {text-decoration:underline;color:#000;}
#comments ul#commentlist li .commentheader .commentnumber {position:relative;float:left;width:200px;font-size:0.8em;}
#comments ul#commentlist li .commentheader .commentnumber a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader .commentnumber a:hover {color:#000;text-decoration:underline;}
#comments ul#commentlist li .commentheader small {color:#888;font-size:0.8em;}
#comments ul#commentlist li .commenttext {position:relative;float:right;width:400px;font-size:0.9em;color:#555;line-height:1.2em;padding:8px 0 0 0;}
#comments ul#commentlist li .commenttext a {color:#000;}
#comments ul#commentlist li .commenttext a:hover {text-decoration:none;}
#comments form#commentform {position:relative;float:left;padding:10px;background:#eee;border:1px solid #ddd;width:630px;}
#comments form#commentform p {padding:5px 0;}
#comments form#commentform input {border:1px solid #ddd;margin:0 10px 0 0;}
#comments form#commentform label {font-size:0.9em;}
#comments form#commentform textarea {width:600px;border:1px solid #ddd;}
#comments form#commentform input#submit {float:right;margin:5px 25px;padding:8px 5px 5px;background:#555;color:#fff;}*/
/* FOOTER */
#footer {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 0 0 15px;
    font-size: 0.9em;
    margin: 0;
    color: #888
    }
#footer a:link, #footer a:visited {
    color: #888
    }
#footer a:hover, #footer a:active {
    text-decoration: none;
    color: #666
    }
/* IMAGES */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
img.alignright {
    padding: 0;
    margin: 0 0 10px 20px;
    display: inline
    }
img.alignleft {
    padding: 0;
    margin: 0 20px 10px 0;
    display: inline
    }
img.clear {
    clear: both
    }
.alignright {
    float: right
    }
.alignleft {
    float: left
    }
p.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0
    }
/* PRINT STYLES */
@media print {
    /* RESET STYLES */
    body {
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        word-spacing: 1px;
        font: 13px Lucida sans, Arial, Helvetica;
        color: #000
        }
    * {
        background-color: white !important;
        background-image: none !important
        }
    /* REMOVE ELEMENTS */
    #nav, #subNav, #sidebar {
        display: none;
        width: 0
        }
    /* SHOW URLs */
    a:link, a:visited {
        background: transparent;
        color: #333;
        text-decoration: none
        }
    a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
        content: " (" attr(href) ") ";
        font-size: 11px
        }
    a[href^="http://"] {
        color: #000
        }
    /*  CONTAINERS  */
    #wrapper {
        position: absolute;
        padding: 0
        }
    #container {
        border: 0
        }
    #content {
        width: 95%
        }
    #footer {
        border-top: 1px solid #000;
        margin-top: 25px;
        padding-top: 10px
        }
    /* IMAGES */
    img {
        border: none
        }
    img.alignleft {
        float: left;
        padding: 2px 15px 5px 0
        }
    img.alignright {
        float: right;
        padding: 2px 0 5px 15px
        }
    }