/*
Theme Name: Good-Cookin
Theme URI: http://good-cookin.com/
Description: A custom theme created for "Good-Cookin" based on "Over the Rainbow", 
http://overtherainbow.com/.
Version: 1.0
Author: Ann Bennett and Maria Maso
Author URI: http://annbennett.com, http://mariamaso.com/
Tags: fixed width, two columns, one column, widgets
*/


/* --- GENERAL RULES --- */

html, body, ul, li, dt, dd, h1, h2, h3, h4, h5, h6{ 
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #ccc;
	font: normal 1em/1.5em Arial, helvetica, sans-serif;
}

input, textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	color: #be8636;
	background: #fff;
}

h2, h3, h4, p, ul { margin-top: 0; }

h1 {
	font: normal 2em/1em arial, helvetica, sans-serif;
	margin: 0 0 .5em 0;
}

h2 {
	font: normal 1.75em/1em Arial, Helvetica, sans-serif;
	margin: .5em 0 .5em 0;
}

h3 {
	font: normal 1.25em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 .5em 0;
}

h4, h5, h6 {
	font: bold 1em Arial, Helvetica, sans-serif;;
	margin: 0 0 .5em 0;
}

h1 strong, h2 strong, h3 strong { color: #008fd4; background: transparent;}

ul, ol, dl{
	margin: 0 0 .5em .5em;
}

li {
	margin-left: 1em;
}

a {
	text-decoration: none;
	padding-bottom: 1px;
}

a:link, a:visited { 
	color: #be863b; 
	background-color: #fff; 
}

a:hover, a:active {
	color: #dcb69c;
	background-color: #fff;
	text-decoration: underline;
}

img {
	background: none;
	border: none;
}

blockquote {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ddd;
	background: #F8F8F8;
}

blockquote p { margin: 0 0 1em 0; }

blockquote.testimonial {
	margin-top: 0px;
}

p.testimonial {
	margin-bottom: 0px;
}

hr {
	margin: 25px auto;
	border: 1px solid #dcb69c;
}


/* --- WRAPPER RULES --- */
#outerwrap {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:940px;
	max-width:1000px;
	text-align:center;
	overflow:hidden;
}

#wrapper
{
	position: relative;
	-webkit-borde-radius: 1em;   
	-moz-border-radius: 1em;       
	-webkit-border-radius: 1em;   
	-moz-border-radius: 1em;       
	margin: 20px auto;
	width: 940px;
	background-color: #fff;
	padding: 10px 10px 10px 0;
	text-align:left;
}

/* --- HEADER RULES --- */
#header {
	margin: 20px 20px 0 25px;
	height: 200px;
	overflow: visible;
	border: 2px solid #b4d334;
	-webkit-border-top-left-radius: 10px;   
	-moz-border-radius-topleft: 10px;       
	-webkit-border-top-right-radius: 10px;   
	-moz-border-radius-topright: 10px;       
}

/* --- TOPNAV RULES --- */
#topnav {
	margin: 0 20px 10px 25px;
	padding: 5px;
	background-color: #b4d334;
	-webkit-border-bottom-left-radius: 10px;   
	-moz-border-radius-bottomleft: 10px;       
	-webkit-border-bottom-right-radius: 10px;   
	-moz-border-radius-bottomright: 10px;       
	z-index: 2;
}

#topnav ul {
	margin: 0 3%;
	padding: 0;
	list-style-type: none;
}

#topnav li {
	display: inline;
	margin: 0;
}

#topnav li a {
	background-color: #ccc;
	font: 1em/1.4em arial, helvetica, sans-serif;
	padding: 0 .6em;
	border-right: 2px solid #fff;
}

#topnav li a:link { 
	color: #fff; 
	background-color: transparent;
}

#topnav li a:visited { 
	color: #fff; 
	background-color: transparent;
}

#topnav li a:active  {
	color: #fff;
	background-color: transparent;
}

#topnav li .last-page-item {
	color: #fff;
	background-color: transparent;
	border: 0;
	padding-right: 0;
}

#topnav li a:hover, #topnav li a:hover.last-page-item {
	text-decoration: none;
	color: #fe8900;
	background-color: transparent;
}

