@charset "UTF-8";
/* CSS Document by Laura Sammons - for WEB120 - restaurant website */

 
/* RESETS */
* {
	margin:0;  /* resets browser defaults so that our pages look the same on every browser */
	padding:0;
	}
	
a img {
	border:none;
	}
	
div {
/*	border: 1px solid red;
*/	}

	
/* BODY TAG */
body {
	text-align:left; /* centers everything in IE6 and below - older browsers */
	font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
	background-color: #bebebe;  /* gray */
	}

/* POSITIONING STYLES: DIVS WITHIN WRAPPER */
#wrapper {
	width:900px; /* fixed width page */
	margin:auto;  /* centers the wrapper in standards-complian browsers (SCB) */
	text-align:left; /* resets IE center hack */
	background-color: #FFF; /* white */
	background-image:url(../images/horizontal_sidebar.gif);
	background-repeat:  repeat-y;
	}
	
#header {
	height:125px;
	padding: 15px 0 0 50px; /* positioning logo */
	background-color: #000;  /* black */
	}
	
#logo {
	float: left;
	}
	
#days {
	float: left;
	padding: 25px 20px 0 0; /* space between days and hours */
	}
	
#hours {
	padding: 25px 0 0 0;
	float: left;
	}
	
#nav {
	height:50px;
	background-color: #000;  /* black */
	}
	
#sidebar1 {
	width:75px; /* was 75 px? */
	float:left;
	margin: 0 0 0 25px;
	}
		
#main {
	/* position: relative; for image styling on home page */
	float:right;
	width:775px; /* fixed width for the main content area */
	/*	background-color:#CF0;  for development purposes. you can see edges. USE FIREBUG! */
	}
	
#content {
	float:left;
	width:750px;
	padding: 0 0 0 25px;
	/*	background-color:#63F;  for development purposes. you can see edges. USE FIREBUG! */
	}
	
.clipping {
	width: 500px;
	margin: 25px 0 25px 50px;
	padding: 10px;
	border: 1px solid black;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	}
	
.clipping p {
	margin: 10px 0;
	text-indent: 25px;
	}
	
.clipping p.author {
	font-size: 12px;
	}
	
.clipping p .btt {
	margin: 0 auto;
	}
	
#footer {
	height:75px;
	clear:both; /* positions the footer beneath the floated elements above */
	background-color: #000;  /* black */
	background-image: url(../images/sidebar-footer.gif);
	background-repeat: no-repeat;
	}
	
#validation {
	clear: both;
	margin: 25px 0 0 425px; /* displays in center of page */
	}	
	
/* MAIN HORIZONTAL NAV STYLES */

#nav {
	width: 900px;
	/* NOTE: put the two things below right next to each other so you know why you are doing it */
	height: 50px; /* so that you can vertically center the menu text */
	line-height: 50px; /* this vertically centers the text in the nav bar - only works with single line of text */
	background-color: #000; /* black color - in case background-image does not load */
	}
		
#nav ul {
	/* margin-left: 25px; indents the nav to match the header and the sidebar */
	/* maybe not necessary */
	}

	
#nav li {
	display: inline; /* NOTE we don't see bullets but they are still there */
	list-style-type: none; /* this gets rid of the bullets - can go on either li or ul */
	padding: 0 0 0 25px; /* space out the nav list items */
	}
	
/* MAIN HORIZONTAL NAV LINK STYLES */

#nav a {
	text-decoration: none; /* removes default underline on link tag */
	/*  background-color: #fff000;  DEV - so you can see the hit area of padding for nav text */
	padding: 14px 15px 14px 0; /* expand the hit area for the text on your nav bar */
	margin-left: -4px; /* this gets rid of weird gap left of each nav item */
	color: #FFF;  /* white */
	font-size: 22px;
	font-weight: bold;
	}
	
#nav a:link {
	color: #fff; /* white */
	}
	
#nav a:visited {
	}
	
#nav a:hover, a:focus {
	text-decoration: underline;
	}
	
#nav a:active {
	color: #bb0000;  /* sp red  */
	text-decoration: underline;
	}
	
#nav a.first {
	color: #bb0000; /* sp red */
	}
	

/* FOOTER NAV STYLES */

#footer {
	width: 900px;
}

#footer ul {
		padding: 20px 0 0 200px;
		}

		
#footer li {
		display: inline; /* NOTE we don't see bullets but they are still there */
		list-style-type: none; /* this gets rid of the bullets - can go on either li or ul */
		}
		
/* FOOTER LINK STYLES */

#footer a {
		text-decoration: none; /* removes default underline on link tag */
		border-right: 1px solid #FFF; /* white right border */
		 /*  background-color: #fff000; DEV - so you can see the hit area of padding for nav text */
		padding: 7px 12px 4px; /* expand the hit area for the text on your nav bar */
		margin-left: -4px; /* this gets rid of weird gap left of each nav item */
		color: #FFF;  /* white color for links */
		font-size: 12px;
		}
		
#footer a.first {
		border-left: 1px solid #FFF; /* white left border on first li in menu list */
		}
		
#footer a:link, a:visited {}
	
#footer a:hover, a:focus, a:active {
		color: #F00; /* red hover and active colors */
		}
		




/* LIST STYLES */

ol, ul {
	margin-left:1em;  /* fixed ul bullet problem */
	padding-left:1em;
	 }

