/*  
Theme Name: cabuki
Theme URI: http://fightingfriends.com/sunburn/
Description: Modified Sunburn Wordpress theme. AJAX commenting.
Version: 1.0
Author: Jon McLennan
Author URI: http://cabuki.com/
*/

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        BODY, WRAPPINGS, ANCHORS
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
body {
    margin: 0;
    padding: 0;
    text-align: center; /* IE */
    font-family: "Lucida Grande", Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
}

/* #bg_maker { background: #191919 url("./images/bg_x_2.png") repeat-x; } */
#bg_maker { background: #fff url("./images/banner_bg.png") repeat-x; }

#wrapper {
    margin: 0 auto;
    padding: 0 auto;
    width: 800px;
    text-align: left; /* IE */
}

a { color: #de7C00; text-decoration: none; }
a:hover, .post div.comment_link a:hover, .post h2 a:hover, .post .entry a:hover, .post .entrytext a:hover { color: #cc3300; text-decoration: none; }



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        HEADER
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header_sun {
    width: 900px;
    height: 50px;
    background: url("./images/banner.png");
}

#header_text { 
    width: 700px;
    margin: 0 auto;
    text-align: center;
/*    padding: 0 15px 0 30px;*/
    padding: 0;
}

h1 {
    height: 65px;
    font-size: 2.4em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: Futura,Copperplate, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
            
h1 a { color: #cc3300; }

/*h1 a:hover { color: #fff; }*/
            
span.description {
    font-size: 0.4em;
    font-weight: normal;
    text-transform: none;
    font-family: "Lucida Grande", Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        CONTENT
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
    width: 525px;
    float: left;
    clear: both;
    margin: 20px 0 0 50px;
    padding: 0px 0px 40px 0px;
    display: inline; /* IE */
    background: #fff;
}

.alignleft { margin: 10px 0 0 0; float: left; }
.alignright { margin: 10px 40px 0 0; float: right; text-align: right; display: inline; }


/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        POST
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post {
    margin: 0 0 55px 0;
/*    width: 580px;*/
}

.post .date {
/*    width: 43px; */
    height: 46px;
    background: url("./images/date.gif");
    color: #fff;
    float: left;
    margin: 4px 10px 0 0;
    padding: 0 3px;
    display: inline; /* IE */
}

.post .datesingle {
    height: 16px;
    color: #c30;
    float: left;
    clear: both;
    margin: 6px 10px 0 0;
    display: inline; /* IE */
    font-size: 0.6em;
    text-transform: uppercase;
}

.post .date_month, .post .date_time {
    font-size: 0.6em;
    text-transform: uppercase;
    text-align: center;
    margin: 2px 0 0 0;
}
            
.post .date_day {
    font-size: 1.5em;
    text-align: center;
    margin: 4px 0 0 0;
}

.post .date_time {
    margin: 3px 0 0 0;
}

.post div.title_box {
    float: left;
    margin: 0 0 22px 0;
    display: inline; /* IE */
}
        
.post h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.4em;
/*    width: 450px;*/
    float: left;
}
            
.post div.comment_link { 
    font-size: 0.7em; 
    clear: left;
}

/* .post h2 a, .post div.comment_link a { color: #ccc; } */
.post div.comment_link a { color: #888; }

.post .entry, .post .entrytext {
    font-size: 0.8em;
/*    width: 450px;*/
    clear: both;
    color: #333;
    margin: 0 0 10px 0;
}

/*.post .entry a, .post .entrytext a { color: #666; }*/
                
.post .entry blockquote, .post .entrytext blockquote  {
    border-left: 6px solid #000;
    padding-left: 8px;
    color: #555;
    font-style: italic;
}
                    
.post blockquote, .post ul, .post ol { margin-left: 20px; padding-left: 20px; }
        
.post .postmetadata {
    color: #ccc;
/*    width: 434px;*/
    font-size: 0.7em;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px;
    text-align: left;
    background: #1F1D1D;
    margin: 0;
}



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        SIDEBAR
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
    width: 200px;
    padding: 10px 0 40px 15px;
    float: left;
    display: inline; /* IE */
    color: #666;
    margin: 0;
}

#sidebar li, #sidebar ul, #sidebar ul li {
    margin: 0;
    padding-left: 1.0em;
    list-style: none;
    font-size: 0.9em;
}

#sidebar h2 {
    font-size: 0.9em;
/*    font-weight: normal; */
    margin: 15px 0 8px 0;
    color: #cc3300;
    padding: 0;
}

#sidebar>h2 { margin-left: 15px; } /* Non IE */

#searchform input {
    width: 50px;
    margin: 0 0 0 25px;
    border: 1px solid #191919;
    color: #191919;
    padding: 2px;
    background: #fff;
}

#searchform input['submit'] {
    width: auto;
    margin: 0 0 0 25px;
    border: 1px solid #191919;
    color: #191919;
    padding: 2px;
    background: #fff;
}
                
                

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        SINGLE POSTS
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.widecolumn h2, .page h2 { 
/*    font-size: 2.3em;*/
    font-size: 1.4em;
    color: #191919;
}

#content h3 { 
    font-size: 0.9em;
    font-weight: normal;
    color: #EBAF00;
    margin: 20px 0 10px 0;
}

.widecolumn .post { margin-bottom: 20px; }    

.postmeta_single {
     color: #666; 
     font-size: 0.7em;
}



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        COMMENTS
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#commentform { margin: 0 0 20px 20px; }     

#commentform input, #commentform textarea {
    border: 1px solid #000;
    padding: 3px;
}
    
#commentform textarea {
    font-size: 0.8em;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
            
#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { background: #fff;}
/*#commentform textarea:focus, #commentform #author:focus, #commentform #url:focus, #commentform #email:focus { background: #fff;}*/

#commentform textarea, #commentform #author, #commentform #url, #commentform #email, #commentform #submit { margin: 0 0 2px 0; }
        
#commentform #submit { width: 200px; }

.commentlabel {
    font-size: 0.8em;
    margin-bottom: 5px; 
}

ol.commentlist {
    font-size: 0.8em;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
    width: 385px;
}

ol.commentlist li {
    border-top: 1px solid #2F2C2C;
    margin: 0;
    padding: 10px 0 0 0;
}

#content>ol.commentlist li { padding: 0; } /* FF Specific */



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PAGE
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.page h2 { margin: 0 0 15px 0; }



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        SEARCH and ARCHIVES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sanda h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 15px 0;
}


    
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        FOOTER
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bar {
    clear: both;
    width: 100%;
    height: 10px;
    background: #000;
    padding: 0;
}
    
#footer_bg {
    clear: both;
    width: 100%;
    height: 46px;
    background: url("./images/footer_bg_x.png") repeat-x;
}
        
#footer {
    width: 910px;
    height: 46px;
    margin: 0 auto;
/*    background: url("./images/footer_bg.png");*/
}
            
#footer ul {
    margin: 0;
    padding: 12px 0 0 0;
    font-size: 0.8em;
    text-align: center;
    color: #000;
}

#footer li {
    list-style-type: none;
}
                
#footer li a { color: #000; font-weight: bold; text-decoration: underline; }
#footer li a:hover { text-decoration: none; }