/*   
Theme Name: 4sak3n Design - Painted
Theme URI: http://www.4sk.us/
Description: A black and green theme with paint splatters in the background.
Author: Justin "4sak3n 0ne" Jahn
Author URI: http://www.4sk.us
Version: 1.7.1
Tags: dark, green, custom header, full width, two columns
.
Copyright (c) 2008 4sak3n Design
http://creativecommons.org/licenses/by-nc-sa/3.0/us Attribution-Noncommercial-Share Alike 3.0
.
*/

body {
    margin:     0px auto;
    padding:    0px;
    width:      980px;
    
    background:  #000 url(images/Head_Background.gif) repeat-x scroll top left;
    font-family: "Lucida Grande",Verdana,Arial,Sans-Serif;
    color:       #eee;
    
    font-size:   0.9em;
}

/** GENERAL **/
    .wp-caption.alignleft {float: left;}
    .wp-caption-text {text-align: center;}
    .right {float: right;}
    
    .accent {
        font-size:  0.9em;
        font-style: italic;
        color:      #ccc;
    }

    a.more-link {
        display: block;
        padding-top: 3px;
    }
    
    .accent a, .accent a:visited {color: #ccc;}
    
    .center {
        width:      100%;
        margin:     0px auto;
        text-align: center;
    }
    
    div.error {
        border: 2px solid #C03;
        color: #F03;
        padding: 3px;
    }
    
    div.success {
        border: 2px solid #393;
        color: #3C3;
        padding: 3px;
    }
/** END GENERAL **/

/** LINKS **/
    a, a:visited {color: #76C248}
    a:hover {color: #eee;}
    a:active {color: #fff;}
/** END LINKS **/

/** HEADER **/
    #title {
        height:     299px;
        width:      890px;
        
        margin:     0px auto;
        padding:    0px;
        
        background: #000 url(images/Head_Main.jpg) no-repeat scroll top left;
    }
    
    ul#nav {
        padding:    0px;
        margin:     0px;
        float:      right;
        
        line-height: 0px;
        height:      0px;
        
        list-style: none;
    }
    
    ul#nav li {
        padding:     0px;
        margin:      0px;
    }
    
    /** IE 7 HAX **/
    * + html ul#nav li {
        position:    relative;
        top:         3px;
        right:       0px;
        margin-top:  -3px;
    }
    
    /** IE 6 HAX **/
    * html ul#nav li {
        position:    relative;
        top:         3px;
        right:       0px;
        margin-top:  -3px;
    }
    
    ul#nav li a {
        display: block;
        padding: 0px;
        margin:  0px auto;
        
        text-decoration: none;
        border: none;
    }
    
    ul#nav li a img {
        padding: 0px;
        margin:  0px;
        border:  none;
    }
/** END HEADER **/

/** BODY **/
    #main {
        margin:  0px;
        padding: 0px;
        width:   980px;
        clear:   both;
        
        background: transparent url(images/Body_SideBackground.gif) repeat-y scroll 689px 0px;
    }
    
    #postings {
        width: 710px;
        float: left;
    }
    
    #side {
        margin:  0px;
        padding-left: 0px;
        
        width:  236px;
        float:  left;
        height: 1%;
    }
/** END BODY **/

/** FOOTER **/
    #footer {
        margin:     0px auto;
        text-align: center;
        clear:      both;
        
        font-size: 0.8em;
        font-style:italic;
    }
/** END FOOTER **/

