@charset "UTF-8";

body 
{
margin: 0 auto;
padding: 0px;
width: 100%;
background: #ffffff url(/img/hdr_bg_repeat.gif) repeat-x; 
}

a{outline: none;}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/


div#header{
margin-bottom: 150px;
}

p{
margin: 0 0 10px 0;
}

ul#main_nav li#home{
position: absolute;
top: 30px;
left: -200px;
width: 250px;
height: 150px;
}

ul#main_nav li#home a{
display: block;
margin: 0;
padding: 0;
height: 150px;
width: 250px;
}

/* Main Content
---------------------------------------------------- */

div#main-content{
padding-right: 490px;
position: relative;
min-height: 240px;
border-bottom: 4px double #BEA79F;
margin-left: 62px;
background: #FFF;
width: 441px;
}

div.main_img_home{
position: absolute;
top: 68px;
right: 106px;
width: 278px;
height: 396px;
}

div.main_img_sub img{
position: absolute;
top: -150px;
right: 30px;
}

body#milk-page div.main_img_sub img{
top: -16px;
right: -176px;
}

body#ice-cream-page div.main_img_sub img{
top: -64px;
right: 23px;
}

body#recipes-page div.main_img_sub img{
top: -30px;
right: 0px;
}

body#stories-page div.main_img_sub img{
top: -96px;
right: 86px;
}

body#sues-recipes div.main_img_sub img{
position: absolute;
right: 63px;
top: -62px;
}

div#main-content h3{
color: #7D4F40;
font-size: 12px;
}

div#main-content p{
margin: 0 0 15px 0;
padding: 0;
color: #7d4f40;
line-height: 18px;
margin-bottom: 15px;
}

div#main-content-copy{
margin-bottom: 80px;
padding-top: 10px;
}

body#stories-page div#main-content-copy{
margin-bottom: 90px;
}

div#main-content a,
div#secondary-content a{
padding:  0px;
color: #E31937;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

div#main-content a{
/* display: block; */
}

div#main-content a:hover,
div#secondary-content a:hover{
color: #7d4f40;
}

div#main-content h1{
text-transform: uppercase;
font-size: 38px;
margin: 0 0 5px 0;
letter-spacing: -5px;
}


div#main-content h2{
font-size: 18px;
text-transform: uppercase;
margin: 0 0 1px 0;
}

div#h2-container{
width: 100%;
background: url(/img/h2-container-bg.gif) repeat-x left center;
}

div#h2-container-inner{
display: block;
background: #FFF;
margin: 0 auto;
width: 200px;
}

body#milk-page div#h2-container-inner{
width: 220px;
}

body#ice-cream-page div#h2-container-inner{
width: 280px;
}

body#recipes-page div#h2-container-inner{
width: 340px;
}

/* Secondary Content
---------------------------------------------------- */

div#secondary-content{
width: 930px;
float:left;
margin-top: 25px;
background: url(/img/secondary-content-divider.gif) repeat-y 440px 0;
margin-bottom: 50px;
position: relative;
margin-left: 62px;
display: inline;
}

/* FOR OUR TWO COLUMN PAGE LAYOUTS */
div#secondary-content div.two-column-module div.column.secondary{
background: none;
width: 420px;
padding-left: 0;
}

div#secondary-content p{
color: #7d4f40;
line-height: 18px;
}

div#secondary-content h3{
text-transform: uppercase;
font-size: 18px;
}

body#recipes-page div#secondary-content h3{
letter-spacing: -.5px;
}

div#secondary-content h4{
margin: 0 0 10px 0;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
color:#7D4F40;
font-weight: bold;
}

div#container ul{
padding-left: 15px;
}

div#container ul li{
color: #7D4F40;
}

div#secondary-content div.column{
width: 500px;
}

div#feature_left_img{
position: absolute;
top: -97px;
left: -25px;
width: 426px;
height: 233px;
background: url(/img/sub_feature.png) no-repeat 0 0;
}

body#sues-recipes div#feature_left_img{
width: 426px;
height: 250px;
left: -10px;
background-position: 0 0;
background-image: url(/img/sub_feature-peach.png);
}

body#milk-page div#feature_left_img{
background-image: url(/img/purity-store-coupon.png);
}

