/*  
Theme Name: Gourmet Secret
Theme URI: http://www.messteridesigns.com
Description: GourmetSecret theme designed by <a href="http://www.messteridesigns.com">MessteriDesigns</a>.
Version: 1.0
Author: Joe Messteri
Author URI: http://www.messteridesigns.com

	This theme was designed and built by Joe Messteri.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/




/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html { font-size: 100%; /* IE hack */ }


body{
font-size: 62.5%;
font-family: Georgia, "Times New Roman", Times, serif;
text-align:center;
background:url(img/bg.jpg);
}


#wrapper{
margin: 0;
background:url(img/wrapper.jpg) repeat-y center 0 ;
text-align:center;
}

#container{
width: 880px;
margin: 0 auto;
text-align:left;
background:url(img/content_BG.jpg) repeat-y;
height: 100%;
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/


#hd{
height:150px;
background: url(img/hd_BG.jpg) repeat-x;
position:relative;
}

#hd h1{
background: url(img/logo2.jpg) no-repeat;
width:368px;
height:150px;
text-indent: -100000px;
position: absolute;
left: 0px;
top: 0px;
}


/* -----------------------------------*/
/* ---------->>>   ADS  <<<-----------*/
/* -----------------------------------*/

#ad{
height:245px;
position:relative;
}

#floatAD{
position:absolute;
bottom: 11px;
height:316px;
width: 880px;
z-index: 100;
}


/* -----------------------------------*/
/* ---------->>>  MENU  <<<-----------*/
/* -----------------------------------*/

#mn{
height:65px;
background: url(img/menubg.jpg) repeat-x;
position:relative;
}




#mn ul {
	position:absolute;
	bottom:0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:65px;
}
	
#mn li {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align:center;
	height:65px;
	
}
	
#mn a {
	float: left;
	display: inline;
	line-height: 65px;
	margin: 0px;
	font-size: 16px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	color: #000;
	width:146px;
	height:65px;
}
	


.page-item-2 a{
background: transparent url(img/menu1.jpg) top left no-repeat;
}

.page-item-7 a{
background: transparent url(img/menu2.jpg) top left no-repeat;
}

.page-item-3 a{
background: transparent url(img/menu3.jpg) top left no-repeat;
}

.page-item-8 a{
background: transparent url(img/menu4.jpg) top left no-repeat;
}

.page-item-9 a{
background: transparent url(img/menu5.jpg) top left no-repeat;
}

.page-item-10 a{
background: transparent url(img/menu6.jpg) top left no-repeat;
}



#mn a:hover {
background-position:bottom;
}

#mn a:hover span {
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

#mn .current_page_item a {
text-decoration:underline;

}

#mn .current_page_item a span {
	background: #78CBCF url(img/tab_right_current.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}

#mn .section a {
	background: #78CBCF url(img/tab_left_current.png) top left no-repeat;
}

#mn .section a span {
	background: #78CBCF url(img/tab_right_current.png) top right no-repeat;
	color: #333;
	cursor: pointer;
}


/* -----------------------------------*/
/* ---------->>>  BODY  <<<-----------*/
/* -----------------------------------*/

#bd{position: relative;}

#bd .pic1{position: absolute; z-index:1; right: 0px; top: 5px;width: 287px; height: 296px;background: transparent url(img/photo1.gif) no-repeat;}
#bd .pic2{position: absolute; z-index:1; left: 0px; top: 250px;width: 185px; height: 287px;background: transparent url(img/photo2.gif) no-repeat;}

#over{position: relative; z-index:2; overflow:visible;}


#bd h1{
margin: 20px;
font-size:3.2em;
font-weight:bold;

}

#bd h2{
margin: 20px;
font-size:1.8em;
font-weight:bold;

}



#bd p{
margin: 20px;
font-size:1.6em;

}


.aboutbg{ background: transparent url(img/aboutBG.gif) 50% 50% no-repeat; min-height:500px; font-weight:bold}



#cats{}

#cat{
padding:1px 0;
height: 200px;
margin:  0 0 10px 0
}

#cat img{margin: 25px; float:left;}

#cat h2{
margin: 20px 0 10px 5px;
font-size:2.2em;
font-weight:bold;
}


#cat h2 a,#cat h2 a:visited{
text-decoration:underline;
color:#2C392B;
}

#cat h2 a:hover{
color:#797979;
}

#cat p{
font-size:1.2em;
margin: 0px 20px 10px 20px;
}


#ft{
width: 916px;
margin:0 0 0 -17px;
height: 192px;
background:url(img/footer.jpg) no-repeat center 0 ;
position:relative;
}

#ft h2{
color: white;
padding:20px 40px;
font-size:24px;
}

#ft h1{
color: white;
padding:20px 40px;
font-size:18px;
}

#ft a{
text-decoration:none;
color:#FFF;
}

#ft a:hover{
text-decoration:underline;
color:#EEE;
}
.card{
width: 309px;
height: 185px;
background:url(img/card.gif) no-repeat center 0 ;
position:absolute;
right: 60px;
top: 0px;
}


.productsign{
width: 300px;
height: 108px;
margin: 1em auto;
background:url(img/products.gif) no-repeat center 0 ;
text-indent: -100000px;
}


.recipesign{
width: 300px;
height: 108px;
margin: 1em auto;
background:url(img/recipes.gif) no-repeat center 0 ;
text-indent: -100000px;
}

.linkssign{
width: 300px;
height: 108px;
margin: 1em auto;
background:url(img/links.gif) no-repeat center 0 ;
text-indent: -100000px;
}

.contactsign{
width: 300px;
height: 108px;
margin: 1em auto;
background:url(img/contact.gif) no-repeat center 0 ;
text-indent: -100000px;
}

.aboutsign{
width: 300px;
height: 108px;
margin: 1em auto;
background:url(img/about.gif) no-repeat center 0 ;
text-indent: -100000px;
}

.recipe{ width: 640px; margin: 2em auto; background:url(img/linepaper.jpg) repeat-y center 0 ; border: 1px solid #ccc;}
.recipe h3{
margin: .5em 0 1em 0;
text-align:center;
font-size:2.2em;
font-weight:bold; 
}

.recipe h4{
margin: .5em 0 1em 6em;
font-size:1.8em;
font-weight:bold; 
}

#bd .recipe p{
margin: .5em 0 .5em 7em;
padding: 0 1em;
font-size:1.4em;
}

.recipe ul{
display: block;
margin: .5em 0 3em 10em;
}

.recipe li{
font-size:1.6em;
margin: .2em 0;
clear:both;
}

.recipe li span{
display:block;
float: left;
width: 3em;
}


.contactform{
width: 560px;
margin: 1em auto;
}

.contactform label{
font-size:1.8em;
font-weight:bold;
} 

.contactform input, .contactform textarea{
width: 500px;
} 

#contactsubmit{
width: 100px;
}