/* Arkitkt 01 - an open source xhtml/css website layout by Scott Benedict--arkitkt.com.
Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.0 (28 Jun 2006) */

/* @import url(global.css); */

/*global defaults*/

* {   
     padding: 0;   /*Resets padding, margin, and borders to 0 for cross-browser consistency*/
     margin: 0;
     border: 0; 
}

body {   
     font-size: 62.5%;   /*Sets 1em=10px. Remember formula Childpx/Parentpx=Childem*/
     background-color: transparent; 
}

:link, :visited {   
     text-decoration: none;    /*Removes underline from link/visited for readability*/
}

ul, ol {
     list-style: none;    /*Removes bullets from lists*/
}

a img, :link img, :visited img {
     border: none;    /*Removes border images*/
}

a:link 		{color: EFC02F}
a:hover 	{color: EFC02F; text-decoration: underline}
a:visited	{color: EFC02F}
a:active	{color: EFC02F }

option {
     min-width: 1.5em;    /*Fixes mozilla problem with forms caused by universal reset*/
}

/* end global defaults */


body {
	background-color: #FFFFFF;
	margin: 0 auto;
	font-size: 1.2em;
}

#page {
     margin: 0 auto;
     width: 750px;
     position: relative;
     top: 10px; 
}

#header {
     width: 750px;
     height: 283px; 
}

#navbar {
	display: inline;
	float: left;
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
	z-index: -1;
}



#navbar a {
	color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
}

#navbar a:hover {
     color: #650B14;
}

#home {
	position: relative;
	width: 75px;
	left: 185px;
	top: 25px;
}



#news {
	position: relative;
	left: 285px;
	top: 85px;
	width: 75px;
}



#links {
	position: relative;
	left: 400px;
	top: 120px;
	width: 75px;
}



#about {
	position: relative;
	top: 135px;
	width: 75px;
	left: 545px;
}



#contact {
	position: relative;
	left: 725px;
	top:145px;
	width: 75px;
}



#title {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     text-align: right;
     position: relative;
     right: 35px;
     font-size: 2.5em;
     top: -85px;
     }



#slogan {
	color: #650B14;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: small;
	position: relative;
	right: 20px;
	top: -15px;
}



#wrapper {
     background-image: url(images/bg.png);
     background-repeat: repeat-y;
     width: 750px;
     float: left; 
}

#content {
	width: 451px;
	position: relative;
	float: left;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-color: #EFC02F;
}
#content a:link 	{color: 650B14}
#content a:hover 	{color: 650B14; text-decoration: underline}
#content a:visited 	{color: 650B14}
#content a:active 	{color: 650B14}

.entrytitle {
     color: #650b14;
     font-size: 1em;
     padding-bottom: 5px; 
}

.entry {
     font-family: Arial, Helvetica, sans-serif;
     color: #5d761b;
     text-align: justify;
     font-size: .7em;
     padding-bottom: 20px; 
}

.entry a {
     color: #650b14;
}

.entry a:visited {
     text-decoration: line-through; 
}

.entry a:hover {
     color: #ae7e0f;
}

#submenu {
	width: 220px;
	float: left;
	position: relative;
	top: 0px;
	z-index: 5;
	background-color: #0C13A4;
}
#submenu a:link 	{color: EFC02F}
#submenu a:hover 	{color: EFC02F; text-decoration: underline}
#submenu a:visited	{color: EFC02F}
#submenu a:active	{color: EFC02F }

#submenu h3 {
     padding-top: 25px; 
}

.menutitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #650b14;
	font-size: 0.75em;
	text-decoration: none;
	text-align: center;
	padding-bottom: 10px;
}

ul a {
     font-family: Arial, Helvetica, sans-serif;
     color: #efc02f; 
     font-size: .6em;
     text-align: center;
     display: block;
     padding-bottom: 5px; 
}



ul a:hover {
	color: #EFC02F;
}

.menuactive {}

li {}

a {}

#footer {
     width: 750px;
     height: 180px;
     background-image: url(images/footer3.png);
     clear: both; 
}



.copyright {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	position: relative;
	top: 65px;
	left: 325px;
}



/* These three styles combined defined the look of the "hours of operation" text in the submenu
*
*/
.style6 {font-size: small}
.style10 {font-style: italic}
.style28 {color: #EFC02F}


/*  These define the text attributes on the content portion of the "map" page
*
*/
.style50 {color: #650B14}
.style51 {font-size: small}



/* These define the lengths of the submenu on each page.  These sizes must be adjusted if the length
*  length of the content area is changed.   
*
*  THIS IS FUCKING IMPORTANT!!!!!!!
*
*  Dreamweaver sucks.   It doesn't display section lengths properly.   You can ONLY verify the lengths
*  of the submenu and the content area by looking in a browser.  DO NOT GO BY WHAT YOU SEE IN DREAMWEAVER
*  or you're gonna be sorry. 
*
*/
/*.index_submenu_size  {height: 1034px}
.bar_special_events_submenu_size {height: 900px}  /* originally 740px 
.brunch_menu_submenu_size {height: 882px}
.desserts_menu_submenu_size {height: 720px}
.dinner_menu_submenu_size {height: 2264px}
.map_submenu_size {height: 780px}
.reviews_submenu_size {height: 820px}*/


a:link {}

a:visited {

}

a:hover {}

a:active {}

/* *** ie hacks *** */

* html #navbar {
     top: 7px;   /*ie hack*/
}

* html #home {
     top: 10px;   /*ie hack*/
}

* html #news {
     top: 59px;   /*ie hack*/
}

* html #links {
     top: 102px;   /*ie hack*/
}

* html #about {
     top: 126px;   /*ie hack*/
}

* html #contact {
     top: 122px;
}

* html #title {
     top: -105px;   /*ie hack*/
}

* html #slogan {
     top: -110px;   /*ie hack*/
}

* html #submenu ul a {
     height: 15px;
}