/*
Theme Name: Gingerbread Recipes
Theme URI: http://www.free-gingerbread-recipes.com
Description: Hundreds of easy to follow gingerbread recipes
Version: 1.0
Author: Nancy Comelab
Author URI: http://www.orangesandlime.com
Tags: food, clean
*/

/*

# Colour reference ###################
 
brown: #775028;
dark brown: #5b3d1f;
light brown (Background): #a68d74; changed wc #804000
beige: #f8f0e7;
white: f8f8f8;
font-color: #362f2d;
links (red): #cc3333;
Links (blue) : #5fa79c;
 
*/

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1.5;
font-family: "Georgia", helvetica, arial, sans-serif;
}

ol, ul {
list-style: none;
}

/* End Reset */

body{
font:0.8em "Georgia", Helvetica, Arial, sans-serif;
color:#362f2d;
background-color:#a68d74;
margin: 0;
padding: 0;
}

/* Typography */

p{
text-align: justify;
margin-bottom: 20px;
line-height: 1.6em;
color: #362f2d;
}

h2{
color: #f8f8f8;
}

h3{
font-size: 1.4em;
color: #804000;
font-weight: bold;
margin: 0 0 20px 0;
}

a{
font-weight: bold;
color: #a68d74;
text-decoration: none;
}

a:visited{
color:#5fa79c;
}

a:hover{
color: #5fa79c:
text-decoration: underline;
}

/* Extra */

*{
margin: 0;
} 

html,body{
height: 100%;
}

p.clear{
clear: both;
height: 0; /* only necessafy for IE */
margin: 0;
padding: 0;
}

.push{
clear: both;
height: 100px;
}

/* Header */

#headercontent{
width: 1024px;
height: auto;
margin: 0px auto;
}

#header{
position: absolute;
top: 0;
left: 0;
height: 173px;
width: 100%;
margin: 0;
background-image: url('/images/scallop.png');
z-index: 10;
}

#logo{
clear:both;
width: 518px;
height: 110px;
margin: 10px 0 0 0;
}

/* Navigation */

#mainNav{
	clear:both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}

#mainNav li{
display: inline;
border-left: 1px solid #f8f0e7;
padding: 0 5px 0 5px;
}

#mainNav li:first-child{
border-left: none;
}

#mainNav a{
font-size: 1em;
font-weight: bold;
color: #f8f0e7;
text-decoration: none;
}

#mainNav li a:hover{
color: #66cccc;
text-decoration: none;
}

#mainNav li a:active{
color: #66cccc;
text-decoration: none;
}

#mainNav .current a{
color: #66cccc;
}

#secondNav{
margin: 10px 0 0px 10px;
}

#secondNav a{
text-decoration: none;
color:#a68d74;
font-weight:bold;
}

#secondNav li{
display: block;
line-height:1.7em;
}

#secondNav .current a{
color: #66cccc;
}

#secondNav li:last-child{
margin: 0 0 10px 0;
}

#secondNav li:visited{
color: #66cccc;
}

#secondNav li a:hover{
color: #66cccc;
}

/* Main Content */

#pagewrap{
width: 1024px;
height: auto;
min-height: 1000px;
margin: 0px auto;
background-color: #a68d74;
z-index: -20;
}

#left{
float: left;
width: 630px;
margin-top: 200px;
}

#Banner{
width: 615px;
height: 215px;
margin-left: 27px;
}

#Banner #mainRibbon{
position:absolute;
width: 630px;
height: 54px;
margin: -60px 0 0 -14px;
background-image:url(/images/ribbon.png);
background-repeat: no-repeat;
z-index:1;
}

#Banner #mainRibbon h3{
position:absolute;
margin: -160px 0 0 27px;
color: #f8f8f8;
padding-top:169px;
z-index:2;
}

.mainImg{
width: 615px;
height: 215px;
}

#content{
width: 600px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 20px 0 -68px 25px;
padding: 10px;
background-color: #f8f0e7;
z-index: -10;
}

#right{
float: left;
width: 300px;
margin: 180px 0 20px 25px;
}

#sideNav{
width: 300px;
height: auto;
margin: 20px 0 0 25px;
padding: 10px;
background-color: #f8f0e7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#sideNav h3{
padding: 0 0 0 10px;
}

#ads{
width: 300px;
height: auto;
min-height: 500px;
margin: 20px 0 0 25px;
padding: 10px;
background-color: #f8f0e7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


/* Search */

#search{
padding:5px;
margin: 0 0 10px 5px;
}

.searchbutton{
margin: 0 0 0 5px;
padding: 3px 5px;
background-color: #5b3d1f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #f8f8f8;
border:0px;
font-size:0.9em;
}

.searchbox{
height:1.3em;
}
/* Featured */

#featured1{
float: left;
width: 275px;
height: 220px;
margin-top: 40px;
margin-right: 5px;
padding: 10px;
background-color: #f8f8f8;
}

#featured1 h3{
font-size: 1em;
color: #a68d74;
margin-bottom: 5px;
}

#featured1 img{
float: left;
margin: 10px 5px 0 0;
width:137px;
height:137px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#featured1 p{
float: right;
width: 130px;
font-size: 0.9em;
text-align: left;
}

#featured2{
float: left;
width: 275px;
height: 220px;
margin-top: 40px;
margin-left: 5px;
padding: 10px;
background-color: #f8f8f8;
}

#featured2 h3{
font-size: 1em;
color: #a68d74;
margin-bottom: 5px;
}

#featured2 img{
float: left;
margin: 10px 5px 0 0;
width:137px;
height:137px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#featured2 p{
float: right;
width: 130px;
font-size: 0.9em;
text-align: left;
}

.more{
clear: right;
float: right;
width: 60px;
margin: 10px 0 0 0;
padding: 5px;
background-color: #5b3d1f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 0.9em;
color: #f8f8f8;
}

.more a{
color: #f8f8f8;
font-weight: normal;
text-decoration: none;
}

/* Recipes */


.ingredients{
width: 250px;
display: block;
margin: 0 0 10px 7px;
}

.ingredients li{
line-height: 2em;
border-bottom: dotted 1px #362f2d;
}

.ingredients li:last-child{
border-bottom: none;
margin-bottom: 20px;
}

.recipeimage{
float: right;
width: 250px;
height: 250px;
margin: 10px 10px 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#method{
margin:20px 0 0 5px;
width: 585px;
}

#method p {
margin:0 0 15px 0;
}

#recipebuttons{
clear:both;
float:right;
margin: 50px 0 0 0;
}

#recipebuttons li{
display: inline;
margin: 0 0 0 5px;
padding: 5px 10px 5px 10px;
background-color: #5b3d1f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #f8f8f8;
}

#recipebuttons a{
color: #f8f8f8;
text-decoration: none;
font-weight: normal;
}

.mainrecipe{
width: 200 px;
display: block;
margin: 0 0 10px 20px;
}

.mainrecipe li{
line-height: 2em;
}

.mainrecipe li:last-child{
margin-bottom: 20px;
}

.mainrecipe a{
color: #362f2d; 
font-weight: normal;
text-decoration: none;
}

.mainrecipe a:hover{
color: #66cccc;
text-decoration: underline;
}

.mainrecipe a:active{
color: #66cccc;
}

/* Sitemap */

.sitemap{
margin: 0 0 0 10px;
padding: 10px;
line-height: 1.5em;
}

.header{
margin: 0 0 10px 0;
}

.header a{
font-size: 1.1em;
color: #362f2d;
}

.header a:visited{

}

.header a:hover{

}

/* Footer */

#footer{
clear: both;
position: relative;
margin-top: 32px;
height: 68px;
width: 100%;
background-image: url('/images/footer_scallop.png');
background-repeat:repeat-x;
z-index: 10;
}

#footercontent{
width: 1024px;
height: auto;
margin: 0px auto;
}

.footerlinks{
float: left;
width: 512px;
margin: 25px 0 0 20px;
}

.footerlinks a{
color: #f8f8f8;
text-decoration: none;
}

.footerlinks .current a{
color: #5fa79c;
}

.footerlinks a:hover{
color: #5fa79c;
}

.footerlinks a:active{
color: #5fa79c;
}

.footerlinks li{
display: inline;
padding: 0 5px 0 5px;
border-left: 1px solid #f8f8f8;
}

.footerlinks li:first-child{
border-left: none;
}

.copyright{
float: right;
margin: 25px 20px 0 0;
color: #f8f8f8;
}