/* CSS Document */

/* Don't add left/right padding or borders to items with defined width*/

/* GLOBAL STYLES */
* {margin:0;padding:0;} /* remove margin and padding from all elements. */

body{ /* base text style*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #4A656B;
	background-image: url(images/bg-pixels.gif);
	background-color: #F7F7EF;	
} 
p {margin-top: 3px;}
address{font-style: normal;margin-top:10px;}

.week {color:#7F1F55;display:block; margin-top:10px;}
.bold, .week{font-weight:bold;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}
.bm10 {margin-bottom:10px;}
.tm5 {margin-top:5px;}
.total {border-top: 1px solid #7f1f55;border-bottom: 1px solid #7f1f55;}
caption {font-weight:bold; color:#7f1f55;}

img {
	float:left;
	margin: 0px 5px 7px 27px;
	border: 1px solid #4A656B;
}
/* following used for some images */
.rightalign {
	float:right;
	display:inline; /* kludge for IE double margin float bug see CSS Mastery p178 */
	margin: 20px 10px 5px 5px;
}

li{	list-style: none;}
a{
	text-decoration:none;
	font-weight: bold;
	color: #527DFF;
	font-variant: small-caps;
} 

a:hover {color: #AA1F00; text-decoration:underline;}

/* main header */
#header {
	position: relative;
	background-image: url(images/main_bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F7F7EF;
	
}
#header h1 {
	height:140px;
	width:320px;
	background-color: #F7F7EF;
	margin-left: 220px;
	margin-top: 5px;
	position: relative;	/* for image replacement below */
}

/* gilder levin image replacement see CSS mastery p65*/
#header h1 span {
	background-image: url(images/pob_hdr_txt.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;	
	}

/* minimise h1 and h2 text to prevent overflow since being replaced by images */
h1,h2 {overflow:hidden; font-size:40%}
h3 {
	font-size: 14px;
}

/* Real text quotation*/
#header cite {
	width: 500px;
	height: 25px;
	margin-left: 137px;
	position: relative; /* for image replacement below */
	display: block;
}

/* gilder levin image replacement see CSS mastery p65*/
#header cite span {
	background-image: url(images/realtext4.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;	
}
/* end of main header */
/* section headers */

h2 {
	margin-top: 17px;
	height: 20px;
	position: relative; /* for image replacement below */
}

/* gilder levin image replacement see CSS mastery p65 */
/* see relevant sections for their bg images */
h2 span {
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;	
}

#footer p{
	padding:5px 10px;
	text-align: center;
}	
#footer{
	color: #F7F7EF;
	background-color: #4A656B;
}
#footer a{color:#FFFFFF;}
/* leave space above footer */
#content,#sidenav{
	margin-bottom: 7px;
}

/* main site border and bg colour */
#container{
	background-color: #F7f7ef;
	border: 3px solid #4A656B;
}

/* DEFAULT 2 COLUMN LAYOUT */
body{text-align:center;} 
#container{width:720px;margin:0 auto;text-align:left;}
#content{float:right;width:500px;}
#moreinfo{float:left;width:170px;}
#sidenav{float:left;clear:left;width:170px;}
#footer{clear:both;width:100%;}

/* MAIN NAVIGATION */
#main_nav{
	height:46px;
	width:720px;		/* covers whole container width */
	position:relative;	/* so li's can be absolutely positioned*/
	background-color: transparent;
	background-image: url(images/pob-navbar7.gif);	/* double stacked main image */
	background-repeat: no-repeat;
	background-position: left top;
}
#main_nav li{
list-style:none;
position:absolute;
top:0;		/* li absolutely positioned at top of ul */
}
#main_nav li,#main_nav a{
height:46px;	/* set heights same as ul */
display:block; /* li and a items are independent of siblings since absolutely positioned wrt ul */
}

#main_nav a{
text-indent:-5000px;	/* hide text */
/* hack to hide from IE5Mac   \*/
overflow: hidden;
/* end hack */
}

#home{left:18px;width:57px;}		/* absolute li positioning corresponds to bg graphic */
#restaurant{left:93px;width:104px;}
#drinks{left:215px;width:68px;}
#garden{left:301px;width:75px;}
#functions{left:394px;width:96px;}
#newsevents{left:508px;width:122px;}
#info{left:648px;width:52px;}

/* current page + hover state */
body#homepage #home, #home a:hover{
background:transparent url(images/pob-navbar7.gif) -18px -46px;}

body#restaurantpage #restaurant, #specialspage #restaurant, #menupage #restaurant, #restaurant a:hover{background:transparent url(images/pob-navbar7.gif) -93px -46px;}

