/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,
h6,pre,form,p,blockquote,fieldset,input,hr,figure {
margin:0; padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,
code,em,th {
font-size:1em;
font-weight:normal;
font-style:normal;
}
figure img{
display: block;
margin: 0;
}
ul,ol{
list-style:none;
}
fieldset,img,hr{
border:none;
}
caption,th{
text-align:left;
}
table{
border-collapse:collapse;
border-spacing:0;
}
td{
vertical-align:top;
}
img.centered, .aligncenter, div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
margin: 14px 0 4px 14px;
display: inline;
}
img.alignleft{
margin: 14px 14px 4px 0;
display: inline;
}
img{
max-width: 100%;
}
.alignright{
float: right;
}
.alignleft{
float: left;
}
article,aside,details,figcaption,figure,footer,header,
hgroup,menu,nav,section{
display:block;
}
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1;
}
img{
max-width: 100%;
height: auto;
}
body{
font-family: Arial, sans-serif;
color: #636b70;
font-size: 16px;
}
article{
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #a1a09e;
}
article:last-child{
border-bottom: 0;
}
h1{
font-size: 23px;
font-weight: bold;
margin-bottom: 25px;
}
h1 a{
color: #7b393f;
}
h1 a:hover{
color: #000;
}
a{
text-decoration: none;
}
.post_date {
color: #a1a09e;
font-size: 17px;
}
.entry p {
line-height: 26px;
margin-bottom: 30px;
}
.featured_thumbnail {
border-radius: 5px;
float: left;
height: auto;
width: 32%;
}
.has-post-thumbnail .post_content {
float: right;
width: 64.5161%;
}
.entry a.more_button{
color: #fff;
display: inline-block;
padding: 8px 15px;
background: #7b393f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font-weight: 400;
margin-left: 10px;
}
.entry a.more_button:hover{
background: #000;
}
@media only screen and (max-width: 640px){
.featured_thumbnail {
float: none;
width: 100%;
}
.has-post-thumbnail .post_content {
float: none;
width: 100%;
margin-top: 20px;
}
.entry a.more_button {
display: block;
margin-left: 0;
margin-top: 10px;
padding: 8px 0;
text-align: center;
}
}