/*
THEME NAME: Chez Panisse Restaurant
THEME URI: http://www.chezpanisse.com/
DESCRIPTION: Custom theme for Chez Panisse Restaurant.
VERSION: 1.0
AUTHOR: futurepruf Design + Development 
AUTHOR URI: http://futurepruf.com/
TAGS: 

*/

/*================ GLOBAL ================*/

html, body { background: #000; }

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: Georgia, Times, "Times New Roman", serif;
}

a {
	color: #4D4D4D;
	text-decoration: underline;
}

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

a:active { outline: none; }
:focus { -moz-outline-style: none; }


#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	background-color: #808285;
	height: auto;
}

/*================ HEADER ================*/

#header {
	width: 300px;
	float: left;
	height: 650px;
	padding: 0 25px;
	margin: 0;
	background: url('/wp-content/themes/chez_panisse/library/images/logo_navigation.png') no-repeat 0 0;
	position: relative;
}

	#header h1 {
		margin: 0;
		padding: 0;
		height: 120px;
		width: 300px;
		text-indent: -9999px;
	}
	
		#header h1 a {
			display: block;
			height: 120px;
			width: 300px;
			cursor: pointer;
		}
	
	#header ul {
		position: absolute;
		top: 119px;
		left: 25px;
		margin: 0;
		padding: 0;
		width: 300px;
		height: 531px;
		list-style: none;
	}
	
		#header ul li {
			position: absolute;
			text-indent: -9999px;
		}
		
			#header ul li a {
				display: block;
				background-image: url('/wp-content/themes/chez_panisse/library/images/logo_navigation.png');
			}
			
	.page-item-7 { width: 300px; height: 50px; top: 0; left: 0; }
		.page-item-7 a { width: 300px; height: 50px; background-position: -25px -119px; }
		.page-item-7 a:hover, .current_page_item-7 a { background-position: -375px -119px; }
		
	.page-item-2 { width: 300px; height: 22px; top: 50px; left: 0; }
		.page-item-2 a { width: 300px; height: 22px; background-position: -25px -169px; }
		.page-item-2 a:hover, .current_page_item-2 a { background-position: -375px -169px; }
		
	.page-item-14 { width: 300px; height: 45px; top: 72px; left: 0; }
		.page-item-14 a { width: 300px; height: 45px; background-position: -25px 459px; }
		.page-item-14 a:hover, .current_page_item-14 a { background-position: -375px 459px; }
		
	.page-item-16 { width: 162px; height: 16px; top: 121px; left: 0; }
		.page-item-16 a { width: 162px; height: 16px; background-position: -25px 410px; }
		.page-item-16 a:hover, .current_page_item-16 a { background-position: -375px 410px; }

	.page-item-18 { width: 128px; height: 16px; top: 121px; left: 172px; }
		.page-item-18 a { width: 128px; height: 16px; background-position: -197px 410px; }
		.page-item-18 a:hover, .current_page_item-18 a { background-position: -547px 410px; }

	.page-item-20 { width: 162px; height: 20px; top: 137px; left: 0; }
		.page-item-20 a { width: 162px; height: 20px; background-position: -25px 394px; }
		.page-item-20 a:hover, .current_page_item-20 a { background-position: -375px 394px; }

	.page-item-22 { width: 128px; height: 20px; top: 137px; left: 172px; }
		.page-item-22 a { width: 128px; height: 20px; background-position: -197px 394px; }
		.page-item-22 a:hover, .current_page_item-22 a { background-position: -547px 394px; }

	.page-item-24 { width: 300px; height: 64px; top: 157px; left: 0; }
		.page-item-24 a { width: 300px; height: 64px; background-position: -25px 374px; }
		.page-item-24 a:hover, .current_page_item-24 a { background-position: -375px 374px; }

	.page-item-26 { width: 140px; height: 20px; top: 221px; left: 0; }
		.page-item-26 a { width: 140px; height: 20px; background-position: -25px 310px; }
		.page-item-26 a:hover, .current_page_item-26 a { background-position: -375px 310px; }

	.page-item-28 { width: 152px; height: 20px; top: 221px; left: 148px; }
		.page-item-28 a { width: 152px; height: 20px; background-position: -173px 310px; }
		.page-item-28 a:hover, .current_page_item-28 a { background-position: -523px 310px; }

	.page-item-30 { width: 118px; height: 20px; top: 241px; left: 0; }
		.page-item-30 a { width: 118px; height: 20px; background-position: -25px 290px; }
		.page-item-30 a:hover, .current_page_item-30 a { background-position: -375px 290px; }
	
	.page-item-33 { width: 67px; height: 20px; top: 241px; left: 128px; }
		.page-item-33 a { width: 67px; height: 20px; background-position: -153px 290px; }
		.page-item-33 a:hover, .current_page_item-33 a { background-position: -503px 290px; }
		
	.page-item-35 { width: 97px; height: 20px; top: 241px; left: 203px; }
		.page-item-35 a { width: 97px; height: 20px; background-position: -228px 290px; }
		.page-item-35 a:hover, .current_page_item-35 a { background-position: -578px 290px; }

	.page-item-37 { width: 300px; height: 22px; top: 261px; left: 0; }
		.page-item-37 a { width: 300px; height: 22px; background-position: -25px 270px; }
		.page-item-37 a:hover, .current_page_item-37 a { background-position: -375px 270px; }

	.page-item-40 { width: 300px; height: 40px; top: 283px; left: 0; }
		.page-item-40 a { width: 300px; height: 40px; background-position: -25px 248px; }
		.page-item-40 a:hover, .current_page_item-40 a { background-position: -375px 248px; }

	.page-item-58 { width: 300px; height: 21px; top: 323px; left: 0; }
		.page-item-58 a { width: 300px; height: 21px; background-position: -25px 208px; }
		.page-item-58 a:hover, .current_page_item-58 a { background-position: -375px 208px; }

	.page-item-store { width: 300px; height: 46px; top: 344px; left: 0; }
		.page-item-store a { width: 300px; height: 46px; background-position: -25px 187px; }
		.page-item-store a:hover, .current_page_item-store a { background-position: -375px 187px; }

	.page-item-books { width: 113px; height: 22px; top: 390px; left: 0; }
		.page-item-books a { width: 113px; height: 22px; background-position: -25px 141px; }
		.page-item-books a:hover, .current_page_item-books a { background-position: -375px 141px; }

	.page-item-posters { width: 67px; height: 22px; top: 390px; left: 120px; }
		.page-item-posters a { width: 67px; height: 22px; background-position: -145px 141px; }
		.page-item-posters a:hover, .current_page_item-posters a { background-position: -495px 141px; }

	.page-item-gifts { width: 100px; height: 22px; top: 390px; left: 200px; }
		.page-item-gifts a { width: 100px; height: 22px; background-position: -225px 141px; }
		.page-item-gifts a:hover, .current_page_item-gifts a { background-position: -575px 141px; }

	.page-item-42 { width: 300px; height: 39px; top: 410px; left: 0; }
		.page-item-42 a { width: 300px; height: 39px; background-position: -25px 121px; }
		.page-item-42 a:hover, .current_page_item-42 a { background-position: -375px 121px; }

	.page-item-44 { width: 300px; height: 19px; top: 452px; left: 0; }
		.page-item-44 a { width: 300px; height: 19px; background-position: -25px 79px; }
		.page-item-44 a:hover, .current_page_item-44 a { background-position: -375px 79px; }

	.page-item-47 { width: 144px; height: 29px; top: 474px; left: 0; }
		.page-item-47 a { width: 144px; height: 29px; background-position: -25px 57px; }
		.page-item-47 a:hover, .current_page_item-47 a { background-position: -375px 57px; }

	.page-item-49 { width: 147px; height: 29px; top: 474px; left: 153px; }
		.page-item-49 a { width: 147px; height: 29px; background-position: -178px 57px; }
		.page-item-49 a:hover, .current_page_item-49 a { background-position: -528px 57px; }
	

