/*  
Theme Name: Romance Wire Main
Theme URI: romancewire.com
Description: Main custom theme for Romance Wire
Version: 1.0
Author: Jennifer Good
Author URI: http://www.goodcreations.com

*/

body {
	margin: 0;
	font-family: 'Raleway', Verdana, Geneva, sans-serif;
	font-size: 16px;
	vertical-align: top;
}

a:link, a:visited {
	text-decoration: underline;
	color: #408587;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
b,strong {
	color: #408587;
}
a:hover{
	text-decoration: none;
	color: #000000;
}
.alignright {
	float: right;
	padding-left: 8px;
}
.alignleft {
	float: left;
	padding-right: 8px;
}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.black {
	color: #000 !important;
}
.red {
	color: #920202 !important;
}
sup {
	font-size: 8px;
}
.columns {
    float: left;
    width: 48%;
    padding: 0 10px 20px 0;
}	
/*
#header {
	width: 999px;
	margin: 10px auto 0 auto;
	padding: 0;
	overflow: visible;
}
*/
#header-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	display: table;
}

/* Container */

#content-wrapper {
    width: 100%;
	max-width: 1200px;
	display: table;
	margin: 0 auto;
}
#container {	
	padding: 25px 20px 25px 20px;
	width: 100%;
	max-width: 1200px;
	display: table;
	margin: 0 auto;
}
.content-container  {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: table;
}
#top-newsletter-wrapper {
	padding: 5px 0;
	margin: 0 auto;
	width: 100%;
	color: #ffffff;
    background: #a10606;
	text-align: center;
	font-size: 18px;
}
#top-newsletter-wrapper img {
	height: auto;
	max-width: 100px;
}
#top-newsletter-wrapper h5 a {
	background: #000000;
	border-radius: 10px;
	padding: 6px 12px;
	margin: 20px auto 0 auto;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#topbanner {
	width: 100%;
	height: 90px;
	margin: 0 auto 20px auto;
	background-color: #7c7a7a;
	padding: 10px 0;
	text-align: center;
}
#networkpromo {
	margin-left: 80px;
	line-height: 2.2;
	font-size: 10px;
	float: left;
}
#date {
	float: right;
	margin-right: 90px;
	margin-bottom: -1px;
	line-height: 2;
	font-size: 10px;
	padding: 3px 10px;
	background: #a10606;
	color: #FFF;
}
#fp-logo {
    text-align: center;
	margin: 20px auto;
	max-width: 290px;
	width: 100%;
}
#logo {
	float: left;
	margin: 20px 0 10px 30px;
	width: 300px;
}
#headerpromos {
	overflow: hidden;
	margin-left: 50px;
	float: left;
}
#headerpromos ul {
	padding: 15px 0 0 0;
	margin: 0;
}
#headerpromos li {
	display: inline;
	float: left;
	padding-right: 15px;
}
	


/* FP Sectiopms */
#box {
    width: 64%;
    margin-right: 30px;
    overflow: hidden;
    float: left;
}

#fp-content-header {
	clear: both;	
	margin-bottom: 15px;
}
.fp-content-box {
	width: 26%;
	overflow: hidden;
	float: left;
	background: #f2f2f4;
	padding: 0 10px 10px 10px;
	margin: 0 13px 13px 0;
	height: 335px;
	text-align: center;
}
.fp-content-box:hover {
	background: #e2f0f0;
}
.fp-thumb img {
	border: 2px solid #FFF;
}
.categorylabel a {
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: .8em;
	background-color: #8fc9cb;
	font-weight: normal;
	display: table;
	color: #000;
	text-decoration: none;
	margin: 0 auto;
}
.categorylabel a:hover {
	background-color: #747374;
	color: #FFF;
}
.fp-title, .fp-content-box p, .continue {
	clear: both;
	top: 10px;
	position: relative;
}
.fp-title a, #recipes-category a {
	margin: 10px 0;	
	color: #a10606;
	text-decoration: none;
	font-size: 1.2em;
	text-transform: capitalize;
	font-weight: bold;
}
.fp-title a:hover {
	color: #575656;
}
 .continue {
	 float: right; 
 }
/* H4 Removal */

