/*
Theme Name: Cooking With My Kid
Author: Something Massive
Theme URI: http://www.standardmotion.com 
*/


/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; margin: 10px 0;}
.bold								{font-weight: bold;}
p									{margin-bottom: 15px;}
a									{color: #ed2177; text-decoration: none;}
a:hover								{text-decoration: underline;}
.green								{background-color: #004857; color: #ffffff; padding: 2px 3px;}
.green a							{color: #ffffff;}

/*
STRUCTURE
*/

body {font: 12px Helvetica, Arial, sans-serif;  text-align: center; background-color: #add7df; margin: 0; padding: 0;}
#container {margin: 0 auto; text-align:left; width:980px; background-color: #ffffff; background-image: url(images/container-bg.jpg); background-repeat: repeat-y; color: #004857;}
.main-column {width: 740px; float: left;}
.main-navigation {background-color: #ed2177; font-weight: bold; text-transform: uppercase; width: 734px;}
.main-navigation li {float: left; padding: 7px 20px; border-right: 1px solid #ed2177;}
.main-navigation a {color: #fff;}
.sidebar {width: 230px; float: left; font-size: 11px; padding: 10px 5px; line-height: 18px;}
.blogposts {padding: 20px 10px 0px 10px; width: 600px; line-height: 19px;}
.sidebar strong {font-size: 12px;}
.sidebar-section {margin-top: 35px;}
.recipes {list-style: disc; list-style-position: inside;}
h2 {font-style: italic; font-size: 22px; margin-bottom: 5px;}
.post {padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #bcd1d0;}
.wp-caption-text {font-size: 10px;}
blockquote {margin-left: 20px; font-size: 11px; font-style: italic; margin-top: -15px;}
.gallery {margin-bottom: 15px !important;}
.more-link {font-family: Helvetica, Arial, sans-serif;}
.giveaway img {margin: 10px 0;}
.giveaway {font-size: 12px;}
h5 {line-height: 14px;}
.subtext {font-size: 11px; margin-bottom: 5px; font-weight: bold;}

.recipe-sidebar {width: 200px; float: left; margin-right: 20px; padding: 0 10px;}
.recipe-sidebar ol li {list-style: decimal; list-style-position: inside; padding: 5px 2px; font-size: 11px;}
.recipe-sidebar ol li:nth-child(2n+1) {background-color: #deeaea;}
.recipe-sidebar ol li a {color: #004657;}
.recipe-sidebar ol {margin-top: 3px;}
.search-recipe {background-color: #deeaea; padding: 10px 3px; margin-bottom: 20px;}
.recipe-sidebar h3 {font-size: 12px; text-transform: uppercase;}
.recipe-thumbs {float: left; width: 490px; line-height: 19px;}
.recipe-thumb h3 {font-size: 12px; text-transform: uppercase;}
.recipe-thumb {float: left; width: 100px; margin:0 20px 20px 0; text-align: center;}
.recipe-thumb h3 a {color: #004657;}
.recipe-thumb h3 a:hover {color: #ed2177;}
.rec-thumbnail {position: relative; width: 100px; height: 100px; overflow: hidden; float: left; padding: 0 2px 2px 0;}
.rec-thumbnail:hover .transparent {display: block; width: 90px; height: 70px; font-size: 12px; padding: 30px 5px 5px 5px;}
.archive-thumbnail {position: relative; width: 147px; height: 147px; overflow: hidden; float: left; padding: 0 2px 2px 0;}
.archive-thumbnail:hover .transparent {display: block;}
.transparent {opacity: 0.80;
  -moz-opacity: 0.80; /* older Gecko-based browsers */
  filter:alpha(opacity=80); /* For IE6&7 */
 background-color:#deeaea; position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  padding: 50px 5px 5px 5px;
  width: 137px; height: 97px; position: absolute; top: 0; left: 0; font-size: 14px; line-height: 18px; display: none; text-align: center;
 }
.transparent a {color: #004857;}
#comments h3, #comments h4{
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:20px;
}
#comments cite{
font-size:18px;
font-weight:normal;
border-bottom:1px dotted #ccc;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border:1px dotted #ccc;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-size:60px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px 0;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
}
#comments input {
font: 14px Helvetica, Arial, sans-serif;
width:370px;
font-size:12px;
font-weight:normal;
}
#comments textarea {
width:370px;
font-size:12px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-weight:normal;
font-size:14px;
width:200px;
}
#comments .center {
text-align:left;
}


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	} 
#footer-content {	color: #004857;
	font-size: 10px;
	text-align: left;
	width: 960px;
	margin: 0 auto;
	}
#disclaimer {	width:600px;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#turnkey-credit {
  display: none;
}

.contact_button {
	background-image: url("images/submit.jpg");
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 100px;
	border: 0 none;
	cursor: pointer;
}

.viewmore {font-size: 12px; font-style: normal;}
.recipe-section {margin-bottom: 30px;}