/*   
Theme Name: BonAppetitEveryone
Theme URI: http://www.bon-appetit-everyone.com/
Description: Theme for the website
Author: Antony
Author URI: http://twitter.com/tonioz/
Template: default
Version: 1.0
.
General comments/License Statement if any.
.
*/ 

/* Makeshift CSS Reset */ 
* {
	margin: 0;
	padding: 0;
}

/*
Antony 
HTML5 elements:
header, section, article
*/

body {
	margin: 0 auto;
	padding:0;
	width: 940px;
	
	font-size: 14px;
  	font-family: "Helvetica Condensed", Helvetica, sans-serif;
	background:#9e9e9e url(images/bodyBg.png) center repeat-y;}

h3 {
	font-size: 2em;
	line-height: 22px;
	padding: 11px 0;}

h4{
	position:relative;
	top:0; left:0;
	color:#00174f;
	font-size:22px;
	letter-spacing:-1px;
	font-weight:normal;
	padding: 10px 10px 10px 10px;
	display:block;}
	
p {
	padding:5px;
	padding-bottom: 22px;}

img {
	border-width:0px;
	padding:0px;
	margin:0px;}

#IMG{
	float:left;
	margin:5px;}

a{
	/*color:#e51837;*/
	color:#00174f;}



/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
------------------------------*/

#wrapper { 
 margin: 0 auto;
}
	#faux {
		background: url("images/faux-background.gif") repeat-y;
		overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
		width: 100%;
		vertical-align:top;
		padding-top: 10px;	}
		
		#leftNav { 
			display: inline;
			float: left;
			width: 170px;	}
			
		#content { 
			width: 770px;
			float: right;
			display: inline;
			position: relative;
			padding-bottom:150px;}
			
			#intro {	
				height:340px;
				background: url("images/header-background.png");
			}
			
			#intro2 {	
				height:200px;}
				
			#intro2 img{	
				width:250px;}
			
			#largeContent { 
				width: 770px;
				float: left;
				display: inline;
				position: relative;
				padding-left: 0px;	}
			
			#mainContent { 
				width: 530px;
				float: left;
				display: inline;
				position: relative;
				padding-left: 10px;	}
			 
			#rightNav { 
				display: inline;
				position: relative;
				float: right;
				width: 200px;	
				margin-right:10px;}
			
		#footer {
			clear: both;
			width: 940px;	
			position: relative;}
		 
			#contact-us{
				position: absolute;
				right:40px;
				bottom:0;
				z-index:9;
				width:270px;
				background: url("images/footer-background.png") repeat;}

.clear { clear: both; background: none; }



/*------------------------------
=MENU
------------------------------*/
#menu {
	left: 0;
	width: 100%;
	font-size: 20px;
	letter-spacing:-1px;
	position:relative;
	padding-top:20px;
}

	#menu ul {
		width: 95%;
		list-style: none;
	}
		
			#menu ul li a {
				display: block;
				width: 100%;
				height:18px;
				padding:0 10px 0 0;
				text-align: right;
				text-decoration: none;
				color:#00174f;
			}
			
				#menu ul li a:hover {
					color: #333333;
				}
			
			#menu ul li.selected a {
				color: #e51837;
				font-size:26px;
			}
			
			#menu ul li.category {
				padding-top:15px;
				display: block;
				width: 100%;
				height:18px;
				font-size:20px;
				text-align: right;
				color: #fff;
			}
			
			#menu ul li.selectedCategory a {
				padding-top:15px;
				color: #e51837;
				font-size:26px;
			}



/*------------------------------
=SOCIAL MEDIAS LINKS
------------------------------*/
#social-medias{
	float:right
}

#social-medias ul{
	list-style: none;
}

#social-medias ul li {
	float: left;
	padding: 10px 5px 0px 0px;
}

#social-medias img{
	border:0px;
	width:55px;
}


/*------------------------------
=LOGO
------------------------------*/
#logo{
	position:absolute;
	padding: 40px 0px 0px 10px;
}




/*------------------------------
=BLOG POST
------------------------------*/
.blogPost header h2{
	color:#00174f;
	font-size:30px;
	letter-spacing:-1.4px;
	font-weight:normal;
	padding: 15px 10px 15px 65px;
	display:block;
	background: url("images/badge.png") no-repeat;	}
	

