/* BASE AND CONTENT STYLES */

html, body, #website {
	/*height: 100%;*/
	font-size: 100%;
}

body, div, td, p {
	font: 12px/150% 'Trebuchet MS', 'Trebuchet', sans-serif;
	color: #000;
}

body {
	background: url('../img/bg_stubbs.jpg') no-repeat fixed top center #000;
}

a, a:link, a:active, a:visited {
	color: #930;
	text-decoration: underline;
}

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

a:focus { 
	outline: none; 
}

@font-face {
  font-family: "copperplate";  
  src: url(Coprgtb.eot); /* IE */  
  src: local("copperplate"), url(COPRGTB.TTF) format("truetype"); /* non-IE */  
}

#yellow_rounded_bg {
	margin-left: 20px;
	padding-left: 165px; 
  padding-top: 60px;
}

h1,h2,h3 {
	font-weight:bold;
	font-variant: small-caps;
	font-family: copperplate, 'Trebuchet MS', 'Trebuchet', sans-serif;
	color:#873622;
	line-height:120%;
	margin:0px;
	padding:0px;
}

h1{
font-size:2em;
}

h2{
font-size:1.45em;
}

h3{
font-size:1.25em;
}
#sm_icons {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 18px;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
}

#main {
	width: 1000px;
	margin:0px auto;
	position: relative;
	/*height:100%;*/
}


/* CONTENT BOX */


#content, #content_faded {
	width:800px;
	position:absolute;
	top:122px;
	left:50%;
	margin-left:-330px;
	z-index:5000;
	
}

#content_faded {

opacity:0.01; /* firefox, opera, safari, chrome */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE 8 */
	filter:alpha(opacity=1); /* IE 4, 5, 6 and 7 */
	zoom:1;

}


#content_main {
	background: url('../img/bg_trans.png') transparent;
	padding-left:60px;
}

#content_bottom {
	height:200px;
	background: url('../img/bg_content_bottom.png') repeat-x transparent;
}
#content_container {
	background-color: #F3F3DD;
	width: 600px;
	/*padding-top: 20px;*/
}
#content_topcap {
	background-image: url(../img/content_top_cap.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 600px;
}
#recipe_bottomcap {
	clear:both;
	background-image: url(../img/recipes/recipes_bottomcap.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 270px;
}
#recipe_section_topcap {
	background-image: url(../img/recipes/recipes_topcap.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 270px;
}
#content_bottomcap {
	background-image: url(../img/content_bottom_cap.png);
	background-repeat: no-repeat;
	height: 30px;
}
#product_links {
	margin-bottom: 20px;
}
#subpage_copy {
	float: left;
	margin-left: 20px;
}

#content_header {
	float:left;
	margin-bottom: 30px;
	width: 300px;
	margin-right: 30px;
	padding-top: 20px;
}
#subpage_section {
	margin-left: 40px;
	background-color: #F3F3DD;
	padding-top: 40px;
	width: 500px;
}

#subpage_content {
	background-color: #F3F3DD;
	padding-top: 5px;
	width: 450px;
	padding-left: 50px;
}
#subpage_topcap {
	background-image: url(../img/subpage_topcap.png);
	height: 30px;
	width: 500px;
}

#subpage_bottomcap {
	background-image: url(../img/subpage_bottomcap.png);
	background-repeat:no-repeat;
	background-position: right top;
	height: 30px;
	width: 500px;
}
#subpage_subnav {
	float: left;
	padding-top: 60px;
	padding-left: 25px;
	width: 130px;
	margin-right: 20px;
}
#subpage_subnav_links {
	line-height: 120%;
	margin-bottom: 10px;
}

#content_photo {
	float:left;
	margin-right: 20px;
	margin-bottom:10px;
}

#makin_logo {
	float:left;
	width: 144px;
	margin-right:10px;
	height:70px;
}
#signature {
	padding-top: 8px;
	padding-left: 150px;
}


#content_header_copy {
	color:#333;
	font-size:14px;
}

#subpage_link {
	text-decoration:underline;
}

#product_section_header{
	margin-bottom: 30px;
	
}#product_headingline {
	margin-right: 30px;
	margin-left: 40px;
	float: left;
}




/* BIG BOTTLE */

#big_bottle {
	position:absolute;
	z-index:9000;
	top:11px;
	left:50%;
	margin-left:-490px;
	width:237px;
	height:101%
}



/* FORM STYLES */





/* NAV STYLES */

#nav_home {
	background-image:url('../img/navbar_home.gif');
	width:106px;
}

#nav_history {
	background-image:url('../img/navbar_history.gif');
	width:172px;
}
	#sublinks_history{
		padding-left:103px !important;
		/* Subtract padding from 900 for width */
		width: 700px;
	}
	

#nav_products {
	background-image:url('../img/navbar_products.gif');
	width:183px;
}
	#sublinks_products{
		padding-left:252px !important;
		/* Subtract padding from 900 for width */
		width:615px;
	}

#nav_recipes {
	background-image:url('../img/navbar_recipes.gif');
	width:170px;
}
	#sublinks_recipes{
		padding-left:441px !important;
		/* Subtract padding from 900 for width */
		width:370px;
	}

#nav_tips {
	background-image:url('../img/navbar_tips.gif');
	width:170px;
}
	#sublinks_tips{
		padding-left:348px !important;
		/* Subtract padding from 900 for width */
		width:460px;
	}

#nav_ftw {
	background-image:url('../img/navbar_ftw.gif');
	width:163px;
}
	#sublinks_ftw{
		padding-left:410px !important;
		/* Subtract padding from 900 for width */
		width:398px;
	}

