/* Formatting added 3/7/10 for www.cafeino.com/our.html by Laura Yeffeth */

#locations {
clear:both;
width:680px;
height:417px;
background:#ffffff url(../images/bgtile_shadow.gif) top left repeat-x;
font-family: Georgia, 'Times New Roman', Times, serif;
}
#locations img.leftborder {
margin-right:30px;
float:left;
}
#locations img.rightborder {
float:right;
}
#locations .restaurant {
float:left;
margin:60px 0 10px 5px;
width:150px;
}
#locations p.restaurant {
text-align:left;
font-size:.7em;
line-height:1.3;
margin:10px 0 0 0;
width:150px;
}
.ino, .inoteca, .liquori, .corsino {font-weight:bold;}

.ino {color:#cc3300;}
.inoteca {color:#336600;}
.liquori {color:#000;}
.corsino {color:#990000;}

/* Formatting added 6/8/10 for www.cafeino.com/index.php by Laura Yeffeth */


/* =image replacement

Neal Image Replacement (NIR) by Neal Venditto:  http://neal.venditto.org/
Text replaces images when style sheets are disabled or images turned off.

In your html, add class "replace" to any text element you want to replace with an image.
Then surround the text with <span> tags. 

Add z-index: 1 to the body element and z-index: 0 to any element with a background-color that has images in them that need to be replaced with text.
*/

#home {z-index:1;}

.replace span {
position:relative;
z-index:-1;
}
.replace a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
border-bottom: none;
}


/* New Landing Page */

#mainContent img, #mainContent object {
float:left;
}
#landing #mainContent #locations {
height:200px;
width:635px;
margin:0;
padding:0 0 0 45px;
background-image:none;
}
#landing #mainContent #locations .restaurant {
margin-top:22px;
}
#landing #mainContent #locations p.restaurant {
margin-top:10px;
}

/* New home page */
#home #mainContent {
overflow:auto;
}
#home #newsletter {
background-color:#fff;
width:232px;
float:left;
height:126px;
overflow:hidden;
padding:20px 0;
text-align:center;
font-family: arial, sans-serif;
}
#home #newsletter h2, #home #newsletter h3, #home #newsletter p {
margin:0;
}
#home #newsletter h2 {
font-size:1.05em;
text-transform:uppercase;
color:#999;
font-weight:normal;
letter-spacing:-.05em;
width:140px;
height:53px;
margin:0 auto;
background: url('../images/signup.gif') 0 0 no-repeat;
}
#home #newsletter p {
font: .65em/1.2 georgia, serif;
margin-top:6px;
color:#333;
}
#home #newsletter form {
margin-top:10px;
}
#home #newsletter form input.email {
margin-left:40px;
float:left;
width:120px;
border:1px solid #b5b38d;
border-left:1px solid #b5b38d;
padding:2px;
font-size:.6em;
}
#home #newsletter form input.button {
float:left;
margin-left:10px;
}
/* New Footer */
#footer {
clear:both;
width:680px;
margin:0 auto;
height:30px;
color:#736a1d;
font-size:.7em;
padding-top:6px;
}
#footer .copyright {
float:left;
width:150px;
margin:0;
font-family: arial, sans-serif;
font-size:.85em;
}
#footer #navigation {
height:30px;
float:right;
margin-top:0 !important;
}
#footer #navigation li {
float:left;
list-style:none;
color:#336600;
margin:0;
}
#footer #navigation li a{
display:block;
height:30px;
color:#736a1d;
}
#footer #navigation li a:link, #footer #navigation li a:visited {text-decoration:none;}
#footer #navigation li a:hover, #footer #navigation li a:active {color:#000;}


#footer .ino, #footer .inoteca, #footer .liquori , #footer .corsino {color:#736a1d;}