/* 
	Project: Crepes On The Square 
	Domain: www.crepesonthesqaure.com
	Created: May 2, 2010
*/

/* ===================================IMAGE REPLACEMENT===================================================== */

.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/* ===================================H1/H2/H3/H4/H5======================================================== */

p,a,span,h1,h2,h3,h4,h5 { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; text-align:center; line-height:150%; }

h2#address { width:715px; height:149px; background:url(../images/index/address.jpg); } 
h3.welcome { width:125px; height:17px; background:url(../images/index/welcome-sh.png) no-repeat; padding:0 0 5px 0; }
h4.what_is_a_crepe { width:223px; height:23px; background:url(../images/index/crepe-sh.png) no-repeat; padding:2px 0; margin:10px 0 0 0; }
h5#copyright { float:left; width:656px; margin:10px 0 0 0; font-size:11px; }

h3#about_us { width:125px; height:18px; background:url(../images/about/about-h.jpg); }

/* ===================================ANCHORS=============================================================== */

a#logo { width:233px; height:209px; float:left; background:url(../images/index/logo.jpg) no-repeat; }
a#facebook { width:161px; height:96px; float:left; background:url(../images/index/facebook-btn.jpg) no-repeat; }
a#twitter { width:156px; height:96px; float:left; background:url(../images/index/twitter-btn.jpg) no-repeat; }
a#print_menu { width:256px; height:48px; float:left; background:url(../images/menu/print.jpg) no-repeat; margin:20px 0 0 0; }

/* ===================================LAYOUT================================================================ */

/* INDEX */