/*================ CONTENT ================*/


#main {
	width: 650px;
	float: left;
	height: auto;
	overflow: hidden;
	position: relative;
}

#container {
	overflow: hidden;
	position: relative;
}

#content {
	background-color: #EDEBE1;
	color: #4D4D4D;
	font-size: 14px;
	height:600px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 25px;
	width: 600px;
}

.pageid-5 #content,
.pageid-7 #content,
.pageid-14 #content,
.pageid-24 #content,
.pageid-40 #content,
.pageid-42 #content,
.pageid-store #content { cursor: pointer; }

.pageid-5 #content,
.pageid-7 #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_reservations.jpg') no-repeat; }
.pageid-14 #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_menus.jpg') no-repeat; }
.pageid-24 #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_about.jpg') no-repeat; }
.pageid-40 #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_specialevents.jpg') no-repeat; }
.pageid-42 #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_contact.jpg') no-repeat; }
.pageid-store #content { background: url('/wp-content/themes/chez_panisse/library/images/landingpage_store.jpg') no-repeat; }
.pageid-18 #content { text-align: center; }

.entry-content { padding-bottom: 20px; height: auto; }

	#content :first-child {
		margin-top: 0;
	}

	#content h2 {
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #000;
	}
	
	#content h3 {
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	
	#content h4 {
	}
	
	#content p {
	}
	
