/* CSS for Rustik DC */

* { margin: 0; padding: 0; border: 0; }

body {
  text-align: center;
  font: 62.5% Arial, Helvetica, sans-serif; /* 62.5% resets 1em to the equivalent of 10px */
	background: #341E10 url('/images/bg.jpg') repeat-x 0 0;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('/type/chunk-webfont.eot');
	src: local('?'), url('/type/chunk-webfont.woff') format('woff'), url('/type/chunk-webfont.ttf') format('truetype'), url('/type/chunk-webfont.svg#webfontbz0WjIgV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ArchitectureRegular';
    src: url('/type/architecture-webfont.eot');
    src: url('/type/architecture-webfont.eot?#iefix') format('eot'),
         url('/type/architecture-webfont.woff') format('woff'),
         url('/type/architecture-webfont.ttf') format('truetype'),
         url('/type/architecture-webfont.svg#webfontYbcwVcw2') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Global Styles */
a:active, a:focus {
position: relative;
top: 1px;
}
a, a:link { color: #B51C08; text-decoration: underline; }
a:hover { text-decoration: none;}

a.broken, a.highlight { color: #FFFFFF; background: #B60016; } /* Use this class on links that are broken during site development */


table { border-collapse: collapse; border-spacing: 0; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
object, embed { border: 0; outline: 0; }
fieldset { border: 1px solid #666666; padding: 0px; }
legend { color: #666666; font-weight: bold; }
ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { padding: 0 0 15px 0; }
hr { height: 1px; margin: 15px 0; border: 0; border-bottom: 1px solid #000000; }
small {
font-size: 11px;
}
.l, .left { float: left; }
.r, .right { float: right; }
.clear { clear: both; }

.b, .bold { font-weight: bold; }
.no-b { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.no-u { text-decoration: none; }
.i, .italic { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .79em; }
.large { font-size: 1.2em; }
.x-large { font-size: 1.4em; }
.x-x-large { font-size: 1.6em; }
.t-c, .text-center { text-align: center; }
.t-r, .text-right { text-align: right; }
.t-l, .text-left { text-align: left; }

.serif { font-family: Palatino Linotype, Palatino, Georgia, TimesBook Antiqua, serif; }
.no-serif, .san-serif { font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }
img.l, img.left { margin: 0 10px 10px 0; }
img.r, img.right { margin: 0 0 10px 10px; }


/* Error Styling */

.email_confirm, .hide, .hideme { display: none; }
#form_error { font-weight: bold; color: #ed1c24; }

input.error { border: 1px solid #ed1c24; background: #FFEFEF; }
label.error { 
  display: block; 
  clear: none; 
  margin: 0; 
  padding: 5px 0 0 0; 
  width: 100%; 
  color: #ed1c24;
}


/* Site Colors */

.black { color: #000000; }
.gray { color: #666666; }
.white { color: #FFFFFF; }
.green { color: #008302; }
.red { color: #ed1c24; }


/* Layout */
#floor {
  text-align: center;
	background: url('/images/floor.jpg') no-repeat 80% 564px ;
}
#container {

  margin: 0 auto;
  width: 930px;
  text-align: center;

}
#text-reset { text-align: left; }


#leftSide {

width: 440px;
float: left;
position: relative;
background: url('/images/chairs.png') no-repeat bottom left;
height: 620px;
}
.lampLeft, .lampRight {
background: url('/images/lamp.png') no-repeat 0 0;
width: 175px;
height: 126px;
position: relative;
z-index: 10;
float: left;
top: -415px;
}
.lampRight {
left: 100px;
float: left;
}

#leftNav {

text-align: left;
padding-top: 20px;
position: relative;
z-index: 20;
width: 100px;
}

a.home {
width: 39px;
height: 36px;
background: url('/images/homeIcon.png') no-repeat 0 0;
position: relative;
left: 25px;
top: 5px;
display: block;
}
a.home:active, a.home:focus {
position: relative;
top: 6px;
}
a.contact:active, a.contact:focus {
position: relative;
top: 1px;
}
a.home:hover, a.contact:hover  {
opacity: 0.9;
}
a.contact {
position: relative;
display: block;
width: 37px;
height: 34px;
background: url('/images/contactIcon.png') no-repeat 0 0;

}

#slide {
width: 374px;
height: 325px;
position: relative;
background: url('/images/introImageBg.png') no-repeat 0 0;
display: block;
top: -40px;
float: left;
}
#slide  ul{
padding: 0;
margin: 0;
}
#slide ul li  {
padding: 0;
}
#slide ul li img {
width: 305px;
}
#slide ul li {
margin:86px 0 0 34px;
}

#rightSideBg {

width: 470px;
float: left;
position: relative;
background: url(/images/contentBg1.png) repeat-y 0 0;
}
#rightSide {
min-height: 600px;
height: auto !important;
height: 600px;

width: 470px;
overflow: hidden;
background: url(/images/contentBody.jpg) repeat-y  33px 12px;
}
#rightSideBottomBg {
background:url("/images/rightSideBottomBg.png") no-repeat scroll 0 0 transparent;
float:right;
height:62px;
position:relative;
right:20px;
top:-10px;
width:482px;
}
/* Navigation */


#nav {
   margin: 0 auto;
    padding: 15px 0;
    width: 400px;
}
#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0 5px 5px 0;
	width: auto; /* width needed or else Opera goes nuts */
	background: url('/images/nav/navSeparator.png') no-repeat 100% 12px;
}
#nav ul li.last { 
background: none;
}
#nav ul li a {
	display: block;
	margin: 0;
	padding:5px 6px 15px 6px;

 font-family: 'ArchitectureRegular';
 text-decoration: none;
 color: #000;
 text-transform: uppercase;
 font-size: 20px;
}
/*
#nav ul li a.about {
background:url('/images/nav/about.png') no-repeat 0 0;
}
#nav ul li a.about:hover {
background:url('/images/nav/about.png') no-repeat 0 -28px;
}
#nav ul li a.food {

background:url('/images/nav/food.png') no-repeat 0 0;
}
#nav ul li a.food:hover {
background:url('/images/nav/food.png') no-repeat 0 -28px;
}
#nav ul li a.beer {

background:url('/images/nav/beer.png') no-repeat 0 0;
}
#nav ul li a.beer:hover {
background:url('/images/nav/beer.png') no-repeat 0 -28px;
}
#nav ul li a.brunch{
width:70px;
background:url('/images/nav/brunch.png') no-repeat 0 0;
}
#nav ul li a.brunch:hover {
background:url('/images/nav/brunch.png') no-repeat 0 -28px;
}
#nav ul li a.wine {

background:url('/images/nav/wine.png') no-repeat 0 0;
}
#nav ul li a.wine:hover {
background:url('/images/nav/wine.png') no-repeat 0 -28px;
}
#nav ul li a.contact {
	width: 60px;
background:url('/images/nav/contact.png') no-repeat -5px 0;
}
#nav ul li a.contact:hover {
background:url('/images/nav/contact.png') no-repeat  -5px -28px;
}
*/
#nav ul li a.contact {
background: none;
}
#nav ul li a span { display: block; padding: 5px; } /* Putting the nav padding in a span prevents lots of IE problems */

