/**
Theme Name: Quadro
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-color:#f5f2e7;
    width:960px;
    margin:0 auto;
    font:normal 12px Arial,Verdana,Tahoma;
    color:#655e46;
}

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

a:hover { color:#4c4837; }

/* header */
#header {
    padding:5px 0 3px;
}

#branding {
    text-transform:uppercase;
    margin-bottom:14px;
}

#blog-title {
    background:transparent url(images/brand-separator.gif) no-repeat 100% 0;
    display:block;
    font:bold 40px Tahoma, Arial, Verdana;
    color:#4c4838;
    float:left;
    padding-right:21px;
    line-height:83px;
}

#blog-title a { color:#4c4838; }

#blog-title a:hover { color:#b50a0a; }

#blog-description {
    display:block;
    float:left;
    font:normal 16px Tahoma, Verdana, Arial;
    padding-left:20px;
    color:#af0909;
    line-height:83px;
}

#page-menu {
    background:#FFFFFF url(images/page-menu-bg.gif) repeat-x 0 0;
    display:block;
    width:942px;
    height:42px;
    position:relative;
    padding:0 9px;

}

#menu-top-left, #menu-top-right {
    background:#FFFFFF url(images/page-menu-bg.gif) no-repeat;
    position:absolute;
    height:42px;
    width:10px;
    top:0;
}

#menu-top-left {
    background-position:0 -42px;
    left:0;
}

#menu-top-right {
    background-position:0 -84px;
    right:0;
}

/* container */
#container {
    background:#ffffff url(images/content-top-bg.gif) no-repeat 0 0;
}

.left { left:0; }

.right { right:0; }

#featured-post-wrap .left, #featured-post-wrap .right {
    position:absolute;
    top:0;
    background:transparent url(images/featured-bg.gif) no-repeat;
    width:9px;
    height:245px;
}

#featured-post-wrap .left { background-position:0 -245px; }

#featured-post-wrap .right { background-position:0 -490px; }

/* content */
/* container */
h2.title {
	padding-bottom:5px;
	margin-bottom:3px;
	font-size:20px;
	font-weight:normal;
}

/* content */
#content {
    float:left;
    width:768px;
    margin-top:12px;
}

#content-in {
    width:768px;

}

.pagetitle {
    margin-bottom:3px;
    color:#aea790;
    font-weight:normal;
    padding-left: 12px;
}

.post {
    padding: 12px;
}

.post .title {
    padding-bottom:3px;
    border-bottom:1px solid #ebe5d0;
    margin-bottom:3px;
    clear:left;
    font-size:24px;
    font-weight:normal;
    color:#b50a0a;
}

.post .date-post {
    font-size:11px;
    float:left;
}

.post .meta {
    color:#ded5b3;
    margin-bottom:5px;
}

.nocomments{
    display: none;
}

#mini-post-wrap .odd { /*float:left;*/ }

#mini-post-wrap .even { /*float:right;*/ }
#mini-post-wrap {
    float:right;
}

.mini-post {
    background:#f5f2e7 url(images/mini-post-bottom-bg.gif) no-repeat 0 100%;
    width:378px;
    padding-bottom:9px;
    margin-bottom:9px;
    overflow:hidden;
}

.mini-post .meta {
    background:#ded5b3 url(images/mini-post-top-bg.gif) no-repeat 0 0;
    font:normal 9px Tahoma, Verdana;
    height:19px;
    line-height:19px;
    padding:0 12px;
    margin-bottom:3px;
}

.mini-post .date-post, .mini-post .read-more {
    color:#4f482c;
    display:block;
    float:left;
}

.mini-post .read-more {
    background: transparent url(./images/content-top-more.gif) no-repeat scroll 0 3px;
    color:#655e46;
    float:right;
    padding-left: 18px;
    text-transform:uppercase;
}

.mini-post .title {
    font:normal 12px Tahoma, 'Trebuchet MS';
    height:20px;
    line-height:20px;
    overflow:hidden;
    border:none;
    margin:0 6px;
    padding-bottom:3px;
    border-bottom:1px solid #ebe5d0;
}

.mini-post .entry {
    padding:6px;
    height:95px;
    overflow:hidden;
}

.mini-post .thumbnail {
    background-color:#ded5b3;
    float:left;
    padding:5px;
    margin-right:8px;
}

