/**
Theme Name: Cairi
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Magazine Theme
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
    display: block;
}

* html .clearfix {
    height: 1%; /* IE5-6 */
}

body {
    background:#eeeeee;
    font:normal 12px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    color:#4a483d;
}

.wrap {
    width:950px;
    margin:0 auto;
}

a {
    text-decoration:none;
    color:#515151;
}

a:hover { color:#821662; }

/* header */
#header {
    background:#eaeaea url(images/background.png) repeat-x 0 0;
    margin-bottom:5px;
    font-style:italic;
}

#top-search-wrap {
    background:transparent url(images/top-search-bg.png) no-repeat 0 0;
    float:right;
    width:281px;
    margin:10px 0 31px;
    position:relative;
    height:30px;
    position:relative;
    display:inline;
}

#top-s, #top-search-submit {
    background:none;
    border:none;
    padding:0;
    position:absolute;
}

#top-s {
    font:normal 12px Arial,Verdana,Tahoma;
    color:#fff;
    width:152px;
    top:8px;
    left:24px;
}

#top-search-submit {
    width:91px;
    height:30px;
    cursor:pointer;
    top:0;
    right:0;
}

#site-title {
    clear:right;
    font-size:43px;
    font-weight:normal;
    color:#444444;
}

#site-title a { color:#444444; }

#site-title a:hover { color:#821662; }

#site-description {
    font-size:18px;
    font-weight:normal;
    color:#821662;
    margin-bottom:26px;
}

#navigation {
    background:#eeeeee;
    clear:both;
    overflow:hidden;
    line-height:54px;
    border-top:1px solid #fff;
}

#navigation ul li {
    font-size:13px;
    font-style:italic;
    display:inline;
    padding:0 15px;
    position:relative;
}

#navigation a {
    position:relative;
    z-index:2;
    color:#3e3e3e;
}

#navigation a:hover, #navigation .current_page_item a {
    border-bottom:3px solid #b2b2b2;
}

/* container */
#container { margin-bottom:5px; }

/* content */
#content {
    float:left;
    width:720px;
}

.pagetitle {
    font-weight:normal;
    font-size:18px;
    color:#821662;
    margin:0 0 8px 2px;
}

.mini-post {
    background:#f3f3f3 url(images/mini-post-bg.png) repeat-y 0 0;
    float:left;
    width:487px;
    overflow:hidden;
    margin-bottom:5px;
}

.mini-post.even {
    float:right;
}

.mini-post .top {
    background:url(images/mini-post-bg.png) no-repeat -478px 0;
    height:260px;
    padding:7px 7px 0;
    overflow:hidden;
}

.mini-bottom {
    background:#f3f3f3 url(images/mini-post-bg.png) no-repeat 100% 0;
    height:7px;
    overflow:hidden;
}

.post {
    background:#f3f3f3 url(images/post-bg.png) repeat-y 0 0;
    margin-bottom:5px;
}

.post .top {
    background:url(images/post-bg.png) no-repeat -962px  0;
    padding:7px 7px 0;
    overflow:hidden;
}

.post .bottom {
    background:#f3f3f3 url(images/post-bg.png) no-repeat 100% 0;
    height:7px;
    overflow:hidden;
}



.title, .title-404 {
    font-size:21px;
    font-weight:normal;
    color:#515151;
    padding:0 2px 3px;
    border-bottom:3px solid #dfdfdf;
}

.title-404 {
    color:#9d741a;
    border-bottom:none !important;
}

.thumbnail {
    float:left;
    padding:5px;
    margin:15px;
    border:1px solid #d7d7d7;
    display:inline;
}

.thumbnail3 {
    padding:5px;
    margin:15px;
    border:1px solid #d7d7d7;
    display:inline;
}

.thumbnail2 {
    float:left;
    padding:5px;
    border:1px solid #d7d7d7;
    display:inline;
}

.entry { margin-left:30px; }

.single .entry, .no-image { margin:0 !important; }

#post-pages {
    margin-bottom:8px;
    font-size:16px;
}

.meta {
    color:#4c4c4c;
    font-style:italic;
    padding:8px 1px;
}

.meta a.read-more { color:#821662; }

.meta a.read-more:hover { color:#515151; }

#space {
    display:block;
    clear:left;
    height:10px;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
    background:#f3f3f3 url(images/pagenavi-bg.gif) repeat-x 0 0;
    clear:both;
    height:53px;
    position:relative;
    padding:0 8px;
    text-align:right;
}

#wp-pagenavi-left, #wp-pagenavi-right {
    background:transparent url(images/pagenavi-bg.gif) no-repeat;
    position:absolute;
    top:0;
    width:5px;
    height:53px;
}

#wp-pagenavi-left {
    background-position:0 -53px;
    left:0;
}

#wp-pagenavi-right {
    background-position:0 -106px;
    right:0;
}

.wp-pagenavi {
    padding-top:19px;
    font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
    background:#2e2e2e !important;
    color:#fff !important;
    text-transform:uppercase;
    padding:7px 9px !important;
    border:1px solid #353535 !important;
}

.wp-pagenavi span.pages, .wp-pagenavi a:hover {
    background:#9a2f7c url(images/pagenavi-hover-bg.png) repeat-x 0 0 !important;
    border:1px solid #630e4a !important;
}

#content .wp-pagenavi .inner {
    background:none;
    padding:0;
}

/* sidebar */
#sidebar {
    float:right;
    width:208px;
    margin-right:4px;
    overflow:hidden;
    display:inline;
}

.widget {
    margin-bottom:9px;
    color:#737373;
}

.widget-title {
    font-size:22px;
    font-style:italic;
    font-weight:normal;
    color:#585858;
    margin-bottom:5px;
    padding-left:1px;
}

.widget ul li {
    font-style:italic;
    line-height:28px;
    color:#9a9a9a;
    border-bottom:1px solid #d8d8d8;
    padding-left:1px;
}

.widget ul ul {
    padding-left:10px;
}

.widget ul li li {
    border-bottom:none;
    border-top:1px solid #d8d8d8;
}

.widget a { color:#737373; }

.widget a:hover { color:#821662; }

#container-bottom {
    background:#fff url(images/container-bg.gif) no-repeat 100% 0;
    height:11px;
    overflow:hidden;
}

/* footer */
#footer {
    font-style:italic;
    margin-bottom:20px;
}

#footer .wrap {
    background:#f3f3f3 url(images/footer-bg.png) repeat-y 0 0;
    width:945px;
    margin:0 auto;
}

#footer-block {
    background:url(images/footer-bg.png) no-repeat -945px 0;
    padding:15px 15px 9px;
}


#footer p {
    text-align:center;
    color:#9c9c9c;
}

.block {
    float:left;
    width:300px;
    margin-right:7px;
}

.last { margin-right:0 !important; }

.block h2 {
    font-size:17px;
    font-weight:normal;
    color:#2e2e2e;
}

.block ul li {
    background:url(images/all-icons.gif) no-repeat;
    border-bottom:1px solid #dddddd;
    list-style:none;
    overflow:hidden;
    height:28px;
    line-height:28px;
    padding-left:20px;
}

.block ul li a { color:#3d4a4e; }

.block ul li a:hover { color:#821662; }

#f-recent-entries ul li { background-position:2px 6px; }

#popular-posts ul li { background-position:2px -22px; }

#f-recent-comments ul li { background-position:2px -51px; }

#footer-content {
    background:#eeeeee url(images/footer-bg.png) no-repeat 100% 0;
    padding-top:25px;
}