body { text-align:center; background:#fff; }

#body_container { width:948px; margin:0 auto; }
	#header_container { float:left; width:948px; height:209px; }
	#index_welcome_content { float:left; width:378px; height:560px; background:url(../images/index/bg1.jpg) no-repeat; padding: 55px 40px 0 530px; }
		#index_welcome_content div { float:left; width:378px; height:560px; padding: 55px 40px 0 530px; text-align:left; }
		#index_welcome_content p { font-size:15px; color:#000; text-align:left; line-height:170%; }
		#smores { background:url(../images/bg/smores.jpg) no-repeat; }
		#strawberry { background:url(../images/bg/strawberry.jpg) no-repeat; }
		#coffee { background:url(../images/bg/coffee.jpg) no-repeat; }
		#finished { background:url(../images/bg/finished.jpg) no-repeat; }
		#panini { background:url(../images/bg/panini.jpg) no-repeat; }
		#savory { background:url(../images/bg/savory.jpg) no-repeat; }
	#footer { width:948px; height:96px; float:left; background:url(../images/index/footer-bg.jpg) no-repeat; padding:0 0 0 0; }
		#footer_navigation_container { width:631px; float:left; height:50px; }
		#footer_navigation { width:576px; float:left; text-align:center; margin:30px 0 0 70px; }
		#footer_navigation li { float:left; font-size:11px; text-align:center; } 
		#footer_navigation span { padding:0 15px; }

/* INTERIOR */
	
	#content { float:left; width:948px; background:url(../images/interior/stretch.jpg) repeat-y; }
		#left_content { float:left; width:300px; padding:0 0 0 40px; text-align:left; }
			#left_content h2 { color:#61100D; font-size:24px; font-weight:bold; text-align:left; }
			a.menu:link,
			a.menu:visited { color:#0099dd; font-size:12px; text-align:left; }
			a.menu:hover { text-decoration:underline; }
			#left_content p { color:#000; text-align:left; padding:0 30px 0 0; }
		#right_content { float:left; width:454px; padding:0 60px 100px 30px; margin:12px 0 0 0; border-left:2px solid #61100D; }
			#right_content h2 { color:#61100D; font-size:22px; font-weight:bold; text-align:left; margin:-10px 0 0 0; }
			#right_content h3 { width:500px; float:left; font-size:22px; font-weight:bold; text-align:left; }
				h3.savory { color:#cc9933; margin:-10px 0 -5px 0; }
				h3.sweet { color:#cc3333; margin:20px 0 -5px 0; }
				h3.breakfast { color:#660000; margin:20px 0 -5px 0; }
					.extra {  font-size:11px; font-weight:bold; text-align:left; }
						.breakfast { color:#660000; }
				h3.panini { color:#669933; margin:20px 0 -5px 0; }
						.panini { color:#669933; line-height:150%; }
				h3.soup { color:#9CA220; margin:20px 0 -5px 0; }
				h3.salad { color:#3A6116; margin:20px 0 -5px 0; }
				h3.yogurt { color:#D89628; margin:20px 0 -5px 0; }
				h3.pastery  { color:#B7892D; margin:20px 0 -5px 0; }
				h3.kids  { color:#1587B3; margin:20px 0 -5px 0; }
				h3.coffee { width:60%; color:#753F1A;  margin:20px 0 -5px 0; }
					h4.coffee { width:20%; color:#753F1A; font-weight:normal; text-align:right; padding:0 0 0 50px; }
					h4.iced_coffee { color:#753F1A; font-weight:normal; text-align:right; padding:0 0 0 40px; }
					h4.frappe { color:#753F1A; font-weight:normal; text-align:right; padding:0 0 0 10px; }
				h3.iced { color:#9F6A2B;  margin:20px 0 -5px 0; }
				h3.frappe { color:#462A17;  margin:20px 0 -5px 0; }
				h3.non { color:#462A17;  margin:20px 0 -5px 0; }
			#right_content p { font-size:13px; line-height:180%; color:#000} 
			.menu_row { width:454px; float:left; padding:10px 0 10px 0; }
				.item { float:left; width:247px; }
	 				.item p { font-weight:bold; text-align:left; }
				.price { float:left; width:207px; }
					.price p { font-weight:bold; text-align:right; }
				.desc { float:left; width:454px; margin:-5px 0 0 0; }
					.desc p { font-style:italic; text-align:left; }
				.frappe_item { float:left; }
	 				.frappe_item p { font-weight:bold; text-align:left; }
					.frappe_item span { font-style:italic; text-align:left; color:#000; }
			.coffee_sh { width:454px; float:left; }
				.coffee_sh_title { width:60%; float:left; }
				.coffee_sh_size { width:20%; float:left; text-align:right; padding:30px 0 0 0;  }
			.coffee_row { width:474px; float:left; padding:10px 0 10px 0; }
				.coffee_item { float:left; width:322px; }
					.coffee_item p { font-weight:bold; text-align:left; }
	 				.coffee_item span { font-weight:normal; text-align:left; font-size:9px; color:#000; }
				.coffee_price_1 { float:left; width:91px; font-weight:bold; text-align:left; }
					.coffee_price_1 p { text-align:left; font-weight:bold; }
					.coffee_price_1 span { color:#753F1A; font-weight:bold; font-weight:bold; }
				.coffee_price_2 { float:left; width:61px; font-weight:bold; text-align:left; }
					.coffee_price_2 p { text-align:left; font-weight:bold; }
					.coffee_price_2 span { color:#753F1A; font-weight:bold; font-weight:bold; }
				.coffee_price_3 { float:left; width:46px; font-weight:bold; text-align:left; }
					.coffee_price_3 p { text-align:left; font-weight:bold; }
					.coffee_price_3 span { color:#753F1A; font-weight:bold; font-weight:bold; }
				.coffee_price_4 { float:left; width:45px; font-weight:bold; text-align:left; }
					.coffee_price_4 p { text-align:left; font-weight:bold; }
					.coffee_price_4 span { color:#753F1A; font-weight:bold; font-weight:bold; }
				.coffee_price_5 { float:left; width:46px; font-weight:bold; text-align:left; }
					.coffee_price_5 p { text-align:left; font-weight:bold; }
					.coffee_price_5 span { color:#753F1A; font-weight:bold; font-weight:bold; }
				.extra_brown { color:#462A17; font-size:8px; }
				.grey { color:grey; text-align:left; font-size:11px; }
			a.review:link,
			a.review:visited { color:#000; font-size:14px; font-weight:bold; text-align:left; float:left; width:100%; }
			a.review:hover { text-decoration:underline; }
			#right_content p.source { color:grey; font-size:12px; text-align:left; }
	
	#stretch_footer { width:948px; height:25px; background:url(../images/interior/content-footer.jpg) no-repeat; }

/* ABOUT US */
		#about_us_content { float:left; width:888px; background:url(../images/about/about-bg.jpg) no-repeat; padding:70px 0 100px 60px; }
/* MENU */
		#menu_content { float:left; width:888px; background:url(../images/menu/menu-bg.jpg) no-repeat; padding:70px 0 100px 60px; }
/* REVIEWS */
		#reviews_content { float:left; width:888px; background:url(../images/reviews/reviews-bg.jpg) no-repeat; padding:70px 0 100px 60px; }
/* SPECIALS */
		#specials_content { float:left; width:888px; background:url(../images/specials/specials-bg.jpg) no-repeat; padding:70px 0 100px 60px; }
			#newsletter_container { float:left; width:276px; height:143px; background:url(../images/specials/newsletter-bg.jpg) no-repeat; padding:50px 0 0 0; }
			#newsletter label { font-family:verdana, arial, helvetica; color:#660000; font-weight:bold; float:left; width:30%; text-align:right;  margin:16px 0 0 0; }
			#newsletter input { float:left; width:60%; border:1px solid #660000; margin:15px 0 0 5px; }
			#newsletter input#submit { width: 108px; height:33px; border:none; margin:10px 0 0 95px; }
			#fb_connect { float:left; width:400px; margin:0 0 0 -10px; }
			#twitter_connect { float:left; width:400px; margin:30px 0 0 -10px; }
				.social_logo { width:50px; float:left; }
				.social_link { width:250px; float:left; padding:5px 0 0 0; }

/* HOURS & DIRECTIONS */
		#hours_and_directions_content { float:left; width:888px; background:url(../images/hours_directions/hours-bg.jpg) no-repeat; padding:70px 0 100px 60px; }
			.hours { font-family:verdana, arial, helvetica, sans-serif; font-size:13px; color:#000; text-decoration:none; line-height:150%; font-weight:bold; }
			#directions { font-family:verdana, arial, helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; line-height:180%; }
			#map {  margin:30px 0 0 0;
				-moz-box-shadow: 7px 7px 7px #666;
				-webkit-box-shadow: 7px 7px 7px #666;
				box-shadow: 7px 7px 7px #666;
			}

/* ================================================NAV====================================================== */

#top_navigation { width: 715px; height: 60px; z-index: 1; float:left; }
#top_navigation a { display: block; }
#top_navigation li { float:left; }
#top_navigation li a { height:60px; }

#about_us a { background: url(../images/top_nav/about.jpg) top left no-repeat; width:129px; }
#menu a { background: url(../images/top_nav/menu.jpg) top left no-repeat; width:93px; }
#reviews a { background: url(../images/top_nav/reviews.jpg) top left no-repeat; width:116px; }
#specials a { background: url(../images/top_nav/specials.jpg) top left no-repeat; width:121px; }
#hours_and_directions a { background: url(../images/top_nav/hours.jpg) top left no-repeat; width:256px; }

#about_us a:hover, #menu a:hover, #reviews a:hover, #specials a:hover, #hours_and_directions a:hover { background-position:bottom; }
#about_body #about_us a, #menu_body #menu a, #reviews_body #reviews a, #specials_body #specials a, #hours_and_directions_body #hours_and_directions a { background-position:bottom; }


/* ================================================LINKS==================================================== */

a:link, a:visited { font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; line-height:150%; }
a:hover { text-decoration:underline; }

a.top:link, 
a.top:visited { color:#666666; font-size:12px; float:left; }
a.top:hover { text-decoration:underline; }

a.social:link, 
a.social:visited { color:#000; font-size:14px; float:left; font-weight:bold; }
a.social:hover { text-decoration:underline; }

/* ================================================MARGIN/PADDING=========================================== */

/* ================================================FLOATS=================================================== */

.left { float:left; }
.right { float:right; }

/* ================================================TEXT ALIGNMENT=========================================== */

.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }