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

/* general
=========================================== */
body {
  background: #2d3533;
  font-family: arial, sans-serif;
  font-size: 70%;
  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: 936px;
  margin: 0px 20px;
  background: #fff;
  /*
  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: 563px;
  padding: 20px;
  float: left;
}

.frontlogoblk {margin-left: -5px; margin-top: -40px;}

.left-bottom  { padding: 20px 0 0 0;
}


#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;
}
#container-news-home {
	width: 550px;
}
#container #content #left-container #container-news-home-text {
	float: right;
	margin-left: 20px;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	padding-top: 0px;
}

/* Slider */
#slider {  width:934px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:300px; }
.slider-item { width:100% !important; height:290px; margin-top:1px}
.slider_content_inner img {border: none; }
.controls-center { width:934; margin-left:auto; margin-right:auto; }
#slider_controls { float:right; position:relative; background:url(http://www.1884dockstreetkitchen.co.uk/style/images/pag_bg.gif) no-repeat top center; margin:0; z-index:1000; width:934px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px; width:120px;}
#slider_controls ul li { margin:0; padding:0; list-style:none; }
#slider_controls ul li { float:left; display:block; }
#slider_controls ul li a { width:10px; height:10px; background:url('http://www.1884dockstreetkitchen.co.uk/style/images/tabs_2.gif') no-repeat center center; display:block; float:left; padding:2px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('http://www.1884dockstreetkitchen.co.uk/style/images/tabs_1.gif') no-repeat center center; }



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

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

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

.logo-pos {
  float: left;
}

#nav-container {
  /*width: 570px;*/
  padding-top: 39px;
  float: left;
}
#nav-container .topnav {  float: left;  padding:0 5px;  color:#666; font-family: verdana, arial, sans serif;}

#nav-container .topnavfirst { float: left; padding:0 5px;  margin-left: 20px;  color:#666; font-family: verdana, arial, sans serif;}
#nav-container .topnavfirst a {color:#666; text-decoration: none;}
#nav-container .topnavfirst a:hover {color:#fff;}
#nav-container .topnavfirst span {color:#666; padding: 0 5px 0 10px;}

#nav-container .topnav a {color:#666; text-decoration: none;}
#nav-container .topnav a:hover {color:#fff;}
#nav-container .topnav span {color:#666; padding: 0 5px 0 10px;}

/*menu 
.menu { padding:43px 0 0 0; margin:0 ; width:500px;  float:right; }
.menu ul { text-align:right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#333; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { color:#fff;  background:url(http://www.1884dockstreetkitchen.co.uk/style/images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {  color:#fff;  background:url(http://www.1884dockstreetkitchen.co.uk/style/images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#fff;  background:url(http://www.1884dockstreetkitchen.co.uk/style/images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {  color:#fff;  background:url(http://www.1884dockstreetkitchen.co.uk/style/images/l_menu.gif) no-repeat 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: 50px;
  background: #ccc;
}

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

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

#footer, #footer a {
	color:#fff;	
}

#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;
}

#footer-club {
	padding-top:10px;
	padding-left:15px;
	float:left;
}

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

a { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#container #content #left-container #container-news-home-text1 {

	float: right;
	margin-left: 20px;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	padding-top: 10px;
}
#container #content #left-container #container-news-home-text-cocktail {

	float: right;
	margin-left: 20px;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	padding-top: 15px;
}

/* twitter overrides */

#twitter 
{
    float:right;
	padding-left:30px;
	background:url(../images/twitter-feed-bg.gif) left 50% no-repeat;
	margin-top:30px;
	border-top:1px solid #5A5A5A;
	margin-top:10px;
}

#twitter .twtr-ft, #twitter .twtr-hd 
{
    display:none;
}

#twitter .twtr-widget
{
    font-size:10px!important;
}

#twitter .twtr-widget .twtr-tweet 
{
    border-bottom:none;
}

#twitter .twtr-widget .twtr-tweet-wrap
{
    padding:4px 0 4px;
    background:none;
}