/* --- CONTAINER RULES --- */
#container {
	display: inline-table;
	margin: 0 25px;
	background: url(images/vertical-line.png) repeat-y 66% 0;
	width: 896px;
	-webkit-border-radius: 1em;   
	-moz-border-radius: 1em;       
	-webkit-border-radius: 1em;   
	-moz-border-radius: 1em;       
	border: 2px solid #b4d334;
}

#container-wide {
	display: inline-table;
	margin: 0 25px;
	width: 896px;
	-webkit-border-radius: 1em;   
	-moz-border-radius: 1em;       
	-webkit-border-radius: 1em;   
	-moz-border-radius: 1em;       
	border: 2px solid #b4d334;
}

/* --- CONTENT RULES TWO PANELS --- */

#content {
	float: left;
	vertical-align: top;
	margin: 0;
	margin-left: 10px;
	padding: 10px 0;
	width: 550px;
}

#content-wide {
	vertical-align: top;
	margin: 0;
	margin-left: 20px;
	padding: 10px 0;
	width: 800px;
}

#content form, #content-wide form {
	clear: both;
	padding: .5em;
	margin-bottom: .5em;
}

#content input, #content-wide input {
	margin: 3px;
}

#content label, #content input, #content-wide label, #content-wide input {
	font: normal 1em/1.5em arial, helvetica, sans-serif;
}

#content select, #content textarea, #content-wide select, #content-wide textarea {
	font: normal 1em/1.5em arial, helvetica, sans-serif;
}

/* --- SIDEBAR RULES --- */
#sidebar {
	float: right;
	vertical-align: top;
	width: 275px;
	margin: 0;
	padding: 40px 10px 20px 0px;
}

#sidebar h2 {
	font: normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	color:#fff;
	background-color: #b4d334;
	border-bottom: 2px solid #b4d334;
	border-top: 2px solid #b4d334;
	margin: .5em 0;
	padding-left: .5em;
}

#sidebar ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: arrows;
}

#sidebar li {
	background: url(images/arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

#sidebar form {
	margin: 0 0 1em 0;
	padding: 0;
}

#sidebar .block {
	margin: 0 0 1em 0;
}

#sidebar a {
	color: #222;
	background-color: transparent;
	text-decoration: underline;
}

#sidebar a:hover, a:active {
	text-decoration: none;
}


/* --- COMMENT FORM --- */
#commentform input {
	width: 12em;
	padding: .5em;
	margin: .5em .5em .2em 0;
}

#commentform {
	margin: .5em 1em 0 0;
}

#commentform textarea {
	width: 30em;
	padding: 1em;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}

#commentform #submit {
	margin: 0 0 .5em auto;
}

/* --- FOOTER RULES --- */
#footer {
	clear: both;
	padding: 20px 4% 10px 4%;
	color: #008fd4;
	text-align: center;
	background: #fff url(images/topnav.jpg) repeat-x 0 10px;
	font: normal 0.75em/1.25em arial, helvetica, sans-serif;
}

#footer p {
	width: 90%;
	margin: 0;
	padding: 2em 0;
}

#footer a {
	color: #008fd4;
	background-color: transparent;
	text-decoration: underline;
}

#footer a:hover, a:active {
	text-decoration: none;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	margin: 0;
	display: inline;
}

#footer ul li a {
	display: inline;
	margin: 0;
	padding: .5em;
	border-right: 1px solid #008fd4;
}
	
#footer ul li a.top {
	border: 0;
	padding-right: 0;
}


/* --- CLASSES RULES --- */

#content .page, #content .post, #content .archive-post { margin: 1em 0 1em; }

#content .page, #content .post {
	padding: 1em 0 1em 1em;
}

#content .post {
	border-bottom: 1px solid #b4d334;
}

.postnotes {
	margin-top: 1em;
}

.date-author {
	font-style: italic;
	margin-bottom: 2em;
}

.postmetadata {
	margin-top: 1em;
	text-align: left;
}

.tableinput {
	width: 90%;
}

.entry {
	margin: .5em .5em .2em 2em;
}

.widget {
	margin-bottom: 25px;
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	display: inline;
}

.alignleft {
	float: left;
	display: inline;
}

.navigation {
	margin-bottom: 25px;
	padding: 20px;
}

.textcenter {
	text-align: center;
}

.postthumb {
	float: left;
	display: inline;
	margin-right:0.5em;
}

.small {
	font: normal .7em/1.3em arial, helvetica, sans-serif;
}