body#ice-cream-page div#feature_left_img{
background-image: url(/img/purity-icecream-coupon.png);
}

body#stories-page div#feature_left_img{
background-image: url(/img/beta-note.png);
width: 462px;
height: 345px;
}


div#secondary-content div.column.primary{
margin-top: 145px;
float:left;
width: 420px;
}

/* For Recipes Page */

body#recipes-page div#secondary-content{
background: none;
}

body#recipes-page div#secondary-content div.column.primary{
margin-top: 0;
}

/* For Sue's Recipes page, main page... */

body#sues-recipes div#secondary-content div.column.primary{
margin-top: 165px;
}

div.two-column-module{
width: 930px;
float:left;
margin-bottom: 30px;
background: url(/img/secondary-content-divider.gif) repeat-y 440px 0;
}

div#secondary-content div.column.secondary{
float: right;
width: 330px;
padding-left: 130px;
background: url(/img/win_img.gif) no-repeat 0 0;
}

hr.two-column-divider{
clear: both;
display: block;
border: none;
border-top: 4px double #BEA79F;
margin-bottom: 30px;
}

body#milk-page div#secondary-content div.column.secondary{
background: url(/img/question-mark-brown.gif) no-repeat 0 0;
}

body#ice-cream-page div#secondary-content div.column.secondary{
background: url(/img/question-mark-blue.gif) no-repeat 0 0;
}


a#submit-recipe{
display: block;
width: 151px;
height: 27px;
background: url(/img/submit-recipe-bg.gif) no-repeat left top;
text-indent: -20000px;
}

a#submit-recipe:hover{
background-position: left bottom;
}

/*
----------------------------------------------------------------------------- 
END SANDBOX
-----------------------------------------------------------------------------*/


/* Common Items */

h1, h2, h3, h4, p, a
{
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}

.clr
{
clear: both;
}

.divider
{
width: 918px;
height: 3px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background: url(/img/divider_repeat.gif) repeat-x; 
}


/* Structural Items */

.lover_img
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 440px;
height: 390px;
float: right;
background-image:url(/img/lover.jpg);
clear: both;
}

.main_img
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 440px;
float: right;
clear: both;
}

#container 
{
margin: 0 auto;
padding: 0;
width: 1020px;
background: url(/img/header_1020.gif) no-repeat;
position: relative;
}

#main 
{
margin: 0 auto;
padding: 0;
width: 960px;
}

/* Main Nav Items */

#main_nav 
{
 width: 760px;
 height: 70px;
 margin: 0px 0px 0px 210px;
 padding: 0px;
 background: url(/img/main_nav.gif);
 position: relative;
}

#main_nav li {margin: 0; padding: 0px; list-style: none; position: absolute; top: 0;}

#main_nav li, #main_nav a {height: 70px; display: block; text-indent: -9999px;}

#join {left: 0; width: 80px;}

#milk {left: 85px; width: 135px;}

#icecream {left: 230px; width: 150px;}

#recipes {left: 385px; width: 195px;}

/*#eat {left: 494px; width: 91px;} REMOVED 3-11-09 */

#stories {left: 580px;width: 200px;}


#join a:hover {background: transparent url(/img/main_nav.gif) 0px -70px no-repeat;}

#milk a:hover {background: transparent url(/img/main_nav.gif) -85px -70px no-repeat;}

#icecream a:hover {background: transparent url(/img/main_nav.gif) -230px -70px no-repeat;}

#recipes a:hover {background: transparent url(/img/main_nav.gif) -385px -70px no-repeat;}

/* #eat a:hover {background: transparent url(/img/main_nav.gif) -494px -70px no-repeat;} REMOVED 3-11-09 */

#stories a:hover {background: transparent url(/img/main_nav.gif) -580px -70px no-repeat;}

/* Content Items */

#content{
margin: 0 0 0 30px;
padding: 0px 0px 0px 0px;
width: 485px;
background: #FFF;
color: #7D4F40;
}

/* sifr style for homepage */
#content h1{
display: block;
font-size: 38px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 10px 0;
}

#content p{
margin-top: 15px;
}

#content h2{
margin: 0 0 0 0;
}

#welcome{
margin: 0px;
padding: 0px 0px 10px 0px;
width: 485px;
height: 27px;
background: url(/img/welcome.gif) no-repeat;
}

