/*  
Theme Name: JBerra Design
Theme URI: http://www.jberradesign.com/
Description: WordPress theme for JBerra Design.
Version: 1
Author: Jason Craft
Author URI: http://www.deftdevelopment.com/
*/

body {
    margin:0;
    padding:0 0 14px;
    background:url(images/body-bg.gif) repeat-x #262626;
    font-size:80%;
    font-family:Verdana, sans-serif;
    line-height:1.4em;
    color:#262626;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:#2BB2CA;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {
    margin:12px 0 6px;
    padding:0;
    font-size:1.5em;
    font-weight:normal;
    color:#262626;
    line-height:1.1em;
}
h3, h4, h5, h6 {
    font-size:1.1em;
    font-weight:bold;
}
h4, h5, h6 {
    font-size:1em;
}
h2.first, h3.first {
    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;
    width:620px;
}

/**** header ****/
#header {
    position:relative;
    color:#FFF;
    height:139px;
}
#header h1 {
    position:absolute;
    left:10px;
    top:30px;
    margin:0;
    padding:0;
}
#header h1 a {
    display:block;
    background:url(images/logo.gif) no-repeat;
    text-indent:-9999px;
    width:221px;
    height:53px;
    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;
    left:0;
    bottom:0;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0 0 0 4px;
    border:solid 4px #000;
    border-top:none;
    border-bottom:none;
    background:url(images/nav-bg.gif) repeat-x #000;
    width:608px;
    height:39px;
}
#navigation li {
    float:left;
    margin:0;
    padding:0 12px;
    line-height:39px;
}
#navigation li.last {
    padding-right:0;
}
#navigation a {
    font-size:0.9em;
    color:#FFF;
    text-transform:lowercase;
    vertical-align:middle;
}
#navigation li.active a, #navigation li.current_page_item a, #navigation a:hover {
    color:#89D8E6;
    text-decoration:none;
}

/**** content ****/
#content {
    margin:6px 0 0;
    padding:0;
    background:#FFF;
    border-bottom:solid 1px #FFF;
}

/**** banner ****/
#banner {
    position:relative;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:15px 10px;
    background:#262626;
    color:#FFF;
    text-align:center;
    height:133px;
    /*overflow:hidden;*/
}
#banner li {
    display:inline;
    padding:0 6px;
}
#banner img {
    border:solid 8px #FFF;
    background:#4D4B45;
    width:118px;
    height:118px;
}
#banner img.large {
    display:none;
    position:absolute;
    top:70px;
    right:150px;
    border:solid 2px #888;
    width:auto;
    height:auto;
    z-index:100;
}
#banner a:hover img.large {
    display:inline;
}

/**** main content ****/
#main_content {
    float:left;
    padding:16px 10px;
    width:600px;
    min-height:400px;
    overflow:hidden;
}
#home #main_content {
    width:400px;
}

/**** 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;
    padding:6px 0 0;
    background:url(images/footer-bg.gif) repeat-x;
    font-size:0.8em;
    min-height:50px;
}
#footer_inner {
    margin:0 auto;
    padding:10px;
    background:#FFF;
    width:600px;
}
#footer a {
    color:#262626;
}
#footer ul.navigation {
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
#footer ul.navigation li {
    display:inline;
    margin:0 8px 0 0;
    padding:0 8px 0 0;
    border-right:solid 1px;
    background:url(images/footer-bullet.png) 100% 50% no-repeat;
    line-height:16px;
}
#footer ul.navigation li.last {
    margin:0;
    padding:0;
    border:none;
}
#footer .copyright {
    margin:4px 0;
}

/**** posts ****/
.post {
    margin:12px 0 28px;
}
.post img.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}
.post img .alignright {
    float:right;
    margin:10px 0 10px 10px;
}
.post h3, .post h3 .date {
    font-weight:normal;
    color:#676352;
}

/**** comments ****/
.commentlist {
    list-style-type:none;
    margin:14px 10px;
    padding:0;
    border-top:dashed 1px #999;
}
.commentlist li {
    margin:0;
    padding:8px;
    border-bottom:dashed 1px #999;
}
.commentlist li.alt {
    background:#F0F8F9;
}
.commentlist li cite {
    font-style:normal;
    color:#000;
}
.commentlist li .date {
    color:#999;
}
.comments textarea {
    width:450px;
    height:150px;
}

/**** post navigation ****/
#main_content .navigation {
    text-align:center;
}
#main_content .navigation div {
    display:inline;
}

/**** widgets ****/
ul.widgets {
    list-style-type:none;
    list-style-image:none;
    margin:12px 0;
    padding:0;
}
.widgets .widget_text {
    margin:0 0 14px;
    padding:12px 0 0;
    background:url(images/blue-content-top.gif) no-repeat #89D8E6;
    width:222px;
}
.widgets .textwidget {
    padding:0 20px 10px;
    background:url(images/blue-content-bottom.gif) 0 100% no-repeat;
}
.widgets h2 {
    margin:0 -15px 0 16px;
    padding:4px 6px;
    background:#FFF;
    font-weight:normal;
    text-transform:uppercase;
}
.widgets p {
    margin:6px 0 10px;
}

/**** search ****/
.search {
    margin:0;
    padding:6px 0;
}