#nav_blog {
	background-image:url('../img/navbar_blog.png');
	width:164px;
}


#nav_community {
	background-image:url('../img/navbar_community.gif');
	width:124px;
}
	#sublinks_community{
		/*padding-left:539px !important;*/
		/* Subtract padding from 900 for width */
		width:803px;
		text-align:right !important;
	}
	
	#sublinks_community li{
	float:right !important;
	}
	
#socialContainer {
	width: 970px;
	margin: 0 auto;
	display: block;
	position: absolute; 
	top: 30px;
	z-index: 10000;
}

.recipe #socialContainer {
	top: -24px;
}

.recipes #socialContainer {
	top: -6px;
}

#looking {
	float: left;
	color: white;
	width: 300px;
	margin-left: 204px;
	margin-top: 5px;
}

#looking a {
	color: #F60;
}
	
#socialMedia {
	float: right;
	left: 580px; 
	height: 40px; 
	text-transform: uppercase; 
	color: white;
}

#socialMedia span {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

a.facebook {
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	background: url('../img/fb_icon.jpg') 0 0 no-repeat;
	margin-right: 15px;
}

a.twitter {
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	background: url('../img/twitter_icon.jpg') 0 0 no-repeat;
}
	


#nav {
	width:906px;
	color:#fff;
	font-weight:bold;
	font-variant: small-caps;
	text-decoration:none;
	position:absolute;
	top:83px;
	left:50%;
	margin-left:-330px;
	z-index:8000;
	padding:0;
	margin-top:0;
	white-space:nowrap !important;
}

.recipe #nav {
	top: 29px;
}

.recipes #nav {
	top: 47px;
}

#nav img{
	border:0 !important
}

#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding:0;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
	color:#fff;
	letter-spacing:2px;
	display:block;
	float:left;
	text-align:center;
	line-height:36px;
	height:36px;
	background-repeat:no-repeat;
	border:0;
}


#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 31px;
  height: 60px;
  left: 0;
  padding:0;
  background:url('../img/bg_subnav_ul.png') no-repeat 0px 0px;
}


#nav li.on a {
  /*active topic area*/
  background-position:0px -200px;
}

#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of bgposition on subnav of active topic */
  background-position: 0px 0px !important;
}


#nav li.on ul {
	/*display active subnav list*/
	display: block;	
	position:absolute;
	/*width:800px;*/
	top:31px;
	text-align:center;
	height:75px;
}


#nav li.on ul a, #nav li.off ul a {
	float: left;
	/*ie doesn't inherit the float*/
	border: 0;
	width: auto;
	font:bold 11px/28px 'Trebuchet MS', 'Trebuchet', sans-serif;
	font-variant:small-caps;
	color:#666;
	letter-spacing:1px;
	background:url('../img/subnav_bg.png') repeat-x transparent;
	padding:0px 10px;
	text-decoration:none;
}

#nav li.on ul a:hover, #nav li.off ul a:hover, #nav li.on ul a.on, #nav li.off ul a.on {
	color:#930;
	text-decoration:underline;
}

#nav li.on ul {
	/*display the current topic*/
	display: block;
}

#nav li.off:hover ul {
  /*  display the other topics when their parent is hovered */
	display: block;
	position:absolute;
	/*width:800px;*/
	top:31px;
	text-align:center;
	height:60px;
	overflow:hidden;
}


#nav li.off a:hover, #nav li.off:hover a {
	background-position:0px -100px;
}

#nav li.off ul, #nav li.on ul {
	/*put the subnav below*/
	top: 31px;
	*top: 31px; /*reposition for IE*/
	margin-left:0;
}

#nav li.off:hover ul, #nav li.over ul { 
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li:hover a, #nav li.over a { 
	background-position:0px -100px;
}

#nav li.on a:hover { 
	background-position:0px -100px;
}


.subnav_left
{
float:left;
width:12px;
height:33px;
background:url('../img/subnav_cap_left.png') no-repeat transparent;
}

.subnav_right
{
float:left;
width:12px;
height:33px;
background:url('../img/subnav_cap_right.png') no-repeat transparent;
}

.subnav_bar
{
float:left;
width:1px;
height:33px;
background:url('../img/subnav_bar.png') no-repeat transparent;
}



#homeLink
{
	position:absolute;
	width:106px;
	top:80px;
	left:50%;
	margin-left:-332px;
	z-index:10000;
}

.recipe #homeLink {
	top: 27px;
}

.recipes #homeLink {
	top: 43px;
}


#footer
{
text-align:center;
color:#776;
font-size:11px;
height:45px;
padding-top:15px;
}




/* SIDENAV STYLES */

#sideNavLinks {

    position:absolute;

    top:80px;

    left:0px;

    width:237px;

}



#sideNavLinks a {

    display:block;

    padding:10px 10px 10px 65px;

    text-decoration:none;

}

#sideNavLinks a:hover {

    background:url('../img/bg_sidenav_over.png') -10px repeat-y transparent;

}

#sideNavLinks a.on, #sideNavLinks a:hover.on, #sideNavLinks a.on:hover   {

    background:url('../img/bg_sidenav_over.png') -10px repeat-y transparent;

}

#productsNav {

    width:150px;
	float:left;

}

#productsNav a {

	display:block;

    padding-top:10px;

    text-decoration:underline;

}


/*  flicker stuff */
#flickr_gallery
{
margin-top:30px;
text-align:center;
width:99%;
}