#nav ul li a:hover {
background: url('/images/navABg.png') no-repeat -15px 0;
color: #8e241c;
}

#nav ul li a:focus, #nav ul li a:active{
 position: relative;
 top: 1px;
}

#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	background: orange;
	width: 200px;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
}
#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px; /* In Firefox, width = a width - left/right padding */
}
#nav ul li ul li a:hover { background: gray; }

#nav ul li.active ul li a,
#nav ul li.sfhover ul li a { background: none; } /* Negated top level highlighting on sub levels */

#nav ul li ul li ul { /* Begin Third Level Lists */
	position: absolute;
	background: orange;
	width: 200px;
	margin: -1em 0 0 200px; /* Adjust -1em to fit the height of a list item */
	padding: 0;
	left: -999em;
  z-index: 999;
}
#nav ul li ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#nav ul li ul li ul a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
}

#logo {
padding-top: 10px;
}
#logo  a{
padding-top: 20px;
display: block;
width: 291px;
height: 75px;
background:url('/images/logo.png') no-repeat 0 0;
margin: 0 auto;
}

#pageContent {
padding: 0 25px;
font-size: 13px;
    line-height:19px;
		color: #000;
}

#pageContent h1 {
font-family: ChunkFiveRegular;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
color: #303030;
background: url('/images/h1Bg.png') no-repeat 0 0;
padding-left: 10px;
margin: 0 0 15px 0;
}
 #pageContent h2 {