#welcome h1
{
font: #e31937 Helvetica, Arial, sans-serif;
text-indent: -9999px;
}


#join_the_club
{
margin: 0px;
padding: 0;
width: 483px;
background: url(/img/join_the_club.gif) no-repeat;
}

#join_the_club h2
{
font: #7d4f40 Helvetica, Arial, sans-serif;
text-indent: -9999px;
}

#join_the_club p
{
color: #7d4f40;
margin: 0px;
padding: 10px 10px 20px 4px;
}

#signup_btn a
{
margin: 20px 0px 50px 30px;
padding: 0px 0px 0px 0px;
width: 483px;
height: 46px;
display: block;
background-image:url(/img/sign_up_btn.gif);
text-indent: -9999px;
overflow: hidden;
}

#signup_btn a:hover
{
background-image:url(/img/sign_up_btn_on.gif);
}

/* Callout Items */

#callouts
{
width: 920px;
margin: 0px auto;
padding: 0px;
}

#callouts ul
{
width: 980px;
margin: 0;
padding: 0px;
float:left;
}

#callouts li
{
margin: 0 8px 0 0;
padding: 0px;
width: 184px;
height: 170px;
float: left;
list-style: none;
}

#callouts li.milk{
margin: 0;
}


.contest a
{
width: 184px;
height: 180px;
display: block;
background: url(/img/contest.jpg) no-repeat 0 0px;
text-indent: -9999px;
}

.contest a:hover{
background-position: 0 -200px;
}


.recipes a
{
width: 184px;
height: 180px;
display: block;
background: url(/img/recipes_btn.jpg) no-repeat 0 0;
text-indent: -9999px;
}

.recipes a:hover{
background-position: 0 -200px;
}

.stories a
{
width: 184px;
height: 200px;
display: block;
background: url(/img/stories_btn.jpg) no-repeat 0 0;
text-indent: -9999px;
}

.stories a:hover{
background-position: 0 -200px;
}

.icecream a
{
width: 184px;
height: 200px;
display: block;
background: url(/img/icecream_btn.jpg) no-repeat 0 0;
text-indent: -9999px;
}

.icecream a:hover{
background-position: 0 -200px;
}

.milk a
{
width: 184px;
height: 200px;
display: block;
background: url(/img/milk_btn.jpg) no-repeat 0 0;
text-indent: -9999px;
}

.milk a:hover{
background-position: 0 -200px;
}

.eat a
{
width: 184px;
height: 200px;
display: block;
background: url(/img/eat_btn_off.jpg);
text-indent: -9999px;
}

.eat a:hover{background: url(/img/eat_btn_on.jpg);}


/* Footer Items */

#footer_span
{
margin: 0px auto;
padding: 0px;
display: block;
height: 119px;
background: url(/img/footer_repeat.gif) repeat-x;
clear: both;
margin-top: 50px;
}

#footer
{
margin: 0px auto;
padding: 25px 0 0 0;
width: 1020px;
height: 119px;
background: url(/img/footer_960.gif) no-repeat;
}

#footer p
{
font-size: 10px;
color: #FFFFFF;
display: inline;
float:left;
margin: 0 0 0 60px;
line-height: 31px;
}

#footer_nav{float: left;}

#footer_nav ul
{
display: block;
float:left;
display: inline;
margin: 0 0 0 30px;
padding: 0;
}

#footer_nav li
{
list-style: none;
margin: 0;
padding: 0;
display: block;
float:left;
}

#footer_nav a
{
margin: 0;
padding: 0 8px;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
display: block;
float: left;
line-height: 31px;
}

#footer_nav a:hover{color: #528A82;}

#purity_logo a
{
padding: 0px;
width: 51px;
height: 31px;
text-indent: -9999px;
display: block;
background: url(/img/purity_logo_off.gif);
float:left;
position: relative;
margin: 0 0 0 10px;
}

#purity_logo a:hover{background: url(/img/purity_logo_on.gif);}

#facebook_logo a
{
padding: 0px 0px 0px 0px;
width: 25px;
height: 25px;
text-indent: -9999px;
display: block;
background: url(/img/facebook_icon_off.gif);
float:left;
position: relative;
margin: 2px 0 0 10px;
}

#facebook_logo a:hover{background: url(/img/facebook_icon_on.gif);}