@charset "utf-8";
/* CSS Document */

/*-----
We Are Web: Screen Style Sheet 

---------------------------------------------------------------------------------
Version: 1.0
Author: Paul Featherstone @ We Are Web
Email: paul@weareweb.co.uk
Website: http://www.barsandwich.co.uk
Last Modified: 00/00/09
-------------------------------------------------------------------------------*/


/*********************  * GLOBAL * *********************/

*{
margin: 0px;
padding: 0px;
font: Arial, Helvetica, sans-serif;
}
/*********************  * GLOBAL * *********************/

/* Heading formatting */

H1{color:#33cc00; font-size:1.2em; }
H2{color:#333333; font-size:1.2em;}
H3{color:#333333; font-size:1em; margin-top:15px;}

/* Text formatting */

p {font-size:0.8em; color:#333333; margin:.8em 0 .8em 0;}
a {font-size:1em; color:#333333; text-decoration:none;}
a:hover {font-weight:bold; }

/* Form formatting */

/* Table formatting */
table{font-size:0.8em; color:#FFFFFF; background:#33cc00;}
table ul{list-style-type:none; margin:0px; padding:0px;}
tr{}
td{padding:2px 2px; border:#FFFFFF 1px solid;}

/* Lists */

ul {}
li { list-style-type:none; margin:0; padding:0; font-size:.8em; }

/********************* * LAYOUT * *********************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center; 
}
#wrapper { 
	width: 1000px;
	margin: 0 auto;
	text-align: left;
} 

/* Header */

#header { 
	height: 100px;
	position: relative;
	padding: 0;
	background:url(/drupal/themes/barsandwich/images/grey_border_line.gif) repeat-x 0px 99px;
} 
#logo { float:left; width:154px; margin: 10px 0 0 0;}
#contact { position:relative; float:right; width: 471px; margin: 47px 0 0 0}
#tel { float:right; width: 270px; height:17px; background:url('/drupal/themes/barsandwich/images/contact_tel.gif') no-repeat top left;}
#email { float:right; width: 201px; }
#email a.rollover1 { background:url('/drupal/themes/barsandwich/images/contact_email.gif') no-repeat top left; display:block; height:17px; width:201px;}
#email a.rollover1 span { display:none;}

#hero_slot { background:url(/drupal/themes/barsandwich/images/grey_border_line.gif) repeat-x 0px 190px; margin-bottom:15px;}

/* Left Column */

#lhcolumn {
	float: left;
	width: 180px;
	padding-top:30px;
}

/* Right Column */

#rhcolumn {
	float: right;
	width: 180px;
}
#rhcolumn img{
	padding: 0 0 0 30px;
}

/* Main Content Page Body */

#mainContent { 
	margin: 0 180px;
	padding: 20px 20px;
	background:url(/drupal/themes/barsandwich/images/grey_border_line.gif) repeat-x 0px 50px;
} 
#mainContent li {margin:0; padding:0;}

#content{position:relative;}
#content p {padding: 20px 0 0 0;}

.home_link_box {position:relative; margin: 20px 0 0 0; background:url(/drupal/themes/barsandwich/images/grey_border_line.gif) repeat-x 0 100%; }
.home_link_box img {float:left; width: 178px; margin-right:10px;}
.home_link_box p {padding: 10px 0 10px 0;}
.home_link_box ul {margin: 0 0 0 455px; padding-bottom:10px; list-style-image:url(/drupal/themes/barsandwich/images/bullet.gif); }

.buffet_link_box {position:relative; margin: 20px 0 0 0;}
.buffet_link_box img {float:left; width:130px; margin-right: 20px;}

.takeout_link_box {position:relative; margin: 20px 20px 0 0;}
.takeout_link_box img {float:left; width: 250px; margin-right: 40px;}

.menuitembox, .menutextbox {margin-right:120px;}
.menuitembox h2 {padding-bottom:5px; padding-top:15px; background:url(/drupal/themes/barsandwich/images/grey_border_line.gif) repeat-x 0 100%; }
.menuitembox p {padding: 10px 0 10px 0; margin-bottom:2px; background:url(/drupal/themes/barsandwich/images/green_border_line.gif) repeat-x 0 100%; }
.menuitembox a {outline:none;}

.menutextbox p { margin: 0px;}

/* Footer */

#footer {clear:both; padding-top:10px; margin: 20px 0 0 0; background:url(/drupal/themes/barsandwich/images/grey_border_line.gif)repeat-x 100% 0;}
#footerbar { } 
#footerbar ul {}
#footerbar li {list-style-type:none; border-right:#666666 1px solid; text-align:center;}
#footerbar a {margin: 0 5px 0 5px; font-size:.7em;}
#footerbar a:hover {}

.footerlink1 {float:left; width:260px;}
.footerlink2 {float:left; width:90px;}
.footerlink3 {float:left; width:100px;}
.footerlink4 {float:left; width:60px;}

#footer-message img {margin-left:10px;}

/* Other */


/********************* * NAVIGATION * *********************/

/* Main (left) Navigation */

#banner {margin: 0 0 0 180px; padding: 10px 10px 10px 0;}

#main_nav {float:left; width:153px; margin-top:13px;}
#main_nav ul {margin:0; padding:0;}
#main_nav ul li {margin:0; padding:0; float:left; list-style:none;}
#main_nav a {float:left; width: 153px; height: 35px; display: block; text-indent:-3000px; outline:none;}

.button1 {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 0; }
.button1:hover {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -175px; }

.button2 {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -35px; }
.button2:hover {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -210px; }

.button3 {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -70px; }
.button3:hover {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -245px; }

.button4 {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -105px; }
.button4:hover {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -280px; }

.button5 {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -140px; }
.button5:hover {background: url(/drupal/themes/barsandwich/images/main_nav.gif) no-repeat 0 0; background-position: 0 -315px; }

body#drupal .button1 { background-position: 0 -175px; }
body#drupalbuffet-leicester .button2 { background-position: 0 -210px; }
body#drupaltake-away-buffet-leicester .button3 { background-position: 0 -245px; }
body#drupalabout-bar-sandwich .button4 { background-position: 0 -280px; }
body#drupalcontact-bar-sandwich .button5 { background-position: 0 -315px; }

/* Menu (right) Navigation */

#menu_nav {position:absolute; top:50px; left:510px; width:90px; height:265px; background-color:#333333;}
#menu_nav ul {list-style-type: none; padding: 0; margin: 0;}
#menu_nav ul li {float:right; width: 30px;}
#menu_nav a {display: block; text-indent:-3000px; outline:none;}

.menubutton1 {float:right; width: 30px; height: 132.5px; background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -60px 0; }
.menubutton1:hover {background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -150px 0; }
.menubutton2 {float:right; width: 30px; height: 132.5px; background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -30px 0; }
.menubutton2:hover {background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -120px 0; }
.menubutton3 {float:right; width: 30px; height: 132.5px; background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: 0 0; }
.menubutton3:hover {background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -90px 0; }
.menubutton4 {float:right; width: 30px; height: 132.5px; background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -30px -132.5px; }
.menubutton4:hover {background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -120px -132.5px; }
.menubutton5 {float:right; width: 30px; height: 132.5px; background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: 0 -132.5px; }
.menubutton5:hover {background: url(/drupal/themes/barsandwich/images/menu_nav.gif) no-repeat 0 0; background-position: -90px -132.5px; }

body#drupalfinger-buffet-leicester .menubutton1 { background-position: -150px 0; }
body#drupalfork-buffet-leicester .menubutton2 { background-position: -120px 0; }
body#drupalbrain-friendly-buffet-leicester .menubutton3 { background-position: -90px 0; }
body#drupaltake-away-buffet-drinks-leicester .menubutton4 { background-position: -120px -132.5px; }
body#drupalbreakfast-buffet-leicester .menubutton5 { background-position: -90px -132.5px; }

#menu2_nav {position:absolute; top:50px; left:510px; width:90px; height:265px; background-color:#333333;}
#menu2_nav ul {list-style-type: none; padding: 0; margin: 0;}
#menu2_nav ul li {float:right; width: 30px;}
#menu2_nav a {text-indent:-3000px; outline:none; display:block; }

.menu2button1 {float:right; width: 30px; height: 160px; background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -60px 0; }
.menu2button1:hover {background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -150px 0; }
.menu2button2 {float:right; width: 30px; height: 160px; background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -30px 0; }
.menu2button2:hover {background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -120px 0; }
.menu2button3 {float:right; width: 30px; height: 160px; background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: 0 0; }
.menu2button3:hover {background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -90px 0; }
.menu2button4 {float:right; width: 30px; height: 115px; background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -30px -160px; }
.menu2button4:hover {background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -120px -160px; }
.menu2button5 {float:right; width: 30px; height: 115px; background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: 0 -160px; }
.menu2button5:hover {background: url(/drupal/themes/barsandwich/images/menu2_nav.gif) no-repeat 0 0; background-position: -90px -160px; }

body#drupaltake-away-vegetarian-menu .menu2button1 { background-position: -150px 0; }
body#drupaltake-away-poultry-and-meat-menu .menu2button2 { background-position: -120px 0; }
body#drupaltake-away-cheese-and-dairy-menu .menu2button3 { background-position: -90px 0; }
body#drupaltake-away-fish-menu .menu2button5 { background-position: -90px -160px; }

/* Breadcrumb Navigation */

/********************* * FORMS * *********************/

.text-error { color:#FF0000; font-weight:bold;}

form { color:#FFFFFF; background-color:#33cc00; padding: 10px 10px; font-size:.8em;}
form ol li { list-style-type:none; }
legend { display:none; }
fieldset { padding:10px 10px; }
label { position:relative; float:left; width:50%; } 
input {  }
source { margin-top:10px; }
.outline { border:#FFFFFF 1px solid }

/********************* * TABLES * *********************/

/* Same deal as forms */

/********************* * LISTS * *********************/

/* Same deal as forms and tables */

/********************* * CONTENT * *********************/

/* Any specific formatting for particular pages, grouped by sub-headings for the page the same way as forms, tables and lists */

/********************* * CSS SUPPORT * *********************/

/* This is for any special formatting that can be applied to any element on any page and have it override the regular formatting for that item. For example, this might have things like: */

.float-right { float: right; }
.float-left { float: left; }
.float-center { margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear-block { display: block; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-small {font-size:.8em;}
.text-smaller {}
.text-smallest {}
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.nopadding { padding: 0; }
.padding { padding: 10px 10px;}
.nobullet { list-style: none; list-style-image: none; }
.greenbullet {margin: 0; padding-bottom:10px; list-style-image:url(/drupal/themes/barsandwich/images/bullet.gif); }
.bluetext {color:#3333FF}
.yellowtext {color:#CCFF00;}
.browntext {color:#993300;}
.textgreen {color:#33cc00;}

/* etc */