/******************************************  
 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.
*/
a:hover, a:focus {
    color: #891414;
}
.featured .post h3, .posts .post h3 {
	font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif;
}
#preheader {
    background: #0C5252;
}
#preheader a {
    color: #fff;
}
#logo h1{
	padding:15px;
}
#logo h1 a {
	color: #891414;
    font-family: 'Lobster', cursive;
}
.post-single h3, .post-single h4, .post-single h5, .post-single h6 {
    font-size: 2em;
}
#nav {
    background: #0C5252;
}
#nav a:hover, #menuhead li.current-menu-item a, #nav #menuhead li.current-menu-item li a:hover {
    background: #895C14;
}
.postInfo .title{
	font-family: 'Lobster', cursive;
	text-align: center;
}
.post-single {
    text-align: justify;
}
a.wpz-sc-button.aqua {
    background: #895C14;
}
a.wpz-sc-button.aqua:hover {
    background: #673F00;
}
a.wpz-sc-button.dark span {
    color: #fff;
}
a.wpz-sc-button.dark:hover span {
    color: #fff;
}
.posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {
    color: #41757C;
}
#footer {
    background-color: #0C5252;
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #891414;
}

.oilsrank .pfpItem h2.entry-title a{
	font-size: 1.4em;
	color: #333;
}