/*
--------------------------------------
GLOBAL RESET
--------------------------------------
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

strong { font-weight: bold; }

/*

/* stuffs */
body {
    background: url(images/bg-page.png) repeat-x #FF602B;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    line-height: 18px;
}

body a {
    color: #064C7C;
}
.page {
    background: url(images/bg-grad.png) repeat-y transparent;
    padding-left: 45px;
    overflow: auto;
    color: #000;
}

.container {
    background: #fff;
    width: 800px;
    overflow: auto;
    float: left;
}

.content {
    padding: 20px 0;
}

.right {
    width: 122px;
    float: left;
}
.footer {
    color: #808080;
    margin: 20px 25px 25px 25px;
    font-size: 10px;
    line-height: 12px;
    clear: both;
    float: left;
}

.footer a { color: #808080;}

.header h1 {
    text-indent: -2000px;
    background: url(images/meat-tube-logo.png) no-repeat 0 0;
    width: 800px;
    height: 168px;
}
.main-nav {
    overflow: auto;
}
.main-nav li{
    display: block;
    float: left;
    height: 42px;
    list-style-type: none;
}

.main-nav a{
    display: block;
    float: left;
    background: url(images/main-nav.png) no-repeat 0 0;
    height: 42px;
    text-indent: -3000px;
    width: 115px;
}


li#home a{
    background: url(images/main-nav.png) no-repeat 0 0;
    width: 113px;
}
li#about a{ background: url(images/main-nav.png) no-repeat -113px 0; }
li#news a{ background: url(images/main-nav.png) no-repeat -228px 0; }
li#recipies a{
     background: url(images/main-nav.png) no-repeat -343px 0;
     width: 114px;  
}
li#fan-art a{ background: url(images/main-nav.png) no-repeat -457px 0;}
li#truth a{background: url(images/main-nav.png) no-repeat -572px 0;  }
li#store a{
    background: url(images/main-nav.png) no-repeat -687px 0; 
    width: 113px; 
}

li#home a:hover {background-position: 0 -43px;}
li#about a:hover {background-position: -113px -43px;}
li#news a:hover {background-position: -228px -43px;}
li#recipies a:hover {background-position: -343px -43px;}
li#fan-art a:hover {background-position: -457px -43px;}
li#truth a:hover {background-position: -572px -43px;}
li#store a:hover {background-position: -687px -43px;}

li#home a.active {background-position: 0 -86px;}
li#about a.active {background-position: -113px -86px;}
li#news a.active {background-position: -228px -86px;}
li#recipies a.active {background-position: -343px -86px;}
li#fan-art a.active {background-position: -457px -86px;}
li#truth a.active {background-position: -572px -86px;}
li#store a.active {background-position: -687px -86px;}


.sub-nav {
    background: url(images/bg-sub.png) repeat-x;
    width: 100%;
    height: 41px;
}
.sub-nav ul {
    margin: 0 auto;
    width: 600px;
}
.sub-nav li {
    float:left;
    text-indent: -3000px;
    list-style-type: none;
    height: 41px;
}

.sub-nav a {
    display: block;
    height: 41px;
    background: url(images/subnav.png) 0 0 no-repeat;
}


li#breakfast a{
    background: url(images/subnav.png) 0 0 no-repeat;
    width: 126px;
}
li#lunch a{
    background: url(images/subnav.png) -126px 0 no-repeat;
    width: 108px;
}
li#dinner a{
    background: url(images/subnav.png) -234px 0 no-repeat;
    width: 114px;
}
li#dessert a{
    background: url(images/subnav.png) -348px 0 no-repeat;
    width: 116px;
}
li#snacks a{
    background: url(images/subnav.png) -469px 0 no-repeat;
    width: 85px;
}


li#breakfast a:hover, li#breakfast a.active { background-position: 0 -44px; }
li#lunch a:hover, li#lunch a.active {background-position: -126px -44px;}
li#dinner a:hover, li#dinner a.active {background-position: -234px -44px;}
li#dessert a:hover, li#dessert a.active {background-position: -348px -44px;}
li#snacks a:hover, li#snacks a.active {background-position: -469px -44px;}


.left-col {
    width: 540px;
    width: 515px !important;
    float: left;
    padding-left: 25px;
    
}

.sidebar {
    width: 230px;
    width: 205px !important;
    float: right;
    margin-right: 25px;
}

.left-col h2 {
    font-size: 34px;
    line-height: 1.1;
    color: #064C7C;
    margin-bottom: 15px;
}

.left-col img {
    margin-bottom: 15px;
}

p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
}

.feature-box {
    border: 4px solid #fec2c2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px 10px;
    margin-top: 20px;
}

h3 {
    font-size: 17px;
    line-height: 19px;
    color: #064C7C;
    margin-bottom: 15px;
}
/*
h2.small-no {
    font-size: 17px;
    line-height: 19px;
    color: #064C7C;
    margin-bottom: 0px;
}*/


.feature-box ul {
    margin: 0 0 15px 20px;
}

.feature-box li {
    line-height: 1.1;
    margin-bottom: 3px;
}

.half-col {
    width: 250px;
    float: right;
}

.feature-box ol li {
    list-style-position: outside;
    margin: 0 0 15px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #064C7C;
}

.dark { color: #000;}

.enter {
    background: url(images/arrow.png) no-repeat right center;
    padding-right: 80px;
}

.indent { margin: 20px 10px; }
.indent2 { margin: 0px 10px;}
.blue { color: #064C7C;}

.news-item {
    border-bottom: 4px solid #FFC2C2;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.left-col img.fan-art {
    margin-bottom: 0px;
}

.recipe {
    background: url(images/recipe.png) no-repeat 0 0;
    width: 521px;
    height: 392px;
}

.recipe h3 { padding: 25px 0 0 30px;}

.recipe p {
    padding: 0 30px 0px 30px;
    clear: both;
}

.recipe img {
    float: left;
    padding: 0 0 0 30px;
}

.recipe ul { margin:0 20px 0 280px; }

body.recipe-pop {
    background: url(images/recipe2.png) no-repeat 5px 5px #FFC2C2;
}

/* RECIPE POP-UP */
.recipe-pop h3 {padding: 25px 0 0 25px; }
.recipe-pop ul {margin: 0 20px 0 155px;}
.recipe-pop img {float: left; padding: 0 0 0 25px;}
.recipe-pop p { padding: 0 0 0px 25px; clear: both; width: 360px; }
.recipe-pop a { 
    margin: 10px 0 0 325px;
    display: block;
}
/* OTHER POP-UP */
.pop { background: url(images/pop.png) no-repeat 5px 5px #FFC2C2; }
.pop h3 { margin: 25px; }
.pop img { margin: 0 25px; }

ul.links {
    margin: 0 0 0 10px;
    padding: 0;
    height: 16px;
    margin-top: 20px;
}

.links li {
    float: left;
    list-style-type: none;
    margin-right: 5px;
}