body#drinkspage #drinks, #drinks a:hover{
background:transparent url(images/pob-navbar7.gif) -215px -46px;
}
body#gardenpage #garden, #garden a:hover{
background:transparent url(images/pob-navbar7.gif) -301px -46px;}

body#functionspage #functions, #functions a:hover{
background:transparent url(images/pob-navbar7.gif) -394px -46px;
}

body#newseventspage #newsevents, body#diarypage #newsevents, body#bawlpage #newsevents,#newsevents a:hover{
background:transparent url(images/pob-navbar7.gif) -508px -46px;
}

body#infopage #info, body#mappage #info, body#holtpage #info, #info a:hover{
background:transparent url(images/pob-navbar7.gif) -648px -46px;
}
/* end of main navigation */
/* rounded sidebar box*/

.box {
	width: 160px;
	background-color: #CECFCE;
	background-image: url(images/sidebar-bottom4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 17px;
	margin-left: 10px;
}
.box h4{
	padding: 15px 5px 0px;
	color: #ffffff;
	background-color: #527DFF;
	background-image: url(images/sidebar-top4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box p{
	padding: 0px 5px 5px;
}
/* end of rounded sidebar box*/
/* sidenav list styling */
#sidenav li {
	margin-left: 10px;
	margin-top: 2px;
	padding-left: 5px;
}
#sidenav h4 {
	margin-top: 43px;
	margin-left: 10px;
	color: #ffffff;
	background-color: #4A656B;
	padding-left: 5px;
}

/* END OF GLOBAL STYLES*/

/* HOMEPAGE SPECIFIC STYLES */
/* homepage content */

/* gilder levin image replacement for subsection hdr graphics see CSS mastery p65*/
#homepage h2.welcome span{background-image: url(images/welcome-text.gif);}
#homepage h2.facilities span{background-image: url(images/facilities-text.gif);}
#homepage h2.recommendations span{background-image: url(images/recommendation-text.gif);}

#homepage #content p, #homepage #content h3{
	margin: 3px 10px 0px 27px;		/* align content text */
	text-align: justify;
	}

#homepage #content li{margin-left:27px;}

#homepage #content h3, #homepage h2.recommendations{ clear:both;}

/* end homepage content */


/* end of homepage specific styles */
/* DRINKS PAGE AND FUNCTIONS PAGE SPECIFIC STYLES*/
/* drinks and functions layout */
#drinkspage #content, #functionspage #content{float:left;width:425px;}
#drinkspage #moreinfo, #functionspage #moreinfo{float:right;width:280px;}

/* drinks and functions content and moreinfo */
#drinkspage h2.realale span{background-image: url(images/drinks/real_ale_txt.gif);}
#drinkspage h2.lager span{background-image: url(images/drinks/lager_txt.gif);}
#drinkspage h2.cider span{background-image: url(images/drinks/cider_txt.gif);}
#drinkspage h2.wine span{background-image: url(images/drinks/wine_txt.gif);}
#functionspage h2.celebrate span{background-image: url(images/functions/celebrate_txt.gif);}
#functionspage h2.buffets span{background-image: url(images/functions/buffets_txt.gif);}
#functionspage h2.outsidefns span{background-image: url(images/functions/outsidefns_txt.gif);}
#drinkspage p, #functionspage p {margin-left: 27px; margin-right:10px;} 
#drinkspage h3 {margin: 17px 10px 5px 27px;}
/* end of drinks and functions content and moreinfo */
/* end of drinks and functions page specific styles */

/* NEWSEVENTS PAGE SPECIFIC STYLES*/
#newseventspage #content {float:left;width:375px;}
#newseventspage #moreinfo{float:right;width:330px;}

/* newsevents content and moreinfo */
#newseventspage h2.diary span{background-image: url(images/news/landlordsdiary_txt.gif);}
#newseventspage h2.bawl span{background-image: url(images/news/barroombawl_txt.gif);}
#newseventspage h2.pubnews span{background-image: url(images/news/pubnews_txt.gif);}
#newseventspage h2.forthevents span{background-image: url(images/news/forthevents_txt.gif);}
#newseventspage h2.regevents span{background-image: url(images/news/regevents_txt.gif);}
#newseventspage p {margin-left: 27px; margin-right:10px;} 
#newseventspage h5 {margin: 7px 10px 0 27px;text-transform:uppercase;color:#7F1F55;}
#newseventspage #moreinfo li, #newseventspage #content li {list-style: disc inside; margin-left:32px;}

/* end of newsevents content and moreinfo */
/* end of newsevents page specific styles */


/* RESTAURANT AND GARDEN PAGE SPECIFIC STYLES*/
/* restaurant and garden pages layout */
#restaurantpage #content {width:500px;}
#gardenpage #content {width:475px;}
#restaurantpage #moreinfo , #restaurantpage #sidenav, #gardenpage #moreinfo , #gardenpage #sidenav  {width:175px;}

