/* 
    Document   : muslimahcorner
    Created on : Sep 17, 2014, 2:36:10 PM
    Author     : andi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.top-banner-before,
.top-banner-after{
    text-align: center;
    width: 100%;
    background: #fff;
}
.top-banner-before .widget-container,
.top-banner-after .widget-container {
    margin: 0 auto;
}

.top .left {
    float: left;
    width: 50%;
}
.top .right {
    float: right;
    width: 50%;
}

.top .right #search {
    width: 200px;
    float: right;
    margin: 7px 15px 0px 0px;
}

.top .left #clock {
    float: left;
    line-height: 44px;
    margin-left: 15px;
    font-weight: bold;
}

/*-- custom by andi susilo --*/
.kategori-image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#header .logo img {
    height: 58px;
}

h3.related_post_title {
    color: #555555;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    background: url(images/widgettitle-bg.png) left bottom no-repeat;
    margin: 0 0 10px 0;
    padding: 8px 0 8px 0;
}
ul.related_post {
    list-style-type: decimal;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 25px;
}
ul.related_post li a {
    color:#444444;
    text-decoration: underline!important;
    font-weight: bold;
}

.meta_lihat {
    background-image: url('http://www.muslimahcorner.com/wp-content/themes/andinews/images/lihat.png');
}

.prev-next {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    color:#D4B16A;
    margin-top: 15px;
}

.prev-next .left {
    float: left;
    width: 40%;
    text-align: left;
}

.prev-next .right {
    float: right;
    width: 40%;
    text-align: right;
}

.attachment-ukuran-468x300.wp-post-image {
    border: none!important;
    padding:0px!important;
    width: 468px;
    height: 300px;
}

.attachment-ukuran-50x50.wp-post-image {
    float: left;
    margin-right: 10px;
}

h3.posts-widgettitle {
    vertical-align: middle;
}

#footer{
    background:#1a1a1a;
    font-family:"ProximaNovaLight","Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    border-top: 5px solid #FF9C01;
}
#footer #container-footer {
    width: 1100px;
    margin: 0 auto;
}
#footer #container-footer .footer-top{
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
}
#footer #container-footer .col2{
    float: left;
    width: 270px;
}
#footer ul{
    font-size:13px;
    list-style:none;
    padding:0;
    margin:0
}
#footer ul li{
    line-height:24px
}
#footer ul li.title{
    color:#fff;
    font-size:14px;
    border-bottom:1px solid #333;
    margin-bottom:5px !important
}
#footer ul li .icons{
    padding-left:30px
}
#footer ul li a,#footer ul li a .icon{
    color:#666;
    line-height:inherit
}
#footer ul li a:hover,#footer ul li a:hover .icon{
    color:#999
}
#footer .social-icons .icon{
    width:20px;
    height:20px;
    display:block;
    float:left;
    font-family:'social-circle';
    font-size:22px;
    margin:2px 8px 0 0;
    background:none !important
}
#footer .social-icons li.title{
    line-height:24px
}
#footer .social-icons li{
    line-height:30px
}
#footer p{
    color:#666;
    margin:0
}
#footer p:first-child{
    margin-top:20px
}
#footer p:last-child{
    margin-bottom:30px
}
#footer p a{
    color:#666
}
#footer p a:hover{
    color:#666
}
#footer .footer-copy{
    /*border-top: 1px solid #363636;*/
}
#footer .footer-copy p{
    font-size:13px !important;
    line-height:22px;
}

#footer .footer-copy p,
#footer .footer-copy p a {
    color: #fff;
}

#footer .footer-copy .bbb{
    margin:3px 15px 0 0;
    float:left
}
#footer img{
    margin:0 !important;
    padding:0 !important;
    max-width:100%;
    display:inline-block
}

#footer .footer-first-para span {
    color:#666;
}

#container-facebook-comment {
    margin-bottom: 20px;
}

.async-wrapper {
    padding-top: 0px!important;
    margin-bottom: 0px!important;
}

.iklan-bawah-artikel {
    text-align: center;
}

.menus li {
    border-right: 1px solid #0F9D0B;
}

/* Tablets n Phone ----------- */

@media only screen and (max-width: 768px) {

    .hidden-tablet-mobile {
        display: none;
    }

    #container, #footer-container {
        width: 100%;
    }

    #main, 
    #main-fullwidth, 
    #header, 
    #footer-widgets,
    #footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main, #main-fullwidth {
        background-image: none;
    }

    #header {
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .logo, .header-right {
        float: none;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .header-right {
        padding-top: 10px;
    }

    #topsearch {
        float: none;
        width: 96%;
        margin: 10px 2%;
    }

    #header #topsearch {
        margin-left: 0;
        margin-right: 0;
        width: 100%; 
    }

    #top-social-profiles {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }

    #content, #sidebar-primary, #sidebar-secondary {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        display: block;
    }

    .menu-primary-container, .menu-secondary-container {
        float: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .fp-slider, #fb-root {
        display: none;
    }

    .post-box {
        width: 100%;
        height: 100%;
        float: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    #footer-widgets-container #footer-widgets {
        width: inherit;
    }

    .footer-widget-box {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    #copyrights, #credits {
        display: block;
        float: none;
        text-align: center;
    }

    #footer-container #copyrights, #footer-container #credits {
        padding: 5px 0;
    }

    #footer-container #footer {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer #container-footer {
        width: 100%;
    }
    #footer #container-footer .col2 {
        width: 100%;
    }

    #footer #container-footer .col2 ul {
        margin-bottom: 10px;
    }
    #footer .footer-copy {
        width: 100%;
    }
    .header-right {
        width: 100%;
        overflow: hidden;
    }
    .top .left {
        width: 100%;
    }

    .menu-secondary-container {
        width: 100%;
        margin: 0 auto;
        height: auto;
        background: none;
        text-align: center;
        display: table;
        background: #01B64F;
    }

    .menu-secondary-container li a {
        color: #fff;
    }

    ul#menu-secondary-menu {
        width: 300px;
        margin: 0 auto;
    }

    ul#menu-secondary-menu li {
        margin: 3px 0px;
        position: relative;
        display: inline-block;
        float: none;
        border-right: none;
    }

    ul#menu-secondary-menu li a {
        padding: 6px 10px;
    }

    .posts-widget.mobile ul li .posts-widgettitle a {
        color: #444444;
        text-decoration: none;
    }

    .posts-widget.mobile ul li .posts-widgettitle a:hover {
        color: #F36F00;
    }

    #sidebar-secondary.mobile .widget.simple_ads_manager_widget {
        text-align: center;
    }

    .top-banner-before,
    .top-banner-after,
    #sidebar-secondary.mobile {
        overflow: hidden;
    }

    ul.async-list li.fb-share, ul.async-list li.gplus-share, ul.async-list li.linkedin-share, ul.async-list li.twitter-share, ul.async-list li.hn-share {
        width: 25%!important;
    }
}