/*  
Theme Name: Zatista Blog
Theme URI: http://blog.zatista.com/
Description: WordPress theme for Zatista.
Version: 1
Author: Jason Craft
Author URI: http://deftdevelopment.com/
*/

body {
    margin:0;
    padding:0;
    font-size:70%;
    font-family:arial, sans-serif;
    line-height:1.4em;
    background:#F0F1F1;
    color:#666;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a, a:hover {
    text-decoration:none;
    color:#669900;
    outline:none;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {
    margin:20px 0 6px;
    padding:0;
    line-height:1em;
    font-size:1.7em;
    font-family:arial, sans-serif;
    font-weight:bold;
    color:#669900;
}
h3 {
    font-size:1.3em;
    font-weight:bold;
    color:#006699;
    line-height:1em;
}
h4 {
    margin:26px 0 10px;
    font-size:1.1em;
    font-weight:bold;
    color:#666;
}
h1.first, h2.first, h3.first, h4.first {
    margin-top:0;
}
h2.first {
    margin:0 0 22px;
    padding:0 14px;
}
p {
    margin:6px 0 12px;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
ul {
    margin:0 0 10px;
    padding:0 0 0 24px;
    list-style-type:disc;
}
li {
    margin:0 0 4px;
    padding:0;
}
small {
    font-size:0.8em;
}
.right {
    float:right;
}
.clear {
    clear:both;
}

/**** outer ****/
#outer {
    margin:0 auto;
    background:url(images/outer-bg.gif) 50% 0 repeat-y;
    width:1009px;
}
#outer_inner {
    margin:0 auto;
    background:url(images/outer-inner-bg.gif) repeat-x;
    width:955px;
}

/**** header ****/
#header {
    position:relative;
    padding:0;
    font-family:verdana, arial, sans-serif;
    height:106px;
}
#header h1 {
    position:absolute;
    top:20px;
    left:22px;
    margin:0;
    padding:0;
    background:url(images/logo.gif) no-repeat;
    width:382px;
    height:45px;
}
#header h1 a {
    position:absolute;
    bottom:3px;
    right:0;
    padding:28px 0 0;
    font-size:11px;
    font-weight:normal;
    font-family:verdana, arial, sans-serif;
    text-align:right;
    color:#666;
    line-height:13px;
    width:100%;
    height:10px;
    outline:none;
}
#header h1 a {
    text-decoration:none;
}
#header .userBox {
    position:absolute;
    top:8px;
    right:12px;
    text-align:right;
}
#header .userBox a {
    font-weight:normal;
    color:#666;
}
#header .userBox .welcome {
    font-weight:bold;
    color:#006699;
}
#header .userBox .country {
    display:block;
}
#header .userLinks {
    margin:6px 0;
}
#header .userBox .userLinks a {
    font-weight:normal;
}
#header .search {
    position:absolute;
    bottom:0;
    right:12px;
    margin:0;
    padding:0;
    height:25px;
}
#header .search label {
    float:left;
    display:block;
    margin:2px 8px 0 0;
    background:url(images/search-label.gif) no-repeat;
    color:#006699;
    text-indent:-9999px;
    width:67px;
    height:16px;
}
#header .search input {
    float:left;
    vertical-align:middle;
    height:21px;
}
#header .search .text {
    border:none;
    margin:0;
    padding:0 2px;
    border:solid 1px #ADADAD;
    border-right:none;
    background:#FFF;
    color:#9D9C98;
    line-height:19px;
    width:142px;
    height:19px;
}
#header .search .button {
    margin:0;
    padding:0;
    border:none;
    background:url(images/button-search.gif) no-repeat;
    font-size:0;
    text-indent:-9999px;
    width:21px;
    height:21px;
    cursor:pointer;
}

/**** navigation ****/
#navigation {
    position:absolute;
    bottom:0;
    left:0;
    background:url(images/nav-bg.gif) repeat-x;
    width:100%;
    height:30px;
}
#navigation ul {
    list-style-type:none;
    float:left;
    display:inline;
    margin:0 0 0 16px;
    padding:0;
    border-left:solid 1px #ADADAD;
}
#navigation li {
    float:left;
    margin:0;
    padding:0 8px;
    border-right:solid 1px #ADADAD;
    line-height:30px;
    height:30px;
}
#navigation a {
    font-family:'Century Gothic', ITCAvantGarde, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    text-transform:uppercase;
    color:#666;
}
#navigation a:hover, #navigation li.active a {
    text-decoration:none;
    color:#3E8E00;
}

