/*
Theme Name: Midnight Tonight
Theme URI: http://wordpress.org/
Description: Sharon's original theme.
Version: 1.6
Author: Sharon
Author URI: http://www.newmoonbirth.com/
Tags: brown

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/

body {
    /*--font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;--*/
    font-family:verdana,tahoma,arial,sans-serif;
    color: #000;
    position:relative;
    background-color:#3D2C1C;
    padding:40px 0 80px 0;
    margin:0;
}
#container{
    width: 827px;
    position:relative;
    margin:0 auto;
    padding:11px 0 0 0;
    background:#fff url('images/top_curve_6.gif') top left no-repeat;
}
#wrapper{
    background:#fff url('images/border_bg.gif') top left repeat-y; 
}
#pad, #footer p{
    margin:0 15px; 
    background:#58662b;    
}
#pad{
    padding-bottom:10px;   
}
#main{
    padding:20px 20px 0 20px;
}
#footer{
    background:transparent url('images/bottom_curve_6.gif') bottom left no-repeat;
    text-align:center;
    padding-bottom:5px;
}
#footer p{
    margin-bottom:5px;
    padding-top:10px;
    background:#58662b; 
    /*--border-top:7px solid #dbcaa0;--*/ 
    border-top:7px solid #fff; 
    font-size:10px;
}
div.narrowcolumn{
    float:left;
    width:500px;
}
#sidebar, #rightcolumn {
    margin-left:582px;
    padding:10px 0;
    font-size:small;
}
.hentry{
    border-bottom:1px dashed #dbcaa0;
    margin-bottom:8px;
}
/*-----------------------------------------------------
                    FONTS
-------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6{
    padding-bottom:10px;
    margin:0;
}
h1, h2, h3, h4, h5, h6{
    font-family:Georgia,Verdana,Arial,Serif;
}
ul, ol, li ul, li ol{
    padding:0 0 0 1.3em;
    margin:0;
}
h2{
    color:#fff;
}
#sidebar li h2{
    font-size:1.25em;
    font-variant:small-caps;
    font-weight:normal;
    text-align:left;
    padding:0;
}
.hentry h3{
    padding-bottom:0px;
}
.hentry small{
    display:block;
    padding:0 0 10px 0;
    color:#fff;
}
p, blockquote {
    line-height:140%;
}
a, a:visited{
    color:#3c0000;
}
.wp-caption-text{
    font-size:small;
    font-style:italic;
    color:#fff;    
}
/*-----------------------------------------------------
                    NAVIGATION
-------------------------------------------------------*/
#navigation{
    /*--border-top:5px solid #dbcaa0;--*/
    border-top:0px solid #fff;
    padding:.25em 0;
}
.navigation{
    margin-bottom:10px;
}
#dropmenu{
    margin:0; 
    padding:0; 
    list-style-type:none; 
    list-style-position:outside; 
    position:relative; 
    line-height:1.5em; 
    z-index:300; 
    width:100%; 
    font-weight:bold;
    font-size:11px;
}
#dropmenu a {
    display:block; 
    padding:0.25em 1.25em; 
    color:#fff;  
    text-decoration:none; 
    background:#58662b;    
}
#dropmenu a:hover {background:#58662b;color:#fff;text-decoration:underline;}
#dropmenu li {float:left; position:relative; width:auto}

#navigation .submenu{
    background-color:#58662b;
    width:auto;
    position:absolute;
    left:0;
    margin:4px 0 0 0;
    padding:5px 2em 10px 2.5em;
    color:#fff;
    font-size:11px;
    display:none;
    border-left:1px solid #3D2C1C;
    border-right:2px solid #3D2C1C;
    border-bottom:2px solid #3D2C1C;
    border-top:0;
    max-width:300px;
    min-width:125px;
}
#navigation .submenu li{
    margin:0 0 5px 0; 
}
#navigation .submenu a{
    text-decoration:none;
    color:#fff;
}
#navigation .submenu a:hover{
    text-decoration:underline;
    color:#fff;
}

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

.trainingtable td{
    text-align:left;
    vertical-align:top;
    padding:0px 20px 10px 0;
}

/*-----------------------------------------------------
              FROM KUBRICK DEFAULT.
-------------------------------------------------------*/}

/* Begin Images */
p img {
    padding: 0;
    max-width: 99%;
}

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    margin: 10px;
    display: inline;
}

