/* stylesheet for IRC - Restaurant Bar + Grill
=================================================== */

/* general
=========================================== */
body {
  background: #2d3533;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  margin: 0px;
}

#container {
  width: 976px;
  background: url(../images/black-bar_middle.gif) repeat-y;
  margin-left: auto;
  margin-right: auto;
}

#container-head {
  width: 976px;
  height: 20px;
  background: url(../images/black-bar_top.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#container-foot {
  width: 976px;
  height: 20px;
  background: url(../images/black-bar_bottom.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#content {
	width: 926px;
	background: #fff;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;  /*
  float: left;
  display: inline; - gets rid of IE6 double margin bug (which crops up here if you use float: left)
  */
}

#img-container {
  width: 934px;
  height: 281px;
  border: solid 1px #fff;
}

#left-container {
  width: 550px;
  padding: 20px;
  float: left;
}

#right-container {
  width: 310px;
  font-size: 95%;
  border: solid 1px #dedddd;
  float: left;
  padding: 4px;
  margin: 5px;
}

#right-content {
  background: #dedddd;
}

#right-text, #right-text2 {
  padding: 5px 10px 10px 10px;
}

.clearboth {
	clear: both;
}

p.sub-title {
  margin-top: 10px;
  margin-bottom: -0.5em;
}

p {
	line-height: 140%;
}

ul {
  font-size: 100%;
  margin-left: 0px;
  padding-left: 15px;
}

li {
  list-style-image: url(../images/dash.gif);
  list-style-type: none;
  margin-top: 1px;
}

.underline {
  border-top: solid #000 1px;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

img.map {
  padding: 0px 0px 5px 3px;
}


/* header, nav, footer
=========================================== */

#header-container {
  height: 80px;
  background: #272f2d;
}

#header {
  width: 936px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
}

.logo-pos {
  float: left;
}

#nav-container {
  width: 570px;
  padding-top: 39px;
  float: left;
}

.topnav {
  float: left;
}

#subnav {
  color: #666;
  font-family: verdana, arial, sans serif;
  font-size: 120%;
  vertical-align: middle;
  padding: 0px 0px 12px 0px;
}

#subnav a {
  color: #666;
  text-decoration: none;
  padding: 3px 5px;
}

#subnav a:hover {
  color: #000;
  text-decoration: none;
  padding: 3px 5px;
}

.subnavon {
  color: #000;
  padding: 3px 5px;
}

#footer-container {
	clear: both;
	width: 936px;
	height: 100px;
	background-color: #FFFFFF;
}

#footer {
  width: 400px;
  padding-top: 10px;
  padding-left: 12px;
  font-size: 95%;
  float: left;
}

#footer a {
  color: #444;
  text-decoration: none;
  padding: 0px 3px;
}

#footer a:hover {
  color: #000;
  text-decoration: none;
  padding: 0px 3px;
}

.footnavon {
  color: #000;
  padding: 0px 3px;
}

.foot-credit {
 padding: 0px 3px;
}

#footer-logos {
  width: 275px;
  height: 41px;
  float: right;
}

.foot-logo {
  padding: 10px 0px 0px 0px;
  float: left;
}

a { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
.vidtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
}
.vidtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #B5D438;
	padding: 5;
}