#nav-socialmedia h4, #headerpromos h4, #topbanner h4 {
	display: none;
}

/* Inside Sidebar */

#sidebar {
	float: left;
	width: 30%;
	min-width: 300px;
	max-width: 300px;
}
#footer ul, #nav-socialmedia ul, #topbanner ul, .fp-content-box ul, #recipe-ingredients ul {
	padding: 0;
	margin: 0;
}
#sidebar li, #footer li, #nav-socialmedia li, #headerpromos li, #topbanner li, .fp-content-box li, #recipe-ingredients li {
	list-style-type: none;
	list-style-image: none;
}
.execphpwidget {
	padding-bottom: 15px;
}
#sidebar ul {
	min-width: 300px;
	margin: 0;
	padding: 0;
}
.bannerheading {
	background: url(/wp-content/themes/main/images/blackgradbg.png) repeat-x;	
	min-width: 300px;
	height: 33px;
	margin: 0 auto;
}

#sidebar h4 {
 	font-size: 1.1em;
	color: #FFF;
	padding: 6px 8px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 100;
	margin-top: 15px;
}
#sidebar ul ul {
	clear: both;
	padding: 15px 8px 15px 8px;
	display: block;
}
#sidebar ul ul li {
	margin-left: 0;
	margin-bottom: 10px;	
}


.wp-polls {
	background: #f2f2f4 !important;
	margin-bottom: 10px !important;
	padding: 10px 20px !important;;
}
.wp-polls strong {
	font-family: Verdana, Geneva, sans-serif;
	color: #a10606;
	font-size: 1.2em;
}
.printableads {
	background: #f2f2f4; padding: 25px; width:250px; margin: 0 auto; text-align: center; line-height: 1.5;
}
.printableads a {
	color: #6eb3b5;
}
/* POST  */
h1 {
	padding-top: 0;
	margin-top: 0;
}
.post {
	width: 59%;
	float: left;
}
.fullpage {
	width: 90%;
	float: left;
}
#posttitle {
	margin: 40px 0 0 0;
	padding: 0 0 5px 0;
}
.entry {
	line-height: 1.8;
}
.entry strong {
	color: #a10606;
}
.entry ul li {
	margin-bottom: 15px;
}
.entry ol li {
	margin-bottom: 20px;	
}
.heading {
	font-size: 26px;
    color: #408587
}
.wp-caption-text {
	font-size: 10px;
	font-style: italic;
	color:#999;
}
.entry h4 {
	font-size: 14px;
	text-decoration: none;
	color: #7fbdbf;
}
.entry textarea {
	width: 620px !important;
}
div.contentbox {
clear: both;
border-bottom: 1px solid #CCC;
padding-bottom: 20px;
margin-bottom: 30px;
width: 95%;
}
.entry h5 a {
padding: 12px 16px;
background: #408587;
color: #ffffff;
text-decoration: none;
font-size: 24px;
font-weight: 300;
display: table;
text-align: center;
margin: 0 auto;
}
.entry h5 a:hover {
background: #a10606;
}
#postmeta {
	width: 50%;
	margin-top: 3px;
	padding: 5px 0;
	font-size: 12px;
	overflow: hidden;
	color: #8a8787;
}
#postmeta-bottom {
	width: 60%;
	margin-top: 3px;
	padding: 5px 0;
	font-size: 12px;
	overflow: hidden;
	color: #8a8787;
}
#tagswrapper {
	margin-top: 20px;
	width: 60%;
	margin-bottom: 15px;
	overflow: hidden;
}
#tags {
	color: #FFF;
}
#tags a {
	float: left;
	background-color: #000;
	padding: 5px 10px;	
	color: #FFF;
	text-decoration: none;
	margin-bottom: 10px;
	margin-right: 10px;
}
#taginfo {
	float: left;
	background-color: #920202;
	padding: 5px 10px;	
	color: #FFF;	
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#fb-root, #twittershare, #googleplus {
	float: left;
	padding-top: 3px;
	overflow: hidden;
}
.comments-template {
	clear: both;
	padding-top: 15px;
}
.newsletter-subscription {
margin-top: 20px;
padding: 20px;
border: 1px solid #5f5f5f;
display: block;
width: 60%;
}
.breadcrumbs {
    margin: 0 0 15px 0;
    font-size: 14px;
    color: #a3a4a3;
}
.breadcrumbs a {
	color: #a3a4a3;
}
#recipe-ingredients, #recipe-directions {
	margin-top: 15px;
}
#recipe-ingredients ul li {
	margin-bottom: 5px !important;
}
#recipe-directions ol li {
	font-size: 1.5em;
	color: #a10606;
	font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
}
#recipe-directions ol li p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4a4949;
}
.wp-pagenavi {
	width: 550px;
	padding-top: 15px;
	overflow: visible;
	height: 30px;
}
.wp-biographia-text h3 {
	padding-top: 0;
	margin-top: 0;
}
.wp-biographia-container-top {
border-bottom: 4px solid black;
}
.button, .comments-template #submit {
	background: #000 !important; 
	padding: 10px !important; 
	font-size: 1.2em !important; 
	text-align: center !important; 
	color: #FFF !important;
	border: 0 !important; 
}
#recipes-category {
	line-height: 2;
}
#recipes-category a:hover {
	color: #747374;
}
.quotes {
	width: 580px;
	padding: 20px;
	border: dashed 2px #8fc9cb;
	background-color: #f2f2f4;
	line-height: 1.5;
	overflow: hidden;
	margin-bottom: 15px;
}
.quotes p {
	padding: 0;
	margin: 0;
	font-size: 1.1em;		
}
.quotes-source {
	font-size: .9em;	
}
.quotes-socialmedia {
	margin: 10px 0 0 0;
	width: 500px;
	overflow: hidden;
}
.postauthor {
    background-color: #f2f2f4;
    border: 1px solid #aaaaac;
    padding: 15px;
    margin: 10px 0;
	overflow: hidden;
    }