/* TEXT STYLES */

#wrapper p .info {
	font-size: 8px;
	color: white;
	font-weight: bold;
	margin-left: 35px;
	}
	
#wrapper p .info2 {
	font-size: 8px;
	color: black;
	font-weight: bold;
	margin-left: 440px;
	}
	
#days p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	}
	
#hours p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	}

h1 {
	display: none; /* to hide the logo text on each page */
	}
	
h2 {
	font-size: 36px;
	color: #bb0000; /* sp red */
	margin: 20px 0 10px 0; 
	 }
	
#footer p {
	font-size: 8px;
	color: #FFF; /* white */
	margin: 10px 0 0 300px; 
	}
	
/* CONTACT FORM STYLES */

.align_right {
	text-align: right;
	vertical-align: top;
}
.align_left {
	text-align: left;
	vertical-align: top;
}

.btt {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	text-decoration: none;
	color: #666;
	margin-bottom: 3px;
	margin-right: 78px;
	float: right;
	}

/* CSS class for required field elements. */
.required {
	font-style:italic;
	color:#FF0000;
	font-weight:bold;
	}
	
/* LOCATION STYLES */
	
.map {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	text-decoration: none;
	color: #666;
	margin-top: 5px;
	margin-bottom: 20px;
	}
	
/* PRESS STYLES */
	
#content a.press {
	text-decoration: none;
	color: #666; /* gray */
	}
	
#content a.press:hover {
	text-decoration: underline;
	}
	
#press li {
	list-style-type: none;
	line-height: 25px;
	}
	
/* SITEMAP STYLES */
	
#content a.sitemap {
	text-decoration: none;
	color: #666; /* gray */
	}
	
#content a.sitemap:hover {
	text-decoration: underline;
	}
	
#sitemap li {
	list-style-type: none;
	line-height: 25px;
	}
	
/* BEER_VIEW STYLES */

p.beer_description {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666; /* gray */
	line-height: 16px;
	padding: 15px 50px 15px 200px;
	}
	
/* STORE STYLES */
	
img.tshirt {
	border: 5px solid black;
	float: left;
	}
	
.unit p.description {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666; /* gray */
	line-height: 16px;
	padding: 15px 50px 15px 200px;
	}

.unit h4.title {
	padding: 10px 0 0 0;
	margin-left: 175px;
	color: #bb0000; /* sp red */
	}
	
.unit {
	margin: 10px 10px 10px 25px;
	clear: both;
	}
	
.unit form {
		padding: 15px 50px 100px 200px;
	}
	
/* ABOUT STYLES */

img.about {
	border: 5px solid black;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	}
	
.unit_about {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666; /* gray */
	line-height: 16px;
	padding: 15px 50px 15px 0px; /* 20130402 LAURA UPDATED */
	text-align: justify;
	}
	
#content.about_content {
	width: 600px;
	}
	
#content.about_description {
	margin-right: 20px;
	}

.unit_about h4.title {
	margin-bottom: 20px;
	color: #bb0000; /* sp red */
	}
	
.unit_about {
/*	margin: 10px 10px 10px 25px;
*/	clear: both;
	}
	
/* EVENT STYLES */

#content .event_descriptions {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666; /* gray */
	line-height: 16px;
	margin: 0 100px 0 25px;
	}
	
#content h4.title {
	margin: 10px 0 15px 0;
	font-size: 18px;
	color: #bb0000; /* sp red */
	}
	
#content .btt_events {
	margin-top: 100px;
	}
	
/* MENU STYLES */

#menu_nav {
	margin-top: 20px;
	}

#menu_nav a {
	text-decoration: none; /* removes default underline on link tag */
	background-color: #999; /* gray */
	padding: 15px 40px 15px 50px; /* expand the hit area for the text on your nav bar */
	margin-left: -4px; /* this gets rid of weird gap left of each nav item */
	color: #FFF;  /* white */
	font-size: 22px;
	font-weight: bold;
	}
	
#menu_nav li {
		display: inline; /* NOTE we don't see bullets but they are still there */
		list-style-type: none; /* this gets rid of the bullets - can go on either li or ul */
		}

	
#menu_nav a:link {
	color: #fff; /* white */
	}
	
#menu_nav a:visited {
	}
	
#menu_nav a:hover, a:focus {
	text-decoration: underline;
	}
	
#menu_nav a:active {
	color: #bb0000;  /* sp red  */
	text-decoration: underline;
	}
	
#menu_nav a.first {
	color: #bb0000; /* sp red */
	}

#btt_menus {
	}
	
/* MENU DISPLAY STYLES */

.menu_items {
	width: 500px;
	margin: 25px 0 25px 50px;
	padding: 10px;
	border: 1px solid black;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	}
	
.menu_items p {
	margin: 10px 0;
	text-indent: 25px;
	}
		
.menu_items p .btt {
	margin: 0 auto;
	}

	

/* HOME STYLES */
	
#main #content #home_headline {
	font-size: 60px;
	position: absolute; 
	z-index: 10;
	}
	
.home_content {
	padding: 30px 0 0 20px;
	}
	
/* JAVASCRIPT ERROR STYLING FOR CONTACT PAGE */

.required {
	font-style:italic;
	color:#FF0000;
	font-weight:bold;
	}