/*
Theme Name: JO Special
Description: Simple, but elegant theme by master designer Jonah Otchy.
Version: 1.0
Author: Jason Webb
*/

* {margin: 0; padding: 0;}

body {background: #FFFFFF; padding-bottom: 100px; font-size: 11px; color: #000000; font-family: Arial, Verdana, sans-serif;}

ul {list-style-type: none;}

a {text-decoration: none; outline: none;}
    a img {border: none;}


/* =Structure
--------------------------------------------- */
#container {width: 1090px; margin: 0 auto; background: #FFF url(images/bg_container.jpg) repeat-y; padding-bottom: 7px;}
    #wrapper {width: 1024px; margin: 0 0 0 33px; background: #FFF;}
        #wrapper #header {padding: 88px 0 0 117px; height: 191px; width: 907px; background: #E6E6E6 url(images/bg_header.jpg) no-repeat; position: relative;}
            #wrapper #header img.icon-bird {position: absolute; bottom: 0; right: 7px;}
            #wrapper #header #tweet-cloud {background: transparent url(images/tweet_cloud.png) no-repeat; font-size: 10px; color: #69696A; position: absolute; text-align: center; right: 68px; bottom: 42px; padding: 24px 15px 10px 15px; height: 78px; width: 133px;}
                #wrapper #header #tweet-cloud a {color: #839D03;}
        #wrapper #featurette img {display: block;}
        #wrapper #content-wrapper {padding: 40px 29px 29px 29px;}
            #wrapper #content-wrapper .navigation {margin: 0 0 10px 0; padding: 0 0 10px 0;}
                .navigation .alignleft {float: left; width: 460px;}
                .navigation .alignright {float: right; text-align: right; width: 460px;}
                .navigation a {color: #839D03; font-size: 12px;}
#footer {background: transparent url(images/bg_footer_shadow.jpg) no-repeat 0 0; height: 51px; padding-top: 5px; width: 1090px; margin: 0 auto;}
    #footer p {padding-left: 380px; position: relative;}
        #footer p a {position: absolute; top: -3px; right: 354px; padding: 4px 0 0 27px; display: block; background: transparent url(images/icon_wp.png) no-repeat 0 0; color: #000000;}


/* =Blog Entries
--------------------------------------------- */
h2.pagetitle {padding-bottom: 10px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-left: 35px;}
.post {padding: 0 33px; border-bottom: 1px dashed #CCC; margin-bottom: 24px;}
    .post h2 a, .post h2, .post h3 a {font-size: 21px; font-weight: normal; color: #000000;}
    .post p {font-size: 11px; color: #000000; margin-bottom: 24px; line-height: 17px;}
    .post .entry-head {margin-bottom: 18px;}
        .post .entry-head p {font-size: 11px; color: #585757; margin-bottom: 0;}
            .post .entry-head p a {color: #839D03; text-decoration: underline;}
    .post .entry-content {border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;}
    .post .entry .postmetadata {margin-bottom: 34px;}
    .post .entry .postmetadata a {color: #839D03; text-decoration: underline; padding: 0 3px;}
.page {padding-bottom: 40px;}
    .page p {margin-bottom: 15px;}
        .page p a {color: #839D03;}
    .page h2 {margin-bottom: 16px;}
    .page h3 {font-size: 21px; font-weight: normal; color: #000000; margin-bottom: 0;}
    .page h4 {font-size: 18px; font-weight: normal; font-style: italic; margin-bottom: 0;}
h3#comments {margin-bottom: 30px; font-size: 18px; font-weight: normal;}

    /* comments */
    ol.commentlist {padding: 10px 0 20px 0; list-style-type: none;}
        ol.commentlist li {padding: 5px 5px 10px 10px; margin: 0 0 20px 0; border: 1px solid #DDD;}
        ol.commentlist li.comment-author-admin {background: #E7E7E7;}
        ol.commentlist li cite, ol.commentlist li .says {font-style: normal; color: #515151; font-weight: bold;}
            ol.commentlist li cite a {color: #515151;}
        ol.commentlist li .commentmetadata {margin-bottom: 7px; padding-bottom: 4px;}
        ol.commentlist li .commentmetadata a {color: #515151;}
    #respond h3 { font-size: 18px; font-weight: normal; margin-bottom: 15px;}
    #commentform p {color: #585857; font-size: 11px; margin-bottom: 10px;}
        #commentform p a {color: #839D03; text-decoration: underline;}
        #commentform p textarea {margin-top: 6px;}
        #commentform p input {height: 18px; padding: 1px;}
        #commentform p input#submit {width: auto; height: auto;}
        #commentform p label {color: #858585; padding-left: 10px; font-size: 12px;}


/* =Navigation
--------------------------------------------- */
#menubar {width: 100%; background: #E6E6E6;}
    #menubar ul {float: left; height: 33px;}
        #menubar ul li {float: left; padding: 0;}
            #menubar ul li a {color: #363636; display: block; padding: 10px 28px 8px 28px; text-transform: uppercase; font-size: 12px; font-weight: bold;}
            #menubar ul li a:hover {color: #829F00;}
        /* sub nav */
        #menubar ul li ul {display: none;}
        #menubar ul li.on ul {display: block; position: absolute; width: 147px; padding: 14px 0 6px 0; background: #E6E6E6; height: auto; float: none;}
            #menubar ul li.on a {color: #829F00;}
            #menubar ul li.on ul li {float: none; margin-bottom: 9px;}
                #menubar ul li.on ul li a {text-transform: none; color: #363636; padding-top: 0; padding-bottom: 0;}
                #menubar ul li.on ul li a:hover {color: #829F00;}
#menubar #searchbox {float: left; padding-top: 7px; margin-left: 10px; margin-right: 22px;}
    #menubar #searchbox input {width: 163px; height: 14px; font-size: 10px; color: #69696A; padding: 1px 1px 1px 4px; border-top: 1px solid #B4B4B4; border-left: 1px solid #D0D0D0;}
    #menubar #searchbox input.submit {width: auto; border: 0; color: #363636; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, san-serif; height: 16px; background: transparent; cursor: pointer;}
#menubar .extralinks {float: left; padding-top: 9px;}
    #menubar .extralinks a {font-size: 9px; color: #202020; display: block; float: left; width: 58px; height: 14px; line-height: 15px; text-transform: uppercase; padding-left: 20px;}
        #menubar .extralinks a.rss {background: transparent url(images/icon_sm_rss.png) no-repeat 0 0;}
        #menubar .extralinks a.facebook {background: transparent url(images/icon_sm_fb.png) no-repeat 0 0;}

/* =Dropdowns
--------------------------------------------- */
.dd-holder {padding: 42px 50px 0 54px; border-bottom: 1px solid #C0C0C0; display: none;}
    .dd-holder ul li {float: left; font-size: 12px; line-height: 2.3em; color: #434343;}
    .dd-holder ul li#c-copy {width: 24%;}
    .dd-holder ul li#c-info {width: 36%;}
    .dd-holder ul li#c-msg {width: 40%;}
        .dd-holder ul li label {display: block; width: 248px; margin-bottom: 4px;}
        /*.dd-holder ul li#c-msg label {width: 360px;}*/
            .dd-holder ul li#c-msg label textarea {width: 360px; height: 72px; padding: 1px; color: #434343;}
        .dd-holder ul li#c-msg span.thead-input {display: block; text-align: right; padding: 15px 42px 10px 0;}
        .dd-holder ul li#c-msg span.thead-input input.btn {margin-left: 5px; border: none; width: 87px; height: 30px; background: transparent url(images/btn_submit.jpg) no-repeat;}
            .dd-holder ul li label input {width: 248px; height: 18px; padding: 1px; color: #434343;}
        .dd-holder ul li span.thead {display: block; text-transform: uppercase; font-size: 17px; color: #434343; font-weight: bold;}
        .dd-holder ul li a {color: #839D03; text-decoration: underline;}
        
/* =Pre-defined
--------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */