/*   
Theme Name: Sandbox HTML5 Reset
Theme URI: http://html5reset.org & 
Description: A combination of Sandbox and HTML5 reset
Author: Jamie Kleiman
Author URI: http://Jamie Kleiman
Version: 1
*/

html{
background: #f18c81 url(images/seamlessbg.jpg);
}

body{
font-family: georgia, serif;
color: #333333;
font-size: .9em;
}

p{
margin-bottom: 15px;
line-height: 150%;
}

ol{
margin-left: 20px;
}

ol li{
padding: 5px 0px;
line-height: 150%;
}

ul li{
padding: 2px 0px;
line-height: 150%;
}


#wrapper{
background: #fff;
width: 1000px;
margin: auto;
}

a, .pink{
color: #ce6945;
}

a:hover{
color: #a65538;
}

.green{
color: #9a9e70;
}

header{
background: url(images/spadespatula-web.png) no-repeat;
width: 1000px;
height: 172px;
display: block;
}

header a{
width: 1000px;
height: 172px;
display: block;
}

h1.blog-title{
align: left;
text-indent: -999px;
}

/*** MENU ***/
nav{
height: 95px;
}

ul#menu-garden-style{
text-align: center;
height: 95px;
font-size: .9em;
}

ul#menu-garden-style li{
display: inline-block;
margin-right: 63px;
height: 64px;
text-transform: uppercase;
letter-spacing: .05em;
opacity: .7;

zoom: 1;
*display: inline;
}

ul#menu-garden-style li:last-child{
margin-right: 0px;
}

ul#menu-garden-style li a{
color: #2f2f2f;
text-decoration: none;
line-height: 12em;
opacity: 1.0;
}

ul#menu-garden-style li:hover a, ul#menu-garden-style li.current-menu-item a{
color: #ce6945;
}


li#menu-item-1801{
background: url(images/about-icon.jpg) center center no-repeat;
width: 71px;
}

li#menu-item-1799{
background: url(images/growing-icon.jpg) center center no-repeat;
}

li#menu-item-1798{
background: url(images/recipes-icon.jpg) center center no-repeat;
}

li#menu-item-1800{
background: url(images/garden-icon.jpg) center center no-repeat;
}

li#menu-item-1802{
background: url(images/eat-icon.jpg) center center no-repeat;
}

/*** BLOG ***/

#content{
margin: 40px 85px 0px 20px;
width: 630px;
display: inline-block;
vertical-align: top;

zoom: 1;
*display: zoom;
}

#sidebar{
width: 235px;
display: inline-block;
margin-top: 40px;

zoom: 1;
*display: zoom;
}

h2.entry-title, h1.entry-title{
font-weight: normal;
font-size: 2.1em;
margin: 5px 0px 13px 0px;
}

h2.entry-title a, h1.entry-title{
color: #ce6945;
text-decoration: none;
}

h2.entry-title a:hover{
color: #a65538;
}

.meta{
font-family: 'Montserrat', sans-serif;
color: #9a9e70;
text-transform: uppercase;
font-size: .8em;
}

.separator{
margin: 0px 4px;
}

article.post{
margin-bottom: 60px;
}

article.post img.alignleft, article.page img.alignleft{
float: left;
margin: 0px 20px 20px 0px;
}



.category h2.page-title, .archive h1.page-title, .search h1.page-title{
    border-bottom: 1px solid #e4e6cc;
    opacity: .7;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7em;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    text-shadow: -1px -1px 0 #ccc;
    text-transform: uppercase;
margin-top: 18px;
}

/*** PAGE ***/
.page h2.page-title{
font-weight: normal;
font-size: 2.1em;
margin: 5px 0px 13px 0px;
color: #ce6945;
font-family: georgia, serif;
text-shadow: none;
border-bottom: none;
text-transform: capitalize;
}

h2.author{
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
color: #9a9e70;
margin-bottom: 5px;
margin-top: 40px;
}

article.page img{
border: 20px #fff solid;
outline: 1px solid #ccc;
margin-left: 20px;
}


/*** widgets ***/
.widget h2, footer h2, #search-3 label{
font-family: 'Montserrat', sans-serif;
color: #9a9e70;
font-weight: normal;
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: .05em;
}

.gi{
font-style: italic;
color: #9a9e70;
}

#s2_form_widget-2{
background: url(images/hello-there.jpg) no-repeat;
padding-top: 60px;
}

#s2_form_widget-2 label{
display: none;
}

#s2_form_widget-2 p{

}

.widget{
margin-bottom: 30px;
}

.widget input[type=text]{
width: 135px;
font-size: .9em;
height: 15px;
}

.widget input[type=submit]{
float: right;
position: relative;
top: -44px;
height: 24px;
padding: 1px !important;
}

#search-3 input[type="submit"]{
top: 0px;
}

.widget input{
margin-top: 5px;
}

#linkcat-2 h2{
background: url(images/heart.png) no-repeat 145px 0px;
}

.widget ul li a{
color: #4f99b8;
font-size: .95em;
}

/*** COMMENTS ***/
#comments h2{
font-family: 'Montserrat', sans-serif;
color: #9a9e70;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3em;
letter-spacing: .05em;
margin-bottom: 20px;
}

.comment-meta{
    color: #999999;
    letter-spacing: 0.05em;
    text-transform: uppercase;
font-size: .8em;
margin-left: 30px;
}

.comment-meta a{
    color: #999999;
}

.comment-text{
margin-left: 30px;
}

ol.commentlist li{
padding-bottom: 20px;
background: url(images/quote-box.jpg) 0px 9px no-repeat;
}

ol.commentlist li:last-child{
border-bottom: none;
}


.form-label label, .form-textarea label{
width: 75px;
display: inline-block;
vertical-align: top;
font-style: italic;
font-size: .9em;
color: #999;
}

input[type=text], .form-textarea textarea{
border: 1px solid #9a9e70;
padding: 4px 3px 3px 3px;
}


.form-label{
margin-bottom: 10px;
}

input[type=submit]{
background: #eb8c82;
color: #b9452e;
border: 1px solid #b9452e;
font-family: 'Montserrat', sans-serif;
padding: 3px 5px;
font-size: .9em;
text-transform: uppercase;
}

#comments input[type=submit]{
position: relative;
left: 461px;
top: 10px;
}

/*** FOOTER ***/
footer{
background: url(images/footer.jpg) no-repeat;
height: 173px;
margin-top: 50px;
padding: 0px 20px;
}

footer .column-320{
display: inline-block;
vertical-align: top;
width: 315px;
margin-top: 30px;

zoom: 1;
*display: inline;
}

footer li a{
color: #999;
text-decoration: none;
}

footer li{
list-style: none;
font-size: .9em;
padding: 1px 0px;
line-height: 130%;
}

footer h2{
margin-bottom: 4px;
}

footer small{
position: relative;
top: 31px;
color: #afafaf;
}