img.alignleft {
    margin: 10px;
    display: inline;
}
.alignleft{
    float:left;
}
.alignright{
    float:right;
}
a img{
    border:0;
}
/* End Images */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

.entry li {
    margin: 0 0 10px 0px;
}

#sidebar ul ul li:before {
    content: "\00BB \0020";
    }

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: left;
}
#searchform label{
    display:none;
}
#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
}
#sidebar #searchsubmit {
    padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:left;
}
select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 99%;
    height:200px;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding:0 10px 10px 10px;
}
.alt small{
    color:inherit;
}
.commentlist {
    padding: 0;
    text-align: justify;
}
.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}
.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
}
.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}
.commentmetadata {
    margin: 0;
    display: block;
}
.postmetadata{
    clear:both;
}
/* End Comments */

object{
    display:block;
    margin:10px 0;
}
/*--------------------
Event Reg Stuff
---------------------*/
.classtable{
    width:auto;
    border-collapse:collapse;
    border:0;
}
.classtable td{
    text-align:left;
    vertical-align:top;
    padding:0 1em 5px 0;
}

/*--Event Reg Form--*/
.e_reg_table{
    width:99%;
    border-collapse:collapse;
    border:0;
}
.e_reg_table td{
    text-align:left;
    vertical-align:top;
    padding:0 1em 5px 0;
}
.e_reg_table td.labelcell, .e_reg_table td.questcell{
    width:250px;
}
.e_reg_table td:first-child{
    text-align:right;
    font-size:.85em;
}
/*--Event INFO Table--*/
.er_table{
    width:99%;
    border-collapse:collapse;
    border:0;    
}
.er_table td{
    text-align:left;
    padding:15px 5px;
    border-bottom:1px solid #fff;
}
.er_table td.image{
    text-align:center;
    vertical-align:middle;
}
.er_table td p{
    font-size:.85em;
}
.er_table td h3{
    font-weight:bold;
    color:#fff;
}
.er_table td h4{
    font-weight:bold;
    color:#fff;
}
/*-- Private Reg Form--*/
#privatereg{
    border:1px solid #3D2C1C;
    border-radius: 1.1em;
    -moz-border-radius: 1.1em;
    -webkit-border-radius: 1.1em;   
    margin:0;
    padding:1em;    
}
#privatereg div{
    float:left;
    width:45%;
    margin:10px;
    padding:10px;
}
#privatereg div label{
    font-weight:normal;
    font-size:.8em;
    display:block;
    padding:0 0 2px 0;
}
#privatereg div.right1, #privatereg div.left1{
    border:1px solid #3D2C1C;
    background-color:#3D2C1C; 
    color:#ede8a8;
    border-radius: 1.1em;
    -moz-border-radius: 1.1em;
    -webkit-border-radius: 1.1em;     
}
#privatereg div.left1{    
    width:40%;    
}
#privatereg div input, #privatereg div textarea {
    width:98%;
    margin:0 0 8px 0;
}
#privatereg div textarea {
    height:100px;
}
.smt{
    text-align:center;
    padding:15px 0;
    margin-left:-55px;
}
.smt input{
    font-size:14px;
    font-weight:bold;
}
.choosedate{
    min-width:225px;
    max-width:300px;
    margin-left:20px;
    font-size:11px;
}


form{
    text-align:left;
}
.generic_form{
    font-size:12px;
}
.generic_form fieldset{
    margin:0 2em 1em 0;
    padding:1em;    
    border:1px solid #fff;
}
.generic_form fieldset legend{
    color:#fff;
    font-weight:bold;
    margin-left:2em;
    font-size:1.1em;
}
.generic_form fieldset label, 
.generic_form fieldset input, 
.generic_form fieldset textarea,
.generic_form fieldset select,
.generic_form fieldset div.radio_group{
    float:left;
    width:auto;
    margin:0 0 1em 0;
    clear:right;
}
.generic_form fieldset label{
    width:34%;
    margin:0 2em .75em 0;
    clear:left;
    line-height:1.5em;
    text-align:right;
}
.generic_form fieldset label em{
    display:block;
    font-size:.9em;
}
.generic_form fieldset div.radio_group input{
    float:none;
    clear:none;
    margin:0 .25em .5em 0;    
}
.generic_form .small{
    width:100px;
}
.generic_form .medium{
    width:30%;
}
.generic_form .large{
    width:50%;
}