/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/
@media screen and (min-width: 1300px) {

.wrap {width: 1300px !important;}
#content {width: 970px!important;}
.category-widget .tabs li img {display: none!important;}
.entry p, .entry .magnifying-glass {font-size: 23px!important; line-height: 1.1em;}
.entry ul li, .entry ol li {font-size: 23px!important;}

.category-widget .tabs li {width: 493px!important; line-height: 1!important; padding: 15px 15px 15px 10px !important;}
.category-widget .tabs {width: 510px!important;}
.category-widget .slide {}
.category-widget h3 {font-size: 22px!important;}
.category-widget .tabs p {
    font-size: 19px!important;
}
.category-widget {
    
}
.single-post .entry {
    width: 100% !important;
}
#logo img {
    width: 224px!important;
    margin-top: 3px!important;
    margin-right: 39px!important;
}
.slides > li a {
    max-height: 400px;
    overflow: hidden;
    display: block;
}
#slider {    width: 940px!important;}
#slider #slides, #slider #slides li img {width: 100% !important;}
#slider #slides li img {}
#slider #slides h2 a {font-size: 39px!important;}
#slider #slides .slide_content {padding: 18px 10px 0 0!important;}
#slider #slides .slide_content p {
    font-size: 23px!important;
    line-height: 1.1 !important;
}


#navbarsecond .widget {max-width: 960px!important;}
#searchform {
    border: 0px solid #6eab25!important;
    width: 100%!important;
}

#navbarsecond .textwidget img {width: 100%;}

    }


.relatedpostimage img {
    width: 200px;
    height: auto;
    margin-left: 15px;
} 

.relatedpostimage .post-details {
    float: left;
    display: block;
}

.relatedpostimage {
    float: right;
}

.relatedpostimage .post-time {}

.related_posts ul li a {font-size: 23px;}

.related_posts ul li {
    padding: 5px 0px!important;
    background: none!important;
}

@media (min-width:980px) and (max-width:1300px) {
    .relatedpostimage .post-details {max-width: 65%;}
    
}

@media (min-width:800px) and (max-width:980px) {
    .relatedpostimage .post-details {max-width: 80%;}
    
}

@media (max-width:800px) {
    .relatedpostimage img {width: 100%; margin-left: 0px;}
    .relatedpostimage .post-details {
        float: right;}
}