/******************************************  
 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.
*/

body {
    background: #ededed url('/wp-content/uploads/2017/08/noise150x150.png') center center repeat;
}

#page-wrap {
    width: 1010px;
}

#main-wrap {
    margin-top: 30px;
    padding: 10px;
}

#logo img {
margin: 0 0 20px 0;
}

.widget h3.title {
margin: 0 0 20px;
}

.widget .wpzoom-feature-posts li {
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
}

.introtext h3 {
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 10px 0 0 0;
    border-bottom: #ecf9ff 3px solid;
    font-family: Prata, Georgia,"Times New Roman",Times,serif;
}

.article h2.title a {
    color: #222;
}

.introtext h2 {
    font-size: 24px;
font-weight: 400;
    padding-bottom: 2px;
    border-bottom: #ecf9ff 1px solid;
    display: inline-block;
margin-bottom: 20px;
font-family: Prata, Georgia,"Times New Roman",Times,serif;
    font-weight: 400;
}

.introtext p {
padding: 0;
margin-bottom: 30px;
}

.introtext p:first-child::first-letter {
font-family: Prata, Georgia,"Times New Roman",Times,serif;
font-size: 52px;
font-weight: 400;
color: #419fca;
line-height: 1;

float: left;
    margin-bottom: -10px;
    margin-right: 5px;
}

.rank {
color: #b31f1f;
}

.rank img {
margin: 0 15px 0 0;
}

#articles .head_title, h3.archive_title {
    padding: 18px 0 18px 10px;
font-family: Prata, Georgia,"Times New Roman",Times,serif;
text-align: center;
font-size: 16px;
}

.widget h3.title {
font-family: Prata, Georgia,"Times New Roman",Times,serif;
text-align: center;
}



img.responsive {
display: inline-block;
width: 100%;
max-width: 300px;
height: auto;
}

.text-center {
text-align: center;
}

@media screen and (max-width: 980px) {
#page-wrap {
width: 94%;
}
}