.postauthor h4 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
	color: #437a7c;
    }

.postauthor img {
    float: right;
    margin: 10px 0 8px 15px;
    }
#authorpage li {
	line-height: 1.8;
}
a.downloadbox {
background: #408587;
display: block;
clear: both;
color: #FFFFFF;
text-decoration: none;
font-size: 22px;
text-align: center;
padding: 10px;
}
a:hover.downloadbox  {
text-decoration: underline;
}
.yarpp-related {
    margin: 3em 0 !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 190px !important;
    height: 180px !important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: 180px !important;
    height: 100px !important;
    margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    max-height: 4em !important;
    width: 180px !important;
}
/* Footer */
#footer {
	width: 100%;
	background: #000;
	margin: 0 auto;
	border-bottom: 5px solid #8fc9cb;
	color: #FFF;
	font-size: 14px;
}
#footer li {
	display: inline;
}	
#footer a, #copyright a {
	padding-top: 2px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}
#footer-menu {
	width: 95%;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
}

#copyright {
	width: 95%;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
}

/* Media Query Section */

@media screen and (max-width: 1035px) {
#header-wrapper, #container-wrapper {
	width: 100%;
}
.fullpage-post, .content-container  {
	width: 100%;
	margin: 0 auto;
}
#container, #container-index {
	width: 96%;
	margin: 0 auto;
	padding: 3% 2%;
}
}
@media screen and (max-width: 825px) {
#box {
	width: 95%;
	float: none;
	margin: 0 auto;
	min-height: 0;
	margin-bottom: 30px;
	min-width: 0;
}
#sidebar {
	float: none;
	padding: 10px;
	width: 90%;
	min-width: 0;
	text-align: center;
	max-width: 800px;
}
}
@media screen  and (min-width: 826px) and (max-width: 950px) {
#box {
	width: 58%;
}
}
@media screen  and (min-width: 501px) and (max-width: 950px) {
.fp-content-box {
	width: 42%;
	overflow: hidden;
	float: left;
	background: #f2f2f4;
	padding: 0 10px 10px 10px;
	margin: 0 15px 30px 0;
	height: 335px;
	text-align: center;
}
}
@media screen and (max-width: 500px) {
.fp-content-box {
	width: 95%;
	overflow: hidden;
	float: none;
	background: #f2f2f4;
	padding: 0 10px 10px 10px;
	margin: 0 auto 30px auto;
	height: auto;
	text-align: center;
}
}