/**** content ****/
#content {
    margin:0;
    padding:0 0 20px;
    background:url(images/content-lines-bg.gif) 50% 0 repeat-y;
}

/**** content header ****/
#content_header {
    position:relative;
    padding:6px 24px;
    border-bottom:solid 1px #C9C9C9;
    background:url(images/content-bg.gif) repeat-x;
    font-family:verdana, arial, sans-serif;
    height:15px;
    overflow:hidden;
}
#content_header a {
    color:#006699;
}
#content_header .navigation {
    position:absolute;
    top:3px;
    right:12px;
}
#content_header .navigation a {
    text-indent:-9999px;
}
#content_header .navigation .blog {
    float:left;
    margin:0 2px 0 0;
    background:url(images/button-blog.gif) no-repeat;
    width:75px;
    height:24px;
}
#content_header .navigation .newsletter {
    float:left;
    background:url(images/button-newsletter.gif) no-repeat;
    width:133px;
    height:24px;
}
#content_header .navigation a:hover, #content_header .navigation a.active {
    background-position:0 100%;
}

/**** sidebar ****/
#sidebar {
    float:right;
    display:inline;
    margin:0 93px 0 0;
    padding:20px 0 0;
    width:260px;
    overflow:hidden;
}
#sidebar h2 {
    margin:0 0 8px;
}
#sidebar h4 {
    margin:8px 20px 0 0;
    padding:0 0 4px;
    border-bottom:solid 2px #8A8A8A;
    color:#006699;
}
#sidebar h3 {
    margin:10px 0 6px;
    font-size:1.3em;
    font-weight:bold;
}

/**** sidebar widgets ****/
#sidebar .widget {
    margin:0 0 18px;
    padding:0 14px 14px;
    border-bottom:dashed 1px #C4C4C4;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:1.2em;
}
#sidebar .widget h3 {
    font-size:1em;
}
#sidebar .widget ul {
    list-style-type:none;
    margin:6px 0;
    padding:0;
}
#sidebar .widget ul li {
    margin:0 0 4px;
    padding:0;
}
#sidebar .widget li a {
    color:#484848;
}
#sidebar .widget li a:hover {
    color:#006699;
    text-decoration:none;
}
#sidebar .identity {
    margin-bottom:2px;
}
#sidebar .follow {
    border-top:solid 4px #656565;
    border-bottom:solid 2px #A4A4A4;
}
#sidebar .follow ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#sidebar .follow ul li {
    float:left;
}
#sidebar .follow li a {
    display:block;
    padding:0 0 0 26px;
    font-size:0.8em;
    font-family:verdana, arial, sans-serif;
    color:#666;
    line-height:22px;
    width:90px;
}
#sidebar .follow .rss {
    background:url(images/icon-rss.gif) 0 50% no-repeat;
}
#sidebar .follow .email {
    background:url(images/icon-email.gif) 0 50% no-repeat;
}
#sidebar .follow .facebook {
    background:url(images/icon-facebook.gif) 0 50% no-repeat;
}
#sidebar .follow .twitter {
    background:url(images/icon-twitter.gif) 0 50% no-repeat;
}

/**** main content ****/
#main_content {
    float:left;
    display:inline;
    margin:0 0 0 92px;
    padding:20px 0 0;
    width:507px;
}

