/*  =IMAGE REPLACEMENT *

Neal Image Replacement by Neal Venditto:http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets 
are disable or when images are 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. 
*/
.replace span {
position:relative;
z-index:-1;
}
.replace a {
display:block;
width:100%;
height:100%;
text-decoration:none;
border-bottom:none;
}

/* =LAYOUT */

#headerWrap {
background:url(../images/header-bg.png) 0 0 repeat-x;
}
#header {
width:960px;
height:500px;
margin:0 auto;
}
#header img#logo {
width:959px;
}
#header img.banner {
margin:0 1px;
}
#header blockquote {
margin-right:8px;
text-indent:-8px;
padding:25px 65px;
font-size:1.125em;
line-height:1.333;
}
#header blockquote span {
font-size:.667em;
}
#content {
width:960px;
height:410px;
margin:0 auto;
background:#fff;
}
#content .column {
width:280px;
height:410px;
padding-left:30px;
float:left;
}
#socialmedia {
margin:10px 0;
}
#newsletter {
position:relative;
height:80px;
width:250px;
background-color:#eaeaea;
}
#newsletter h3 {
position:absolute;
background:url(../images/signup.gif) 0 0 no-repeat;
height:26px;
width:200px;
top:14px;
left:25px;
}
#newsletter form {
position:absolute;
left:25px;
bottom:14px;
}
#newsletter form input.email {
width:155px;
color:#666;
text-align:center;
font-family:georgia,serif;
}
.newsletter {
margin-top:5px;
font:.75em arial, verdana, sans-serif;
color:#666;
width:250px;
text-align:center;
}
.newsletter a:link, .newsletter a:visited {text-decoration:none; color:#c73700;}
.newsletter a:hover, .newsletter a:active {text-decoration:underline; color:#c73700;}

.restaurant {
width:295px;
height:148px;
}
.restaurant a img, .restaurant img {
float:left;
border:1px solid #000;
margin-right:10px;
}
.restaurant .twitter {
display:block;
position:relative;
clear:both;
height:26px;
}
.restaurant .twitter img {
margin-top:5px;
border:none;
}
.restaurant .twitter a {
font-size:1em;
font:.75em arial, verdana, sans-serif;
color:#53d4f9;
}
.restaurant .twitter a:link,.restaurant .twitter a:visited {text-decoration:none;}
.restaurant .twitter a:hover,.restaurant .twitter a:active {text-decoration:underline;}

.restaurant .twitter a.twitterlink {
position:absolute;
bottom:0;
left:31px;
}
.restaurant p {
float:left;
text-align:left;
font:.846em Georgia, 'Times New Roman', serif;
}
.restaurant p a:link, .restaurant p a:visited {
text-decoration: none;
}

.ino, .inoteca, .liquori, .corsino, .betto {font-weight:bold;}

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

#footerWrap {
width:100%;
background-color:#f4f7e6;
height:50px;
margin-top:40px;
}
#footer {
width:960px;
height:50px;
margin:0 auto;
}
#footer p {
margin-top:8px;
color:#cccc99;
font:.625em/1.2 arial, verdana, sans-serif;
float:right;
text-align:right;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#cccc99;}
#footer a:hover, #footer a:active {text-decoration:none;}