/*
Theme Name: Flexx Green Custom
Theme URI: http://www.BowGiggles.com
Description: My super awesome customized iThemes FlexxGreen Custom Theme of Destiny.
Author: Chris Mower
Author URI: http://www.TheCookingDish.com
Template: FlexxGreen
Version: 1.0
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url('../FlexxGreen/style.css');

/*********************************************
		Header Styles
*********************************************/

h1 { /* This style used as the post titles on homepage/archive */
	clear: both;
	font-size: 35px; /* 25px original */
	line-height: 35px; /* 24px original */
	font-weight: 600; /* bold original (700)*/
	text-transform: uppercase;
	letter-spacing: -2px; /* -1px original */
	padding-top: 5px;
	font-family: Helvetica, Arial, Sans-Serif;
}

h1 a {
}

h1 a:hover {
}

h2 { /* This style used as the Leave a Comment Headers, Page Not Founds, and the Archive Page headers */
	color: #C70763;
	clear: both;
	font-size: 25px; /* 25px original */
	line-height: 24px; /* 24px original */
	font-weight: 500; /* bold original (700)*/
	text-transform: uppercase;
	letter-spacing: -2px; /* -1px original */
	padding-top: 5px;
	font-family: Helvetica, Arial, Sans-Serif;
}

h3 { /* This style used as a sub-header in post/page content, including the Print Recipe headers */
	background: URL('images/bg-h3.png');
	background-repeat: no-repeat;
	font-size: 20px;
	text-transform: none;
	font-weight: normal;
	padding: 10px 5px 10px 20px;
	margin: 10px 0px 10px 0px;
}

h3 a {}
h3 a:hover {}

h4 { /* This style used to show recipe titles and contest 'how to enter' titles */
	background: URL('images/bg-h4.png');
	background-repeat: no-repeat;
	font-size: 20px;
	text-transform: none;
	font-weight: normal;
	/* text-shadow: -1px 1px 1px #f0f0f0; */
	padding: 15px 5px 15px 20px;
	margin: 10px 0px 10px 0px;	
}

h5 { /* This style is used for recipe ingredients and methods titles */
	font-size: 16px;
	font-weight: bold;
	/* text-decoration: underline overline; */
	font-variant: small-caps;
	padding: 2px 5px 2px 0px;
	margin: 0px 0px 2px 0px;
}

h6 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 5px 5px 2px 0px;
	margin: 0px 0px 0px 0px;
}

/*********************************************
		Product Styles
*********************************************/

.product, .product-blue, .product-red, .product-green, .product-purple, .product-orange, .product-brown, .product-grey {
	margin:25px 10px 10px 10px; padding:15px; position:relative; height:225px; width:225px; float:left; text-align:center;}