/* Mailing List */

.pageid-49 #content form {
	float: left;
	width: 568px;
	border: 1px #535353 solid;
	background: #FFF;
	padding: 16px;
}

.pageid-49 #content div {
	float: left;
	width: 568px;
}

.pageid-49 #content p {
	float: right;
	width: 100%;
}

.pageid-49 #content input[type='text'] {
	float: left;
	border: 1px #535353 solid;
	padding: 2px 0;
}

.pageid-49 #content input.first_name { width: 274px; margin-right: 16px; }
.pageid-49 #content input.last_name { width: 274px; }
.pageid-49 #content input.email { width: 566px; margin-top: 12px; }

.pageid-49 #content input[type='submit'] {
	float: right;
	margin-top: 16px; 
	height: 20px;
	width: 52px;
	text-indent: -9999px;
	background: url('/wp-content/themes/chez_panisse/library/images/button_submit.png') no-repeat;
	cursor: pointer;
	border: 0;
}

/* Press */

.pageid-35 #content a {
	font-weight: bold;
	text-decoration: none;
}

/*================ FOOTER ================*/

#footer {
	color: #B3B3B3;
	font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 25px;
	width: 970px;
	float: left;
	padding: 13px 15px 0 15px;
}
	
	#footer p {
		margin: 0;
		padding: 0;
	}

	#footer ul {
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#footer ul li {
			float: left;
			margin: 0 0 0 10px;
		}
		
			#footer ul li a {
				color: #FFF;
				text-decoration: none;
			}
			
/*================ STORE ================*/

.store #content {
	padding: 25px 0 50px 50px;
	width: 600px;
}

.store .button_checkout {
	display: block;
	position: absolute;
	top: 0;
	right: 137px;
}

	.store .button_checkout img {
		border: none;
	}
	
.pageid-gifts #content {
	padding: 25px 50px 50px 50px;
	width: 550px;
}

.store .entry-content form {
	height: auto;
	width: 585px;
	float: left;
}

.store .entry-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	width: 585px;
	float: left;
}

.store .entry-content ul li {
	background: #FFF;
	float: left;
	height: 335px;
	margin: 0 60px 50px 0;
	padding: 15px;
	width: 200px;
  position: relative;
}

.store .entry-content ul li .wrap_image { float: left; width: 200px; height: auto; text-align: center; }
.store .entry-content ul li .wrap_image img { }


.store .entry-content ul li h4 {
	color: #000;
	float: left;
	width: 200px;
	margin: 0;
}

.store .entry-content ul li p {
	float: left;
	color: #4D4D4D;
	font-size: 14px;
	width: 200px;
	margin: 4px 0;
}

.store .entry-content ul li input {
	bottom: 15px;
	left: 14px;
	position: absolute;
	width: 75px;
	height: 20px; 
	background: url('/wp-content/themes/chez_panisse/library/images/addtocart.gif') no-repeat;
	border: none;
	cursor: pointer;
}

.pageid-gifts .wrap_gift {
	border: 1px #535353 solid;
	background: #FFF;
	padding: 10px;
	margin: 0 0 10px 0;
	height: auto;
}

.pageid-gifts .wrap_gift label {
	color: #000;
	font-weight: bold;
	width: 260px;
	float: left;
	height: 20px; 
	line-height: 22px;
}

.pageid-gifts .wrap_gift input[type='text'] {
	float: left;
	width: 140px;
	height: 18px; 
	padding: 0;
	margin: 0 30px 0 0;
	font-size: 11px;
	line-height: 18px;
	border: 1px #535353 solid;
}

.pageid-gifts .wrap_gift input[type='submit'] {
	float: left;
	width: 75px;
	height: 20px; 
	background: url('/wp-content/themes/chez_panisse/library/images/addtocart.gif') no-repeat;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.pageid-gifts .details {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px #535353 solid;
	font-size: 10px;
	font-family: Verdana, 'Geneva', sans-serif;
}

/*================ CLASSES ================*/

.clear { clear: both; }

/*================ WORDPRESS ================*/

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/*
  .entry-content h2 {
    visibility: hidden;
  }
*/
}