/** ARTICLES **/
    #postings .mainInner{
        background-color: #111;
        border: 1px solid #333;

        border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;

        width: 640px;
        margin-bottom: 5px;
    }

    .mainInner {
        margin:        0px auto;
        padding-left:  10px;
        padding-right: 15px;

        min-height:150px;
        height: 150px;
        
        clear:      both;
        text-align: left;	
    }

    html > body .mainInner {height: auto;}

    .mainInnerHalf{
         width: 318px;
         margin: 0px;
         padding: 0px;
    }
    
    .noMinHeight {height: auto; min-height: 0px;}

    .mainInner p {
        margin:         0px;
        padding-bottom: 10px;
        
        text-align:justify;    
    }
    
    .mainInner h1.title {
        margin:         0px;
        padding:        0px;
        margin-bottom:  5px;
        margin-right:   5px;
        padding-bottom: 3px;
        
        color: #76C248;
        border-bottom: 1px dotted #ccc;
    }
    
    .mainInner h1.title a {text-decoration: none;}

    .mainInner h2, .mainInner h3, .mainInner h4 {
        margin: 5px 0px;
        padding: 0px;
    }
    
    /*.mainInner .bodySub {
        float:        left;
        margin-right: 5px;
        margin-top:   5px;
        padding:      5px 10px;
        text-align:   center;
        
        background-image:url(images/Misc_DateSquare.png);
        background-repeat:no-repeat;
    }*/

    .mainInner .bodySub {
        float:        left;
        margin-right: 8px;
        margin-top:   8px;
        padding-top:  8px;
        text-align:   center;

        width:  86px;
        height: 82px;
        
        background-image:url(images/Misc_DateSquare.png);
        background-repeat:no-repeat;
    }
    
    .bodySub h1.posted {
        margin:  0px;
        padding: 0px;
    }
    
    .bodySub h2.posted {
        margin:  0px;
        padding: 0px;
    }
/** END ARTICLES **/

/** PANELS **/
    #side .sideInner{
        background-color: #111;
        border: 1px solid #333;

        border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .sideStart {
        padding: 0px;
        margin:  0px;
    }
    
    .sideInner h1.title, .sideInner li h2 {
        margin:  0px;
        padding: 0px;
        
        text-align: center;
        font-size:  1.4em;
        
        color: #76C248;
        border-bottom: 1px dotted #ccc;
    }

    .sideInner h1.title a {text-decoration: none;}
    
    .sideInner li {list-style: none;}
    .sideInner ul {margin: 0px; padding: 10px 13px;}
    .sideInner ul h2 {margin: 0px;padding: 0px;padding-left: 3px;}
    
    .sideInner {padding:3px;}
    .sideContent {font-size: 0.9em;}
    .sideContent p {margin: 5px; text-indent: 1.5em;}
    .sideEnd {}

    #tag_cloud a {text-decoration: none;}
/** END PANELS **/

/** COMMENTS **/
    #comments{
        margin:  0px;
        padding: 0px;
    }

    .comment {
        clear:      both;
        min-height: 64px;
        
        background-color: #111;
        border: 1px solid #333;

        border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        
        margin:         5px;
        padding-bottom: 5px;
        padding-right:  5px;
    }

    .commentlist {margin-right: 13px;}
    
    .comment .portrait {
        clear:          both;
        float:          left;
        text-align:     center;
        
        padding: 2px 5px;
        padding-bottom: 0px;
        
        border-right: 1px dotted #CCC;
    }
    
    .comment .right, .comment-reply-link {
        float:      none;
        text-align: right;
        margin:     0px;
        padding:    0px;
    }
    
    .recaptcha-error {font-size: 1.2em;}
    
    .comment .name {padding-left: 5px;}
    .comment p { margin-left: 80px;}
    
    .commentIndent1{margin-left: 50px;}
    .commentIndent2{margin-left: 100px;}
    
    .comment .accent{color: #ccc;font-style: italic;}
    
    #respond #fieldset-wholeForm{
        background-color: #111;
        border: 1px solid #333;

        
        border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #respond.mainInner {
        border: none;
        background-color: #000;
    }
/** END COMMENTS **/

/* Captions */
.alignright,
div.alignright {
    float: right;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #000;
    text-align: center;
    background-color: #333;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    color: #ccc;
    text-align: center;
}
/* End captions */