/* -----------------------------------------------------------------------------
Basic Style Sheet (modern browsers)

version: 1.0
author:  Luann Ebert
email:   ltebert@comcast.net
date:    November 24, 2008

For Jacob Wirth home page redesign
---------------------------------------------------------------------------*/

/* :TODO: Remember to remove this rule before thie site goes live */
/* :KLUDGE: */
/* :BUG: */


/* =colors
---------------------------------------------------------------------------
background yellow       #ffffcc
outside background		tan
bright red   			#cc0000
dull red				#ff0000
brown text				#330000
*/

/* =Layout and Positioning all pages
---------------------------------------------------------------------------*/

/* get rid of all default padding and spacing */
* {
padding: 0;
margin: 0;
}

img {
padding: 0;
margin: 0;
vertical-align: top;
border: 0;
}


body {
background-color:tan;
font-family:verdana,geneva,arial;
color:#330000;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align: left;
position: relative;
}

.clear {
clear: both;
}

/* POSITIONING  */

/* main wrapper that holds it all centrally, every page */
#wrapper {
width: 860px;
margin: 30px auto 20px;
padding: 20px; 
background-color: #ffffcc;
/*border: solid red 1px;*/
}

#header {
padding-bottom: 14px;
width: 860px;
}

#content {
position: relative;
}

#restaurant_description {
width: 331px;
}

#whats_happening {
width: 529px;
float: right;
padding: 0;
margin: 0;
}

.tile {
width: 258px;
height: 250px;
border: solid #330000 1px;
float: left;
margin: 3px 0 9px 0;
padding: 0;
}

.left {
float: left;
}

/* =Typgraphy 
---------------------------------------------------------------------------*/

h1 {
font-family:verdana,geneva,arial;
color:#330000;
font-size:14px;
line-height: 24px;
text-decoration:none;
font-weight:bold;
padding:  0px 0px 3px 0px;
margin: 12px 0 8px 0;
}

h2 {
font-family:verdana,geneva,arial;
color:#330000;
font-size:12px;
text-decoration:none;
font-weight:bold;
padding: 6px 0 6px 0;
margin: 0px;
}

p {
font-family:verdana,geneva,arial;
color:#330000;
text-align: left;
font-size:12px;
line-height: 18px;
text-decoration:none;
font-weight:normal;
padding: 0;
margin: 0 0 12px 0;
vertical-align: top;
}

#restaurant_description p {
width: 310px;
}
           
.times {
line-height: 24px;
}

/* typography for specials "tiles" */

#whats_happening h1 {
color:#cc0000;
font-size:14px;
line-height: 18px;
padding:  0;
margin: 8px 0 8px 0;
}

#whats_happening h2 {
color:#330000;
line-height: 18px;
padding:  0px 0px 6px 0px;
margin: 0;
}

.tile p {
color:#330000;
line-height: 18px;
padding:  0px 10px 10px 10px;
margin: 0;
}

.right {
float: right;
}

#whats_happening a {
text-align: right;
color: red;
}

#whats_happening a:link, #whats_happening a:visited {
   font-size: 10px;
   font-weight: bold;
   color: #330000;
   text-decoration: none;
   text-align: right;
 }

#whats_happening a:hover, #whats_happening a:active {
   color: #336633;
   text-decoration: underline;
 }

#menu p {
text-align: center;
font-size: 11px;
line-height: 14px;
margin: 9px;
padding: 0;
}

ul.normal {
list-style: normal;
font-family:verdana,geneva,arial;
color:#330000;
text-align: left;
font-size:12px;
line-height: 18px;
font-weight:normal;
padding-left:12px;
margin-left:16px;
}

ul.normal ul {
list-style: normal;
font-family:verdana,geneva,arial;
color:#330000;
text-align: left;
font-size:12px;
line-height: 18px;
font-weight:normal;
padding-left:12px;
margin-left:0;
}

ul.tile_list {
list-style: none;
font-family:verdana,geneva,arial;
color:#330000;
text-align: left;
font-size:12px;
line-height: 18px;
font-weight:normal;
padding: 0;
margin-left: 9px;
vertical-align: top;
}

.tile_list li {
margin-bottom: 2px;
}


/* =Navigation Menu bar
---------------------------------------------------------------------------*/

/* main menu container and typography */
ul#main_menu {
width: 860px;
padding: 0 ; 
margin: 0 0 10px 0;
float: left;
list-style: none;
border-top: solid #330000 1px;
border-bottom: solid #330000 1px;
}
	
ul#main_menu li {
   float: left;
} 

ul#main_menu  a {
   display: block;
   padding: .5em 2em .5em 2em; 
   font-family: verdana,geneva,arial;
   color: #cc0000;
   font-size: 11px;
   text-decoration: none;
   text-align: center; 
}


ul#main_menu #item_home a {
   padding-left: 2.5em; 
}

ul#main_menu #item_contact a {
   padding-right: 0; 
}

#main_menu a:link, #main_menu a:visited {
   color: #cc0000;
 }

#main_menu a:hover, #main_menu a:active {
   color: #ff0000;
   text-decoration: underline;
 }

 
/* to highlight current page in menu */
body#home #item_home a{
color: #ff0000;
 }