/**** footer ****/
#footer {
    background:url(images/footer-bg.gif) repeat-x #DBDCDD;
    font-family:verdana, arial, sans-serif;
}
#footer_middle {
    background:url(images/gray-dot.gif) 382px 0 repeat-y;
}
#footer_bottom {
    background:url(images/footer-bottom.gif) 0 100% repeat-x;
}
#footer_inner {
    padding:0 26px 0 24px;
    background:url(images/footer-right.gif) 100% 0 repeat-y;
}
#footer .navigationBlock {
    float:left;
    padding:8px 0 0;
    width:696px;
    min-height:140px;
}
#footer .left {
    float:left;
    padding:20px 0;
    width:360px;
}
#footer .middle {
    float:left;
    padding:20px 0 0 24px;
    width:310px;
}
#footer h5 {
    margin:0;
    padding:0;
    font-size:1em;
}
#footer .navigation {
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer .navigation li {
    float:left;
    margin:0 24px 0 0;
    padding:0;
    width:100px;
}
#footer .navigatin li.last {
    margin:0;
}
#footer .navigation li ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer .navigation li li {
    float:none;
    margin:2px 0;
    line-height:1.3em;
    width:auto;
}
#footer .navigation li li a {
    font-weight:normal;
    color:#666;
}
#footer .navigation .exploreBuy, #footer .navigation .learn {
    width:110px;
}
#footer .navigation .community {
    margin:0;
    width:90px;
}
#footer .navigation .helpPolicies {
    margin:0;
    width:174px;
}

#footer .newsletter {
    float:right;
    border:none;
    text-align:center;
    width:180px;
}
#footer .newsletter form {
    border:none;
}
#footer .newsletter h4 {
    margin:24px auto 14px;
    padding:0 0 14px;
    border-bottom:solid 2px #999;
    background:url(images/sign-up-footer.gif) 50% 0 no-repeat;
    text-indent:-9999px;
    width:171px;
    height:41px;
}
#footer .newsletter .text {
    color:#999;
    width:140px;
}

#footer .copyright {
    clear:left;
    padding:8px 0 6px;
}

/**** newsletter ****/
.newsletter form {
    margin:0;
    padding:0 12px 10px 0;
    border:solid 2px #C6C6C6;
    border-left:none;
    border-top:none;
}
.newsletter label {
    clear:left;
    display:block;
    margin:4px 0 2px;
    color:#006699;
}
.newsletter .submit {
    margin:10px 0 4px;
    text-align:center;
}
.newsletter .special {
    display:block;
    margin:6px 0;
    padding:4px 0;
    border-bottom:solid 1px #C6C6C6;
    font-size:0.8em;
    line-height:1.3em;
}
.newsletter .first, .newsletter .last, .newsletter .email {
    padding:1px;
    border:solid 1px #C6C6C6;
    float:left;
    color:#666;
    width:82px;
}
.newsletter .last {
    float:right;
}
.newsletter .email {
    width:176px;
}

/**** posts ****/
.post {
    margin:0 0 30px;
    padding:0 14px 10px;
    border-bottom:dashed 1px #C4C4C4;
}
.post h2.first {
    margin:10px 0;
    padding:0;
}
.post .meta {
    margin:6px 0;
    padding:4px 0;
}
.post .meta a {
    color:#006699;
}
.post .entry {
    font-family:Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    color:#484848;
    line-height:1.5em;
}
.post .entry .alignright {
    float:right;
    margin:0 0 10px 10px;
}
.post .entry .alignleft {
    float:left;
    margin:0 10px 10px 0;
}
.post .wp-caption {
    padding:6px 2px;
    border:solid 1px #D4D4D4;
    background:#F8F8F8;
    text-align:center;
}
.post .wp-caption .wp-caption-text {
    margin:4px 0 2px;
    font-size:0.8em;
}

/**** page nav ****/
.pageNav {
    margin:12px 0;
    text-align:center;
}
.pageNav a {
    font-weight:bold;
    font-family:verdana, arial, sans-serif;
    color:#006699;
}

/**** comments ****/
.comments {
    padding:0 14px 0;
}
.comments ul {
    list-style-type:none;
    margin:12px 0;
    padding:0;
}
.comments li {
    margin:0 0 18px;
    font-size:1.1em;
}
.comments .label {
    display:block;
    font-weight:bold;
}
.comments textarea, .comments input.text {
    padding:2px;
    border:solid 2px #E5E6E7;
    color:#888;
    width:430px;
}
.comments textarea:focus, .comments input.text:focus {
    color:#666;
}
.comments cite {
    display:block;
    font-style:normal;
}
.comments cite .name, .comments .name a {
    text-decoration:underline;
    color:#669900;
}
.comments .date {
    font-size:0.9em;
    color:#AAA;
}
.comments .commentEntry p {
    margin:0 0 14px;
}