/***** wrapper *****/

#wrapper {
    width: 810px;
    margin: 0 auto;
    background: #fff;
    padding: 0 25px;
    min-height: 100%;
}

#header {
    position: relative;
    width: 810px;
    height: 151px;
}

.cooking {
    background: url(../img/banner-cooking-new.jpg) top left no-repeat
}

#header-home {
    position: relative;
    width: 810px;
    height: 286px;
}

#header #logo {
    position: absolute;
    top: 61px;
    left: 6px;
}

#header #tagline {
    position: absolute;
    right: 16px;
    top: 98px;
    text-align: right;
    width: 267px;
}

#content {
    width: 810px;
    padding: 0;
    background: #fff;
}

#content #content-left {
    float: left;
    width: 538px;
    margin: 0 21px 0 0;
}

.copy {
    padding: 35px 30px 20px 21px
}

#content #content-right {
    float: left;
    width: 251px;
}

#content #home-right {
    float: left;
    width: 246px;
    padding: 0 0 15px 5px;
}

.item {
    padding: 35px 0 20px 0
}

.tastiest {
    margin: 35px 0 0 0;
    padding: 15px;
    background: url(../img/side-tastiest.jpg) bottom left no-repeat;
    border: 1px solid #851614;
    height: 330px;
}

#content #content-left #intro {
    width: 360px;
    height: 85px;
    padding: 97px 157px 10px 21px;
    font-size: 1.1em;
    color: #fff;
}

#content #content-left #intro strong {
    font-size: 1.2em
}

#content #content-left #intro a,
#content #content-left #intro a:visited {
    color: #fff;
    font-weight: normal;
}

#content #content-left #intro a:hover {
    color: #fff;
    text-decoration: underline;
}

#content #content-left #banner {

}

#content #content-left #quicklinks {
    height: 192px
}

.knife {
    background: url(../img/bg-knife.gif) top left no-repeat
}

.hat {
    background: url(../img/bg-hat.gif) top left no-repeat
}

.gloves {
    background: url(../img/bg-gloves.gif) top left no-repeat
}

.pound {
    background: url(../img/bg-pound.gif) top left no-repeat
}

.pot {
    background: url(../img/bg-pot.gif) top left no-repeat
}

.pot2 {
    background: url(../img/bg-pot2.gif) top left no-repeat
}

.pot3 {
    background: url(../img/food-prep-banner.png) top left no-repeat
}

.basket {
    background: url(../img/bg-basket.gif) top left no-repeat
}

.download {
    background: url(../img/bg-download.gif) top left no-repeat
}

.leek {
    background: url(../img/bg-leek.gif) top left no-repeat
}

/***** nav *****/

#nav {
    width: 807px;
    height: 40px;
    padding: 10px 0 1px 3px;
    margin: 0;
}

#nav ul li {
    float: left;
    height: 17px;
    line-height: 1.3em;
    border-right: 1px solid #851614;
    text-align: center;
    margin: 0;
    font-size: 1em;
    list-style: none;
}

#nav ul li a,
#nav ul li a:visited {
    display: block;
    text-decoration: none;
    color: #db7e40;
    padding: 0 13px;
    font-weight: normal;
}

#nav ul li a:hover,
#nav ul li a.active {
    border: 0; /* needed to trigger IE */
    color: #851614 !important;
}

/***** nav home *****/

#nav-home {
    width: 807px;
    height: 42px;
    padding: 10px 0 1px 3px;
    margin: 0 0 32px 0;
    /*background: #254b05;*/
    background: #5c0e2f;
}

#nav-home li {
    float: left;
    height: 17px;
    line-height: 1.3em;
    border-right: 1px solid #db7e40;
    text-align: center;
    margin: 0;
    font-size: 1em;
    list-style: none;
}

#nav-home li a,
#nav-home li a:visited {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0 13px;
    font-weight: normal;
}

#nav-home li a:hover,
#nav-home li a.active {
    border: 0; /* needed to trigger IE */
    color: #db7e40;
}

.s-media {
    float: right;
    padding-right: 15px;
}

.s-media img {
    float: right;
    margin: 0 0 0 10px;
}

/***** footer *****/

#footer {
    border: solid #5c0e2f 6px;
    padding: 12px 12px 0 12px;
    margin: 0 0 20px 0;
    line-height: 1.4em;
    clear: both;
}

#copyright {
    font-size: 0.9em;
    color: #851614;
    padding: 0 0 10px 0;
    text-align: right;
}

#copyright a,
#copyright a:visited {
    font-weight: normal;
    color: #851614;
}

#copyright a:hover {
    font-weight: normal;
    color: #851614;
    text-decoration: underline;
}

/***** classes *****/

.highlight {
    color: #e7d2ad
}

.lowlight {
    color: #582700
}

.headline {
    font-size: 1.2em;
    line-height: 1.1;
}

.recipe {
    clear: both;
    margin: 10px 0 10px 0;
    border-top: solid #851614 1px;
    padding: 10px 0;
}

.recipe img {
    margin: 0 20px 0 0;
    float: left;
}