.navigation .alignleft a, .navigation .alignright a {
    background-color:#f1ecda;
    display:block;
    float:left;
    font:normal 11px Tahoma, Verdana;
    color:#aea790;
    height:27px;
    line-height:27px;
    padding:0 7px;
    border:1px solid #e8e2cc;
}

.navigation a:hover { background-color:#f1ead0; }

/* wp-pagenavi */
#wp-pagenavi-wrapper {
    background:#f1ecda url(images/pagenavi-bg.gif) repeat-x 0 0;
    height:36px;
    position:relative;
    padding:0 9px;
    width:629px;
}
.wp-pagenavi {
    padding-top:11px;
    font:normal 11px Tahoma, Verdana, Arial;
    text-transform:uppercase;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend  {
    border:1px solid #e8e2cc !important;
    padding: 4px 6px !important;
}

.wp-pagenavi span.pages, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend {
    background-color:#f5f2e7 !important;
    color:#aea790 !important;
}

.wp-pagenavi span.current {
    background-color:#f1ead0 !important;
    color:#aea790 !important;
}

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

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

#wp-pagenavi-right {
    background-position:0 -72px;
    right:0;
}
#sidebar {
    position:relative;
    float:right;
    width:177px;
    padding: 12px 6px 0px 6px;
}
#sidebar iframe{
    position: absolute;
    left: -3px;
}
#primary{
    margin-top: 115px;
}
.widget {
    clear:left;
    display:block;
    float:left;
    width:177px;
    margin-bottom:6px;
    position:relative;
}

.widget-content {
    background:#ffffff url(images/widget-bg.gif) no-repeat 0 0;
    display:block;
    float:left;
    width:165px;
    padding:5px 0px 0 6px;
    overflow:hidden;
}

.widget-bottom {
    background:transparent url(images/widget-bg.gif) no-repeat 100% 0;
    width:165px;
    height:5px;
    float:left;
}

.prasa {
    background:#fff url(images/prasa.gif) no-repeat 0 0;
    font:normal 16px Tahoma, Verdana;
    color:#fff !important;
    display:block;
    position:relative;
    height:31px;
    width:160px;
    padding:0 7px;
    line-height:31px;
    overflow:hidden;
    text-transform:uppercase;
}
.prasa:hover{
    color:#ffcfcf !important;
}

.widget-title {
    background:#dcd3b0 url(images/widget-title-bg.gif) no-repeat 0 0;
    font:normal 16px Tahoma, Verdana;
    color:#fff;
    position:relative;
    height:31px;
    width:165px;
    padding:0 7px;
    line-height:31px;
    overflow:hidden;
    text-transform:uppercase;
    top:-5px;
    left:-6px;
    z-index:2;
}

.widget ul li {
    line-height:28px;
    border-bottom:1px solid #ebe5d0;
    padding-left:5px;
}

.widget ul li.hover { background-color:#f5f2e7; }

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

.widget a { color:#655e46; }

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

#secondary .widget-content {
    background:#f2edda url(images/widget-content-secondary-bg.gif);
}

#secondary .widget-title {
    background:#f5f2e7 url(images/widget-title-secondary-bg.gif);
    color:#b70a0a;
}

#secondary .widget-bottom {
    background:transparent url(images/widget-bottom-bg.gif) no-repeat 100% 0;
}

#secondary .widget ul li {
    border-bottom:1px solid #faf5e1;
}

#secondary .widget ul li.hover { background-color:#faf5e1; }

#secondary .widget a { color:#817c6c; }

#secondary .widget a:hover { color:#817c6c; }

.screen-reader-text { display:none; }

#bottom{
    background:transparent url(images/content-bottom-bg.gif) no-repeat 0 100%;
    display:block;
    width:960px;
    height:10px;
}

/* footer */
#footer {
    margin-top:10px;
    background:#fff url(images/footer-top-bg.gif) no-repeat 0 0;
    text-align:center;
    font-size:11px;
    color:#8b8b8b;
}

#footer p {
    color: #948d6d;
    line-height:20px;
    padding: 10px 0 0 0;
}

#footer a {
    color: #4c4837;
}

#footer-bottom{
    background:transparent url(images/footer-bottom-bg.gif) no-repeat 0 100%;
    display:block;
    width:960px;
    height:10px;
    margin-bottom:20px;
}

#sponsor {
    font-size:12px;
    color:#ffffff;
}