.blogPost header a{
	color:#00174f;
	font-size:28px;
	letter-spacing:-1.4px;
	font-weight:normal;}
	
		.blogPost header a:hover {
			text-decoration:underline;		}

.blogPost div#date{
	position:absolute;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-1px;
	margin: 19px 0 0 -20px;}

.blogPost div {
	font-size: 14px;
	line-height:14px;
	padding: 5px 5px 0px 30px;}

.blogPost div ul, .blogPost div ol{
	padding:5px 0 10px 30px;}
	
.blogPost img {
	max-width:475px;
	margin:5px;
	-webkit-box-shadow: 3px 3px 7px #777;}

.blogPost a{
	color:#e51837;
	font-size:14px;
	text-decoration:none;}

.blogPost a:hover{
	text-decoration:underline;}

#categories, #comments, #author{
	padding-left:35px;
	padding-bottom:0px;
	widows:100%}
#categories{
	padding-top:10px;
	border-top: 1px dashed #00174f;}
#comments{
	padding-bottom:10px;
	border-bottom: 1px dashed #00174f;}
#space{
	height:40px;}
	
	
	


/*------------------------------
=COMMENTS
------------------------------

#comments {
	margin-top: 21px;
	padding-top: 22px;
	border-bottom: 1px solid #d7d7d7;
}

	#comments article {
		display: table;
		padding: 22px;
	}
	
	#comments article:nth-child(odd) {
		padding: 21px;
		background: #E3E3E3;
		border: 1px solid #d7d7d7;
		
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;	
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
		#comments article header {
			display: table-cell;
			width: 220px;
			padding-right: 22px;
		}
		
			#comments article header a {
				display: block;
				font-weight: bold;
				color: #000;
			}
			
				#comments article header a:hover {
					text-decoration: none;
				}
		
		#comments article p {
			padding: 0;
		}



/*------------------------------
=COMMENT FORM
------------------------------*/
#entry{
	padding-top:30px;}
	
		#reply form textarea{
			width: 495px;
			height: 150px;
			border: 1px solid #d7d7d7;
		}


	






/*------------------------------
=SIDEBAR
------------------------------*/
#rightNav div{
	margin-bottom: 5px;
	padding: 0px 5px 15px 5px;
			
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	font-size: 14px;
	line-height:14px;
}

#rightNav a{
	color:#00174f;
}
			
	/*------------------------------
	=SEARCH
	------------------------------*/
	#search-3 .screen-reader-text{
		display:block;}
	#search-3 input#s{
		border: 1px solid #d7d7d7;
		width:120px;
		float:left;
		font-size:14px;}
	
			
	/*------------------------------
	=TWITTER-TOOLS
	------------------------------*/
	div#twitter-tools{
		color:#FFFFFF;
		background: url("images/left-nav-background.jpg") repeat;}
		
	#twitter-tools h3{
		background: url("images/recently.png") no-repeat;
		padding-bottom:35px;
		margin-bottom:5px;
		border-bottom:1px #8498cb solid;}
	
	#twitter-tools ul{
		list-style: square;
		margin-top:15px;
		margin-left:15px;}
	
	#twitter-tools li{
		padding:0 0 15px 0;}





/*------------------------------
=FOOTER
------------------------------*/
#footer{
	font-size:12px;
	color:#777;	}
	
#footer h3{
	padding: 10px;
	font-size:16px;
	font-weight:normal;	}

#footer table {
	margin:5px;	}

#footer a {
	color:#FFFFFF;
	text-decoration:none	}

	#footer a:hover {
		color: #FFF;
		text-decoration:underline;}
	
	#footer ul {
		list-style: none;}
	
	
	/*------------------------------
	=HELP: links & copyrights
	------------------------------*/	
	#help{
		vertical-align:bottom;
		width:100%;
		background: transparent url("images/footer-background.png") repeat;}
		
	/*------------------------------
	=CONTACT US
	------------------------------*/
	#contact-us{
		text-align:right;
		padding:20px;
		
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;	
		-moz-border-radius: 10px;
		border-radius: 10px;}
		
	#contact-us input{
		background-color:#313131;
		color:#ffa9bc;
		margin:2px;
		border:0;
		padding:2px;
		width:180px;}
		
	#contact-us textarea{
		background-color:#313131;
		color:#ffa9bc;
		padding:2px;
		border:0;
		margin:2px;
		overflow:auto;
		width:260px;}

	h3.contact-us{
		background: url("images/contact-us.png") no-repeat;
		padding-bottom:35px;
		margin-bottom:5px;
		border-bottom:1px #8498cb solid;
	}


	
	




