/*  
Theme Name: Deft Development
Theme URI: http://www.deftdeveloment.com/
Description: WordPress theme for Deft Development.
Version: 1
Author: Jason Craft
Author URI: http://www.deftdevelopment.com/
*/

body {
    margin:0;
    padding:0;
    background:url(images/body-bg.png) repeat-x #FFF;
    font-size:85%;
    font-family:Verdana, sans-serif;
    line-height:1.4em;
    color:#333;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:/*#A2572F;*/#40A22F;
}
a:hover {
    color:#000;
    text-decoration:none;
}
h1, h2, h3, h4 {
    margin:20px 0 6px;
    padding:0;
    font-family:Georgia, Verdana, sans-serif;
    font-size:2.2em;
    font-weight:normal;
    color:#40A22F;/*#000;/*#A2572F;*/
    line-height:1.1em;
}
h2 {
    margin:30px 0 6px;
}
h3 a {
    color:#000;
}
h3 a:hover {
    text-decoration:underline;
}
h3, h4, h5, h6 {
    font-size:1.4em;
    font-weight:bold;
    color:#000;
}
h4, h5, h6 {
    font-size:1.1em;
}
h2.first, h3.first, h2.pagetitle {
    margin-top:0;
}
p {
    margin:6px 0 16px;
}
ul {
    list-style-type:disc;
    list-style-image:url(images/bullet.png);
    margin:12px 0;
    padding:0 0 0 30px;
}
li {
    margin:1px 0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
big {
    font-size:1.25em;
}
small {
    font-size:0.8em;
}
.alignRight {
    text-align:right;
}
.alignCenter {
    text-align:center;
}
.clear {
    clear:both;
}
.left {
    float:left;
}
img.left {
    margin:0 14px 14px 0;
}
.right {
    float:right;
}
img.right {
    margin:0 0 14px 14px;
}
.statusMessage, .error {
    color:#F6A600;
}

/**** outer ****/
#outer {
    margin:0 auto;
    padding:0 10px;
    width:720px;
}

/**** header ****/
#header {
    position:relative;
    color:#FFF;
    height:132px;
}
#header h1 {
    position:absolute;
    left:-8px;
    top:40px;
    margin:0;
    padding:0;
}
#header h1 a {
    display:block;
    background:url(images/logo.png) no-repeat;
    text-indent:-9999px;
    width:285px;
    height:45px;
    outline:none;
}
#header .contact {
    position:absolute;
    right:0;
    top:40px;
    text-align:right;
}
#header .contact span {
    display:block;
}
#header .contact .email a {
    color:#FFF;
}

/**** navigation ****/
#navigation {
    position:absolute;
    right:0;
    bottom:0;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
    height:52px;
}
#navigation li {
    float:left;
    margin:0 0 0 4px;
    padding:0;
}
#navigation li.last {
    padding-right:0;
}
#navigation a {
    display:block;
    padding:12px 8px 0;
    font-family:Georgia, Verdana, sans-serif;
    font-size:1.2em;
    color:#FFF;
    line-height:40px;
    vertical-align:middle;
    outline:none;
}
#navigation li.active a, #navigation li.current_page_item a, #navigation a:hover {
    background:url(images/nav-active.png) 0 100% repeat-x;
    color:#000;/*#89D8E6;*/
    text-decoration:none;
}

/**** content ****/
#content {
    margin:0;
    padding:40px 0;
}

/**** main content ****/
#main_content {
    padding:0;
    min-height:400px;
    overflow:hidden;
}

/**** sidebar ****/
#sidebar {
    float:right;
    margin:0 -80px 0 auto;
    padding:4px 14px;
    background:#B3B0A1;
    width:222px;
    overflow:hidden;
}
#sidebar a {
    color:#000;
}

/**** footer ****/
#footer {
    clear:both;
    margin:0 auto;
    background:url(images/footer-bg.jpg) 50% 0 repeat-x #E4E4E4;
}
#footer_inner {
    margin:0 auto;
    padding:20px 8px 12px;
    font-size:0.8em;
    color:#777;
    text-align:center;
    line-height:1.3em;
    width:704px;
}
#footer a {
    color:#000;
}

/**** intro ****/
.intro {
    margin:0 0 24px;
    padding:10px 14px;
    border:solid 1px #D1E0E8;
    background:#EDF4F7;
    font-family:Georgia, Verdana, sans-serif;
    font-size:1.3em;
    color:#375D74; /*#787D7F;*/
    line-height:1.4em;
}
.intro strong {
    font-weight:normal;
    color:#111;
}
.intro a {
    color:#2F7AA2;
}
.intro a:hover {
    color:#000;
}

/**** posts ****/
.post {
    margin:2px 0 28px;
}
.post img.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}
.post img .alignright {
    float:right;
    margin:10px 0 10px 10px;
}
.post .date {
    margin:0 0 20px;
    font-size:0.9em;
    color:#2F7AA2;
}
.post .date span {
    background:#E7F0F5;
}
.post .meta {
    margin:24px 0;
    padding:4px 0;
    border-top:solid 1px #D1E0E8;
    border-bottom:solid 1px #D1E0E8;
}
.post .meta .skills, .post .meta .client {
    display:inline;
}
.post .meta a {
    /*color:#000;*/
}
.post .meta a:hover {
    text-decoration:none;
}
.post .meta b {
    color:#777;
}
.post .projectImage img {
    padding:3px;
    border:solid 1px #D1E0E8;
}

/**** comments ****/
.commentlist {
    list-style-type:none;
    margin:14px 0;
    padding:0;
    border-top:solid 1px #D1E0E8;
}
.commentlist li {
    margin:0;
    padding:8px;
    border-bottom:solid 1px #D1E0E8;
}
.commentlist li.alt {
    background:#EDF4F7;
}
.commentlist li cite {
    font-style:normal;
    font-weight:bold;
    color:#2F7AA2;
}
.commentlist li .date {
    display:block;
    margin:0 0 10px;
    color:#777;
}
.comments textarea {
    width:450px;
    height:150px;
}

/**** recaptcha ****/
#recaptcha-submit-btn-area #submit {
    margin:14px 0;
}

/**** post navigation ****/
#main_content .navigation {
    margin:22px 0 12px;
    text-align:center;
}
#main_content .navigation div {
    display:inline;
}

/**** posts listing ****/
.posts {
    border-top:solid 1px #D1E0E8;
}
.posts .post {
    margin:0;
    padding:20px 0;
    border-bottom:solid 1px #D1E0E8;
}
.posts .post .image {
    float:left;
    width:200px;
}
.post .image img {
    padding:3px;
    border:solid 1px #D1E0E8;
}
.posts .post .info {
    float:right;
    width:486px;
}
.posts .post h3 {
    margin:0 0 6px;
}
.posts .post .more {
    margin:14px 0;
}
.post .more a {
    display:block;
    float:left;
    padding:0 44px 0 0;
    background:url(images/more-arrow.png) 100% -44px no-repeat;
    line-height:25px;
    vertical-align:middle;
}
.post .more a:hover {
    background-position:100% 2px;
}
.posts .info .client, .posts .info .skills {
    color:#777;
}