body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #990000 url(../img/bg2.jpg);
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
color: #CCCC99;
overflow: hidden;
}
 
#wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
 
#mask {
width: 100%;
height: 600%;
overflow: hidden;
}
 
.item {
width: 100%;
height: 16.667%;
display: block;
}
 
.content {
width: 720px;
/* top: 10%; */
margin: 0px auto;
position: relative;
}
 
/* ----- HOME ----- */
 
#home {
margin: 0;
padding: 0;
background: url(../img/home-bg.gif) no-repeat top center;
}
 
#home h1 {
text-indent: -9000px;
background: url(../img/home-logo.gif);
height: 300px;
margin: 0;
}
 
#twitter {
margin: 0 0 20px 0;
padding: 0;
height: 180px;
}

.tweet {
margin: 0;
padding: 0;
background: #7FDFFF;
width: 394px;
height: 180px;
font-family: Georgia, serif;
font-size: 140%;
color: #333;
float: left;
border: 3px solid #FFF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

.tweet .tweet_list {
list-style-type: none;
margin: 0;
padding: 0;
}

.tweet .tweet_list .awesome,
.tweet .tweet_list .epic {
text-transform: uppercase;
}

.tweet .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: .5em;
}

.tweet .tweet_list li a {
color: #03F;
}

.tweet .tweet_list .tweet_avatar {
padding-right: .3em;
float: left;
}

.tweet .tweet_list .tweet_avatar img {
vertical-align: middle;
border: 3px solid #FFF;
}

.tweet .tweet_list .tweet_time {
}

#follow {
margin: 0;
padding: 0;
display: block;
width: 320px;
height: 180px;
float: right;
text-indent: -9000px;
background: url(../img/follow.gif) bottom;
}

#follow:hover {
background-position: 0 0;
}

 
/* ----- NAV ----- */
 
.nav {
width: 720px;
height: 30px;
 
/* background: url(../img/newnav.gif) no-repeat; */
 
margin: 0;
padding: 0;
list-style: none;
}
 
.nav li {
display: inline;
}
 
.nav li a {
height: 30px;
float: left;
text-indent: -9999px;
}
 
.nav .home a {
width: 94px;
background: url(../img/newnav.gif) no-repeat 0 0;
}
 
.nav .home a:hover {
background-position:0 -30px;
}
 
.nav .home a.current {
background-position:0 -60px;
}
 
.nav .about a {
width: 115px;
background:url(../img/newnav.gif) no-repeat -94px 0;
}
 
.nav .about a:hover {
background-position:-94px -30px;
}
 
.nav .about a.current {
background-position:-94px -60px;
}
 
.nav .menu a {
width: 103px;
background:url(../img/newnav.gif) no-repeat -209px 0;
}
 
.nav .menu a:hover {
background-position:-209px -30px;
}
 
.nav .menu a.current {
background-position:-209px -60px;
}
 
.nav .photos a {
width: 137px;
background:url(../img/newnav.gif) no-repeat -312px 0;
}
 
.nav .photos a:hover {
background-position:-312px -30px;
}
 
.nav .photos a.current {
background-position:-312px -60px;
}

.nav .events a {
width: 127px;
background:url(../img/newnav.gif) no-repeat -449px 0;
}

.nav .events a:hover {
background-position:-449px -30px;
}

.nav .events a.current {
background-position:-449px -60px;
}

.nav .contact a {
width: 144px;
background:url(../img/newnav.gif) no-repeat -576px 0;
}
 
.nav .contact a:hover {
background-position:-576px -30px;
}
 
.nav .contact a.current {
background-position:-576px -60px;
}


/* ----- ABOUT ----- */
 
#about {
}
 
#about p {
font-size: 90%;
line-height: 22px;
text-align: justify;
}
 
#about a {
color: #CCCC99;
}
 
#about a:hover {
color: #FFF;
}
 
 
#about blockquote {
font: italic 110% Georgia,Times,sans-serif;
color: #DDD;
text-align: center;
}
 
/* ----- MENU ----- */
 
#menu {
margin: 0;
padding: 0;
}
 
#menu h3 {
font-size: 110%;
color: #FFF;
margin: .75em 0 .5em 0;
}
 
#menu dl{
width: 100%;
overflow: hidden;
margin: 0 0 1em;
background: url(../img/dot.gif) repeat-x 0 1.2em;
}
 
#menu dt, #menu dd.price {
font-size: 100%;
font-weight: bold;
}
 
#menu dt {
float: left;
padding-right: 3px;
color: #CCCC99;
}
 
#menu dd{
margin: 0;
}
 
#menu dd.price {
float: right;
padding-left: 3px;
color: #FFFFCC;
}
 
#menu dd.ingredients {
float: left;
width: 100%;
padding: 3px 0;
font: italic 90% Georgia,Times,sans-serif;
color: #DDD;
}
 
/* ----- PHOTOS ----- */
 
#photos {
margin: 0;
padding: 0;
}
 
#gallery ul {
margin-bottom: 7px;
padding: 0;
list-style: none;
}
 
#gallery ul li {
padding-right: 15px;
display: inline;
}
 
#gallery ul li.last {
padding: 0;
}
 
#gallery ul img {
border: 4px solid #666;
border-width: 4px;
}
 
#gallery ul a:hover img {
border: 4px solid #CCCC99;
border-width: 4px;
color: #FFF;
}
 
.gallery ul a:hover {
color: #CCCC99;
}

/* ----- EVENTS ----- */

#events {
}

#events h3 {
font-size: 110%;
color: #FFF;
margin: .75em 0;
}

#elist {
width: 100%;
border-collapse: collapse;
}
 
#elist .date {
text-align: center;
padding: 5px 20px 0px 0px;
}
 
#elist span {
display: block;
padding: 2px;
}
 
#elist .m {
color: #000;
background: #B1B179;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #F0F0F0;
width: 100%;
}
 
#elist .d {
color: #5E0000;
background: #F0F0F0;
font-family: Helvetica, Arial, sans-serif;
font-size: 23px;
font-weight: bold;
padding: 0px 2px;
border: 1px solid #F0F0F0;
width: 100%;
}
 
#elist .w {
color: #F0F0F0;
background: #5E0000;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #F0F0F0;
width: 100%;
}
 
#elist .title {
color: #FFC;
font-weight: bold;
background: url(../img/dot.gif) repeat-x bottom;
padding: 0px 0px 5px 5px;
}
 
#elist .time {
color: #CC9;
text-align: right;
font-weight: bold;
background: url(../img/dot.gif) repeat-x bottom;
padding: 0px 5px 5px 0px;
}
 
#elist .desc {
color: #EEE;
font: 13px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
padding: 2px 5px 25px 5px;
}

/* ----- CONTACT ----- */
 
#contact {
}
 
#info {
text-align: center;
}
 
#info p {
line-height: 22px;
}

#info a {
color: #CCCC99;
text-decoration: none;
}

#info a:hover {
color: #FFF;
}
 
#info h3 {
color: #FFF;
}
 
#map p {
font-size: 80%;
margin: 0;
}
 
#map a {
color: #CCCC99;
text-decoration: none;
}
 
#map a:hover {
color: #FFF;
}
 
#hours {
}
 
#hours dt {
font-weight: bold;
margin: 15px 0 0 0;
padding: 0;
}
 
#hours dd {
color: #DDD;
font-family: Georgia,Times,sans-serif;
margin: 0;
padding: 0;
}