.product {border:1px solid #444444;}
.product-blue {border:1px solid #0D507A;}
.product-red {border:1px solid #D12E2E;}
.product-green  {border:1px solid #74A824;}
.product-purple {border:1px solid #9E0E87;}
.product-brown {border:1px solid #8B6846;}
.product-orange {border:1px solid #CC8300;}
.product-grey {border:1px solid #666666;}

span.product-title {background:none repeat scroll 0 0 #444444; color:#FFFFFF;}
span.product-title-blue  {background:none repeat scroll 0 0 #0D507A; color:#FFFFFF;}
span.product-title-red  {background:none repeat scroll 0 0 #D12E2E; color:#FFFFFF;}
span.product-title-green  {background:none repeat scroll 0 0 #74A824; color:#FFFFFF;}
span.product-title-purple  {background:none repeat scroll 0 0 #9E0E87; color:#FFFFFF;}
span.product-title-brown  {background:none repeat scroll 0 0 #8B6846; color:#FFFFFF;}
span.product-title-orange  {background:none repeat scroll 0 0 #CC8300; color:#FFFFFF;}
span.product-title-grey  {background:none repeat scroll 0 0 #666666; color:#FFFFFF;}
span.product-title, span.product-title-blue, span.product-title-red, span.product-title-green, span.product-title-purple, span.product-title-orange, span.product-title-brown, span.product-title-grey {
	display:block; font-size:120%; left:10px; padding:3px 8px; position:absolute; top:-22px;}

/*********************************************
	The More Tag <!-- More -->
*********************************************/
/* Customizes the box around the More tag */
.moretagstyle {float: right; background: #692dac; padding: 5px 10px; margin: 10px;}
.moretagstyle:hover {background: #d74888;}

/* Customizes the More tag link */
a.more-link:link {color: #ffffff; font-weight: normal; text-decoration: none;}
a.more-link:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
a.more-link:hover {color: #ffffff; font-weight: normal;	text-decoration: none;}
a.more-link:active {color: #ffffff; font-weight: normal; text-decoration: none;}

/*********************************************
	Next & Previous Posts Navigation
*********************************************/

.nextprev {height: 24px;}
.nextprev .prev {float: left; margin: 0px 0px 5px 15px;}
.nextprev .next {float: right; margin: 0px 15px 5px 0px;}

/*********************************************
	    Generic Link Units
*********************************************/

/* unvisited link */
a:link, 
.sidebar a:link { 
	color: #692dac;
	font-weight: bold; 
	text-decoration: underline;
}

/* visited link */   
a:visited, 
.sidebar a:visited { 
	color: #692dac;
	font-weight: bold; 
	text-decoration: underline;
}  

/* mouse over link */
a:hover, 
.sidebar a:hover {
	color: #D74888;
	font-weight: bold; 
	text-decoration: none;
}  

/* selected link */
a:active, 
.sidebar a:active {
	color: #692dac;
	font-weight: bold; 
	text-decoration: none;
}

.sidebar ul li a:link, 
.sidebar ol li a:link {
	font-weight: normal;
	text-decoration:none;
}

.sidebar ul li a:visited, 
.sidebar ol li a:visited {
	font-weight: normal;
	text-decoration:none;
}

.sidebar ul li a:hover, 
.sidebar ol li a:hover {
	color: #D74888;
	font-weight: normal;
	text-decoration:none;
}

.sidebar ul li a:active, 
.sidebar ol li a:active {
	font-weight: normal;
	text-decoration:none;
}

/*********************************************
	Horizontal Navigation Styles 
		(with dropdowns)
*********************************************/

#pagemenu li,
#catmenu li {
	background: #cb156a;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	/* border-right: 1px solid #e0e0e0; */
}

#pagemenu li li a,
#catmenu li li a {
	width: 168px;
	float: none;
	margin: 0px;
	padding: 5px 10px;
	background: #cb156a;
	/* background: #1078b7 url(../FlexxGreen/images/menu-bg.gif) repeat-x; */
}

#pagemenu li li a:hover,
#catmenu li li a:hover {
	background: #d74888;
	color: #FFFFFF;
	padding: 5px 10px;
}

#pagemenu, #catmenu {
	/* background:#058CC4 url(images/menu-bg.gif) repeat-x scroll 0 0; */
	background: #cb156a;
	font-size:11px;
	height:32px;
	margin:0 auto;
	padding:0;
	text-transform:uppercase;
	width:100%;
}

#below-header #pagemenu, #below-header #catmenu {
	background:#CB156A;
	border-top:1px solid #FFFFFF;
}

/*********************************************
		Sidebar
*********************************************/

.sidebar h4 {
	clear: both;
	background: #cb156a url('images/sidebar-header003.png') repeat-x scroll left top;
	font-size: 15px;
	color: #FFF;
	font-family: Georgia, Arial, Sans-Serif;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	font-weight: normal;
	text-transform: uppercase;
}

.sidebar p, 
.sidebar ul, 
.sidebar ol, 
.sidebar img {
	padding: 5px 5px 5px 5px;
}

/*********************************************
		Content Div
*********************************************/
.post .date {
	display: block;
	width: 69px; height: 75px;
	background: url(images/date-pinkpurple.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
	float: left;
	margin-top: 15px;
}

.post .date .month {
	font-size: 16px;
	line-height: 32px;
	text-transform: uppercase;
}

.post .date .day {
	font-size: 35px;
	line-height: 35px;
}

.post .post-title {
	float: left;
	width: 500px;
	padding: 12px 0px 0px 10px;	
}

/*********************************************
		Comments
*********************************************/

#comments ol.commentlist { /* this changes the fat line between comments */
	margin: 0px;
	padding: 0px;
	background: #ffffff; /* I had it set to #E0E0E0 */
}

/* Customizes the 'Reply' link */
a.comment-reply-link:link {
	float: right;
	background: #692dac;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 8px;
	margin: 5px 0px;
}

a.comment-reply-link:visited {
	color: #ffffff;
	background: #d748888;
	font-weight: normal;
	text-decoration: none;
}

a.comment-reply-link:hover {
	color: #ffffff;
	background: #d74888;
	font-weight: normal;
	text-decoration: none;
}

a.comment-reply-link:active {
	color: #ffffff;
	background: #692dac;
	font-weight: normal;
	text-decoration: none;
}

.fn { /* styles the comment author text */
	font-size: large;
}

.fn a:link,
.fn a:visited,
.fn a:hover,
.fn a:active {
	font-weight: normal;
}

#comments li.even {
	clear: both;
	list-style-type: none;
	margin: 5px 0px 5px 0px; 
	padding: 10px;
	background: #ffffff;
	overflow: hidden;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#comments li.odd {
	clear: both;
	list-style-type: none;
	margin: 5px 0px 5px 0px; 
	padding: 10px;
	background: #ffffff;
	overflow: hidden;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#comments ul.children li {
	margin: 5px;
	padding: 10px 15px 5px 15px;
	background: #F0F0F0;
}

#comments .comment-meta {
	padding:0 0 20px;
	font-size: 85%;
}

#comments .comment-meta a:link,
#comments .comment-meta a:visited,
#comments .comment-meta a:hover,
#comments .comment-meta a:active {
	color: #333333;
	text-decoration: none;	
	font-weight: normal;
}

/*********************************************
	Containers (part of grid.css)
*********************************************/

.w600- { /* this is the container that contains the posts and content. */
	margin: 0;
	width: 599px;
	border-right: 1px solid #D8D8D8;
}

#container {
	background:#FFFFFF none repeat scroll 0 0;
	border: 1px solid #000000;
	margin-top:20px;
}
/*********************************************
	Post Meta Styles
*********************************************/

.meta-bottom {
	border-top: 0px dotted #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	clear: both;
	margin: 10px 0 0;
	padding: 10px 0 0;
}