/*------------------------------
=HOMEPAGE
------------------------------*/
#experience, #about-the-project {
	margin-bottom: 15px;
	padding: 0px 5px 15px 5px;
	color:#FFFFFF;
	background: url("images/left-nav-background.jpg") repeat;
	
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;}

#experience h3{
	background: url("images/experience.png") no-repeat;
	padding-bottom:35px;
	margin-bottom:5px;
	border-bottom:1px #8498cb solid;
}

#about-the-project h3{
	background: url("images/about-the-project.png") no-repeat;
	padding-bottom:35px;
	margin-bottom:5px;
	border-bottom:1px #999999 solid;
} 

#learn h3{
	padding-bottom:35px;
	margin-bottom:5px;
	border-bottom:1px #E1E1E1 solid;
	background: url("images/learn.png") no-repeat;
}

		
#experience p{
	padding-top:5px;
	padding-bottom:5px;}
	
#experience img{
	float:left;
	padding:5px;
	margin:0px;}

#about-the-project p{
	padding:5px 0 5px 10px;}
	
	
	
	
	
	
	
	
	

/*------------------------------
=RECIPES PAGE
------------------------------*/	
#recipe, #newRecipe{
	background: url("images/recipe.png") no-repeat;
	padding:0px;
	margin:0px;
	width:130px;
	height:130px;
	float:left;
	opacity:0.5;
	filter:alpha(opacity=50);
	float:left;
	cursor:pointer;}
	
#newRecipe{
	background: url("images/new-recipe.png") no-repeat;}
	
	
#recipe h4, #newRecipe h4{
	display:block;
	position:relative;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom:5px;
	text-align:center;
	width:92px;
	height:30px;
	vertical-align:middle;
	font-weight:normal;}

#newRecipe h4{width:75px;}
	
#recipe IMG, #newRecipe IMG{
	text-align:center;
	margin-left:15px;
	max-width:80px;}
	
#recipe a, #newRecipe a{
	color:#e51837;
	font-size:18px;
	line-height:17px;
	letter-spacing:-1px;}
	
#recipe a, #newRecipe a{
	text-decoration:none}
	
#meals, #desserts, #entrees{
	margin-bottom:30px;
	padding-top:40px;
	float:left;}
	
#meals{
	background: url("images/meals.png") no-repeat;}
	
#desserts{
	background: url("images/desserts.png") no-repeat;}
	
#entrees{
	background: url("images/entrees.png") no-repeat;}







	
	

/*------------------------------
=RESTAURANTS PAGE
------------------------------*/	
#restaurants-list{
	display: table-cell;
	max-width: 380px;
	float:left;}	
#restaurants-list li{
	list-style-type:none;
	display:block;
	width:100%;}
#restaurants-list img{
	float:right;}
#restaurants-list a{
	color:#00174f;
	display:block;
	padding-bottom:10px;
	white-space:normal; 
	font-size:20px;
	line-height:18px;
	letter-spacing:-1px;
	text-decoration:none}
#restaurants-list a:hover{
	text-decoration:underline}
	
#restaurant-details{
	font-weight:bold;
	float:bottom}
#restaurant-details p{
	text-align:left}
#restaurants-details IMG{
	padding:10px;
	text-align:center}
	
	
	
	
	
	
	
	
/*------------------------------
=MAP OF FRENCH WINES PAGE
------------------------------*/	
	
#map{
	width: 380px;
	margin: 0;
	float: left;}
#zoom{
	width: 360px;
	margin: 5px 5px 120px 0;
	float:right;}
	
#about-the-project ul{
	padding-left:10px;
	padding-top:10px;}
#about-the-project li{
	padding-left:10px;
	list-style-position:inside;}