@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
font-family: 'Open Sans', sans-serif;
}
#header {min-height: 135px;}
#content {min-height: 596px;}
#sidebar {min-height: 262px;}
#footer {min-height: 47px;}
@media (max-width: 361px) {
h1 {font-size: 160%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 120%;}

}
#footer {
border-top: dotted 2px #ff0000;

}
#footer {
margin: 10px 0px;

}
#content {
padding-top: 5px;

}
/* news */
.single {
padding: 10px;
margin-top:20px;


}
.single h3.side-title {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 20px;
color: #333;
text-transform: uppercase; 
}
.single h3.side-title:after {
content: '';
width: 60px;
height: 1px;
display: block;
margin-top: 6px; 
}

.single ul {
margin-bottom: 0; 
}

.single li:last-child a {
border-bottom: 0; 
}
.single.recent li {
padding: 10px 0; 
}
.single.recent li:hover img {
border-radius: 4px; 
}
.single .thumb {
max-width: 60px;
float: left;
margin-right: 10px; 
}
.single .thumb img {
border: 1px solid #f0f0f0;
padding: 2px; 
width: 50px; height: auto;
}
.single .text {
overflow: hidden; 
}
.single .text h4 {
margin: 0;
padding: 0;
font-size: 16px;
text-transform: none; 
}
.single .text h6 {
font-size: 13px;
color: #999; 
}/* share buttons*/
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }.mt-10 {margin-top: 10px }
.mb-10 {margin-bottom: 10px }
.mr-10 {margin-right: 10px }
.ml-10 {margin-left: 10px }