font-size: 14px;
background: url('/images/h1Bg.png') no-repeat 0 0;
padding-left: 10px;
margin: 5px 0 0px 0;
color: #752C29;
} #pageContent h3 {
font-size: 14px;

padding-left: 10px;
margin: 15px 0 10px 0;

}
#pageContent h2 a {
text-decoration: none;
}
#pageContent p {
padding: 0 10px 13px 10px;
}

#contentLeft, #contentRight {
margin-top: 15px;
float: left;
width: 200px;
font-size: 12px;
}

#loading {
position: relative;
left: 0;
float: right;
padding: 10px;

}
#twitter {
height: 175px;
width: 200px;
margin-bottom: 30px;

}

.twitterSearchContainter {
background: url("/images/twitterBg.png") no-repeat 100% 80%;
}
.twitterSearchTitle {
display: none;
}
.twitterSearchText a:hover {
text-decoration: none;
}
.twitterSearchText a {
text-decoration: underline;
}
.twitterSearchTweet {
margin-bottom:  100px;
}
input#mc-embedded-subscribe {
font-family: 'ChunkFiveRegular';
background: none;
text-transform: uppercase;
}
input#mc-embedded-subscribe:hover {
cursor: pointer;
color: #888;
}

.ie6 {
display: none;
}

.credits {
float: right;
width: 150px;
color: #86644e;
margin-bottom: 15px;
margin-bottom: 20px;
}
.contactInfo {
color: #86644e;
float: right;
width: 280px;
margin-right: 50px;
}
.credits a, .contactInfo a {
color: #86644e;
text-decoration: none;
}
.credits a:hover {
text-decoration: underline;
}

#mc_embed_signup {
margin-left: 10px;
}

.padding {
height: 20px;
display: block;
clear: both;
}
#pageContent p.new, div.new{
padding: 10px;
margin-bottom: 15px;
background: url('/images/pNew.png') repeat 0 0;
border: 1px dotted #860f0f;
-moz-border-radius: 6px;
border-radius: 6px;
}
span.newCopy {
float: right;
font-family: 'ChunkFiveRegular';
font-size: 15px;
color: #860f0f;
}
div.new ul {
margin: 0;
padding: 0;

}
div.new ul  li {
 margin: 0 0 0 25px;
    padding: 0 0 4px;
}

p.wine {
float: right;
display: block;
width: 140px;background: url('/images/pNew.png') repeat 0 0;
border: 1px dotted #860f0f;
-moz-border-radius: 3px;
border-radius: 3px;
}
p.wine a{
float: right;
font-family: 'ChunkFiveRegular';
font-size: 20px;
color: #860f0f;
text-decoration: none;
}
p.wine a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: alpha(opacity=90);
				-khtml-opacity: 0.9;
				-moz-opacity: 0.9;
				opacity: 0.9;	

}
p.wine img {
position: relative;
top: 5px;
float: left;
}
.ribbon a {
padding: 20px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-family: 'ChunkFiveRegular';
display: block;
text-decoration: none;
text-shadow: 1px 1px 0px #512626;

}
.ribbon:active, .ribbon a:focus {

}
.ribbon {
position: fixed;
top:75px;
z-index: 100;
text-align: center;
left: -140px;
background: #B51C08;

width: 500px;

-moz-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);



-webkit-box-shadow: 0px 2px 5px 0px #333333;
-moz-box-shadow: 0px 2px 5px 0px #333333;
box-shadow: 0px 2px 5px 0px #333333; 
}
