/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title :  Olea Restaurant Stylesheet
Created : 7/19/2006
Modified : 03/18/2006
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

*{ margin:0; padding:0;}
body{ margin:0; padding:0; color: #6b5b34; background: #FFF; font-family: "Times New Roman", serif;}

/* ----- GENERIC ----- */

a{ color: #564417; text-decoration:none; background-color:transparent;}
a:hover{ color:#ff6666; background-color:transparent;}
p{ font-size: 11px; text-align: left; padding-bottom: 10px; line-height: 12px;}
h3, h4 {margin:0;}
/* ----- SPECIFIC ----- */

#wrapper{ margin:0; background: url(images/tile.gif);}

#main{ width: 900px; height: 821px; margin: 0; padding: 0;
background: url(images/main_bg.gif) no-repeat; text-align:left; }
.narrow { padding:0; }
.middle { padding:0 224px; }
.wide { padding:0 448px; }


#nav { padding: 296px 86px 8px 223px; float: left; }
#nav_items {font-size: 10px; width: 244px; height: 10px; 
background: url(images/nav.gif); position: relative; }
#nav_items a{text-indent: -9999px;}
#nav_items li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav_items li, #nav a { height: 11px; display: block;}
#nav_home {left: 0; width: 59px;}
#nav_menu {left: 60px; width: 57px;}
#nav_directions {left: 118px; width: 58px;}
#nav_gallery {left: 176px; width: 66px;}
#nav_home  a:hover { background: transparent url(images/nav.gif) 0 -10px no-repeat;}
#nav_menu a:hover { background: transparent url(images/nav.gif) -60px -10px no-repeat;}
#nav_directions a:hover { background: transparent url(images/nav.gif) -118px -10px no-repeat;}
#nav_gallery a:hover { background: transparent url(images/nav.gif) -176px -10px no-repeat;}

#about {padding: 0 28px 0 223px; width: 255px; height: 308px; 
overflow: hidden; float:left; position: relative; }
#about img{margin-right:5px;}
#about p {font-size: 13px; line-height: 19px;}
#pics {position:absolute; top:228px; }
#pics a img {border: 1px solid #ff6666;}
#map { padding: 10px 0 0 0; width: 456px; height: 310px; clear: left; margin-left: 223px; 
border: 1px solid #564417;  color: #6b5b34; font-size:11px; background-color:transparent;}
#gallery {width: 456px; height: 310px; clear: left; margin-left: 111px; }
#menu_body { padding: 10px; width: 434px; height: 302px; clear: left; margin-left: 223px; 
border: 1px solid #564417; color: #6b5b34; font-size:11px; overflow:auto; text-align:center;
background-color:transparent;}

#divider { background: url(images/divider.gif) no-repeat; padding: 0; 
margin: 0; width: 4px; height: 308px; float: left; } 

#events_head{ padding: 294px 0 0; margin:0 0 0 43px; float:left; font-size:10px;}
#events_head h3 {width:41px;height:12px;text-indent:-9999px;background: url(images/events.gif) no-repeat;}
#events {width: 185px; height: 308px; float: left; text-align: 
center; padding: 0 12px 10px; font-size: 10px; overflow: hidden;}
.event {margin-bottom: 20px;}
.event_title {  font-size: 14px; padding-bottom: 2px; background: url(images/dot.gif) repeat-x bottom left;}
.event_location{ color:#564417; padding-top: 10px; font-size:12px; line-height:12px;
background-color:transparent;}
.event_description  { font-size: 11px; line-height:11px;}
.event_time { font-size: 11px;  line-height:11px;}

#footer {padding: 10px 0 0 223px; text-align: center; font-size: 10px; width: 450px; clear:left;}
#address_line {margin: 12px auto;width: 450px;height:15px;}
#address {width:310px;height:15px; text-align:center;
	text-indent:-9999px;background: url(images/address.gif) no-repeat; float:left;margin-left:22px;}
#contact {float:left;width:76px;height:15px; padding:0;}
#contact a {width:76px;height:15px; text-align:center; margin-left:20px;
	text-indent:-9999px;background: url(images/contact.gif) no-repeat; line-height:15px;}
#contact a:hover {background: transparent url(images/contact.gif) 0 -15px no-repeat;}
#visit {margin: 0 auto 3px; width:167px;height:16px; text-align:center;
	text-indent:-9999px;background: url(images/visit.gif) no-repeat;}
#footer_links {font-size: 10px; width: 217px; height: 13px; margin:auto;
background: url(images/links.gif); position: relative;}
#footer_links a{text-indent: -9999px;}
#footer_links li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#footer_links li, #footer a { height: 13px; display: block;}
#link_moes {left: 0; width: 72px;}
#link_pequena {left: 73px; width: 66px;}
#link_maggiebrown{left: 140px; width: 77px;}
#link_moes  a:hover { background: transparent url(images/links.gif) 0 -13px no-repeat;}
#link_pequena a:hover { background: transparent url(images/links.gif) -73px -13px no-repeat;}
#link_maggiebrown a:hover { background: transparent url(images/links.gif) -140px -13px no-repeat;}

/* ----- MENU STYLES ----- */

.intro { font-size:11pt; text-align: center; }
.menu { font-size:16pt; text-align: center; padding-top: 10px; color:#564417;
background-color:transparent;}
.menu_desc { font-size:11pt; text-align: center; }
.course { font-size:16pt; text-align: center; padding-top: 10px; color:#564417; 
background-color:transparent;}
.course_desc { font-size:11pt; text-align: center; }
.dish { font-size:11pt; text-align: center;}