#restaurantpage img, #gardenpage img {margin: 7px 10px 10px 0px;}
#restaurantpage img.rightalign, #gardenpage img.rightalign {margin-left:10px;}
#restaurantpage #content li {list-style: disc inside; margin-left:5px;}
#restaurantpage #content p, #gardenpage #content p {text-align: justify; margin-right:10px;}
 
#restaurantpage h2, #gardenpage h2 {margin-left:-28px; clear:left}

#restaurantpage h2.food span{background-image: url(images/restaurant/food_txt.gif);}
#restaurantpage h2.produce span{background-image: url(images/restaurant/produce_txt.gif);}
#restaurantpage h2.desserts span{background-image: url(images/restaurant/desserts_txt.gif);}
#gardenpage h2.views span{background-image: url(images/garden/views_txt.gif);}
#gardenpage h2.chfriendly span{background-image: url(images/garden/chfriendly_txt.gif);}
#gardenpage h2.events span{background-image: url(images/garden/events_txt.gif);}
/* end of restaurant and gardenpage specific styles*/

/* DIARY PAGE and BAWL PAGE SPECIFIC STYLES*/
/* diary layout */
#diarypage #content, #bawlpage #content{width:475px;}
#diarypage #moreinfo, #bawlpage #moreinfo{width:175px;}
/* diary,bawl content and moreinfo */
#diarypage h2.diary span{background-image: url(images/news/landlordsdiary_txt.gif);}
#bawlpage h2.bawl span{background-image: url(images/news/barroombawl_txt.gif);}
#diarypage img, #bawlpage img{margin: 7px 10px 10px 0px;}
#diarypage #content p, #bawlpage #content p {text-align: justify; margin-right:20px;}
#diarypage h2, #bawlpage h2 {margin-left:-28px; clear:left}
#diarypage h3, #bawlpage h3 {margin:5px 0;text-transform:uppercase;color:#7F1F55;}
#bawlpage #content h4, #bawlpage .total {margin: 5px 0;}
#bawlpage p.italic {font-style: italic;}
#bawlpage #content p {margin-top:8px;}
#bawlpage #content li {list-style:disc inside;}
/* end of diary and bawl pages content and moreinfo */
/* end of diary and bawl pages specific styles*/

/* INFO PAGE SPECIFIC STYLES*/
#infopage h2.openingtimes span{background-image: url(images/info/openingtimes_txt.gif);}
#infopage h2.contactandmap span{background-image: url(images/info/contact_txt.gif);}
#infopage h2 {margin-left:-28px;}
#infopage img.rightalign {margin-right:100px;}
#infopage li {margin-left:7px;}
#infopage ul.pub li {margin-left:14px;}
#infopage p.rightalign {margin-top:0px;margin-right:103px}
#infopage #content ul {margin-bottom:10px;font-family: Courier, monospace;}
#infopage h5 {margin:10px 0 5px 0px;text-transform:uppercase;color:#7F1F55;}
#infopage .times {text-transform:uppercase;font-weight:bold}

/* end of info page specific styles */

/* MAP PAGE SPECIFIC STYLES*/
#mappage h2.map span {background-image: url(images/info/map_txt.gif);}
#mappage h2.directions span{background-image: url(images/info/directions_txt.gif);}
#mappage h2 {margin-left:-28px;}
#mappage img{margin: 15px 0;}
/* end of map page styles */

/* HOLT PAGE SPECIFIC STYLES*/
#holtpage h2.holt span{background-image: url(images/info/holt_txt.gif);}
#holtpage h2 {margin-left:-28px;}
#holtpage #content p{margin-bottom:9px;margin-right:15px;text-align:justify}
/* end of holt page styles */

/* SPECIALS PAGE AND MENU PAGE SPECIFIC STYLES*/
#specialspage h2.specials span{background-image: url(images/restaurant/specials_txt.gif);}
#menupage h2.menu span{background-image: url(images/restaurant/samplemenu_txt.gif);}
#specialspage h2, #menupage h2 {margin-left:-28px;}
#specialspage h3, #menupage h3 {margin:10px 0 5px 0px;text-transform:uppercase;color:#7F1F55;}
#specialspage #content h5, #menupage #content h5 {margin:10px 0 0 5px;}
#specialspage #content p, #menupage #content p{margin-right:30px;margin-left:5px;text-align:justify}
#specialspage #content li, #menupage #content li {margin-left:10px;list-style: disc inside;}
#specialspage #content ul {margin-bottom:12px;}
/* end of specials page and menu page styles */