/*
====== CSS Document for The Tavern ======
	Frances Berriman for V2
	http://www.v-2.uk.com
	May 2006
*/
/* 
====== Default CSS Content ======

	1: Globals
	2: Typography
	3: Layouts
	4: Navigation
	5: Forms
	6: Tables
	7: Any datagrid styling (mainly .NET)
	8: Images
    9: Ants Bits

============
*/

/* 
====== 1: START: Globals ======
*/

*	{ 

}

body { 
	font-size:12px; 
	color: #FFFFFF;
	background-color:#574C9A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

.clearboth {
	clear: both;
	height: 0;
	line-height:0;
	font-size:0;
}

.floatleft
{
float:left;
}

.floatright
{
float:right;
}


/* 
====== 1: END: Globals ======
*/
/* Page specific backgrounds/colours */
body.home { 
	background-image:url(../image/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
body.food, body.whats_on, body.look_inside, body.contact, body.awards { 
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #BF5437;
}

body.food
{
	background-image:url(../image/food_header.jpg);
}

body.look_inside
{
	background-image:url(../image/look_inside_header.jpg);
}


body.look_inside h2
{
	background: url(../image/look_inside_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 36px;
	width: 378px;
	margin-bottom: 15px;
}

body.whats_on
{
	background-image:url(../image/whats_on_header.jpg);
}


body.whats_on h2
{
	background: url(../image/whats_on_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 46px;
	width: 222px;
	margin-bottom: 15px;
}

body.contact
{
	background-image:url(../image/contact_header.jpg);
}


body.contact h2
{
	background: url(../image/contact_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 34px;
	width: 224px;
	margin-bottom: 15px;
}

body.contact table
{
	width: 700px;
	margin-bottom: 20px;
}

body.awards
{
	background-image:url(../image/awards_header.jpg);
}


body.awards h2.awards
{
	background: url(../image/awards_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 32px;
	width: 165px;
	margin-bottom: 15px;
}

body.awards h2.reviews
{
	background: url(../image/reviews_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 32px;
	width: 165px;
	margin-bottom: 15px;
}

body.awards .content
{
	margin-top: 0;
}

body.awards .content ul
{
	list-style:disc; 
	margin-left: 5px;
	margin-bottom: 30px;
}

body.awards .content li
{
	margin-bottom: 2px;
}

body.food h2.bar-snacks
{
	background: url(../image/bar_snacks_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}

body.food h2.main-meals
{
	background: url(../image/main_meals_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}

body.food h2.white-wine
{
	background: url(../image/white_wine_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}

body.food h2.red-wine
{
	background: url(../image/red_wine_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}

body.food h2.rose
{
	background: url(../image/rose_title.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}


body.food h2.champagne
{
	background: url(../image/champagne_title.jpg) no-repeat 0 0;
	text-indent: -10000px;
	height: 41px;
	width: 216px;
	margin-bottom: 15px;
}



/*
====== 2: START: Typography ======
*/


h1	{	
	font-size: 14px; 
	display: none; /*Display none because no H1 displayed textually, but want to show title if CSS is switched off */
}
h2{
	font-size: 14px;
	color: #000000;
}

h3	{	
	font-size: 12px; 
}
h4	{	
	font-size: 12px; 
}
h5	{	
	font-size: 12px; 
}
h5	{	
	font-size: 12px; 
}

p {
	margin: 0px;
	padding: 0px;
}
.extra_space img
{
	padding: 15px 15px 0;
}
a:link{
	color: #FFFFFF;
}

a:visited{
	color: #FFFFFF; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a:active{
	text-decoration: underline;
	color: #FFFFFF;
}
ul {

}


.blue{
	color: #81C5DC;
}
#content p{
	padding-bottom: 10px;
	}
ol li{
	margin-left: 25px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fFFFFF;
}
.detail{
	padding-top: 20px;
	font-size: 10px;
}
.warn
{
	color: #81C4DE;
	font-weight: bold;
}
.beerlist li
{
	margin-bottom:5px;
}
.beerlist li em
{
	color:#000;
}
/*
====== 2: END: Typography ======
*/

/*
====== 3: START: Layouts ======
*/
#container {
	width: 760px;
	margin-left: -380px;
	position: absolute;
	left: 50%;
	padding-top: 10px;

}
#header{

}

#content{
	padding-top: 130px;
	padding-left: 10px;
}

.content
{
	margin-top: 40px;
}

#home_content{
	padding-top: 130px;
	padding-left: 10px;
}
#bottombar{
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 10px;
}
.floatLeft{
	float:left;
	padding-left: 15px;
}
.floatRight{
	float:right;
	padding-right: 45px;
}
.centre{
	padding-top: 50px;
	padding-left: 45%;
	padding-right: 45%;
}
dt
{
	font-size:14px;
	color:#000;
	padding-top:10px;
}
dd
{
	margin-left:0px;
}
/*
====== 3: END: Layouts ======
*/


/*
====== 4: START: Navigation ======
*/

#navcontainer{
	height: 100px;
	padding-left: 10px;
}

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	min-width: 100%;
}

#navcontainer li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: auto;
}

#navcontainer a{
	color: #FFFFFF;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0px;
	padding: 0px 10px 0px 10px;

}
body.food #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/food_menu/brown_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

	}
body.wine #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/wine_menu/red_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

	}
body.coffee #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/coffee_menu/green_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

	}
body.whats_on #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/whats_on_menu/orange_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

}
body.look_inside #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/look_inside_menu/lbrown_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

}
body.beer #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/beer_menu/dorange_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

}
body.how_to #menu_holder, body.contact #menu_holder, body.fixtures #menu_holder{
	margin-top: -180px;
	float: right;
	width: 220px;
	background-image:url(../image/contact_menu/purple_menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

}
#menu{
	color: #FFFFFF;
	padding-left:30px;
	line-height:190%;
	}
#menu .homelink{
	padding-bottom: 140px;
	padding-left: 30px;
	}
/*
====== 4: END: Navigation ======
*/



/*
====== 5: START: Forms ======
*/

/*
====== 5: END: Forms ======
*/



/*
====== 6: START: Tables ======
*/
.foodTable{
	width: 480px;
	vertical-align:top;
	padding: 0px 0px 20px 10px;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;

}
.section{
	height: 40px;
	vertical-align:bottom;
	}
.foodTable td, .foodTable tr{
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
.wine_menu_table{
	width: 520px;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 15px;
	vertical-align: middle;
} 

.wine_name{
	color: #FFFFFF;
	padding-top: 25px;
}

.wine_origin{
	color: #d09f9d;
	font-size: 11px;
}
.measure_col{
	width: 50px;
}
.measure{
	text-align: center;
	color: #EAC5BB;
	font-weight: bold;
	padding-top:14px;
}
th{
  color: #81c4de;
}
.important{
	color: #ffa800;
	font-weight: bold;
}
.fixture_table{
	width: 500px;
	border: none;
	line-height: 20px;
}
.fixture_table td{
	text-align: center;
	border: none;
}

.tables_table{
	margin: 0px;
	text-align: left;
	width: 495px;
	border:none;
	line-height: 20px;
}
.tables_table td
{
	border: none;
}
.tables_table tr
{
	border: none;
}
/*
====== 6: END: Tables ======
*/



/*
====== 7: START: Datagrid ======
*/
.button_background{
	background-image:url(../image/contact_menu/button.gif);
	background-repeat:no-repeat;
	border: none;
	color: #FFFFFF;
	width: 96px;
	height: 50px;
	font-weight: bold;
	cursor:pointer;
	}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; 
	}
.button{
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 20px;
	}
/*
====== 7: END: Datagrid ======
*/




/*
====== 8: START: Images ======
*/
img {
	border: none;
}
/*
====== 8: END: Images ======
*/

/*
====== 9: START: Ant ======
*/
.dgHead
{
	font-size:12px; 
	background-color:#574C9A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color:#81c4de;
	border: none;
	
 }
 
 .dgRowA
 {
	background-color:#6d61b8;
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color:#FFFFFF;
	border: none;
 }
 
 .dgRowB
 {
	background-color:#574C9A;
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color:#FFFFFF;
	border: none;
	
 }
 
#grdMain td, #grdMain, td, tr{border: none;}
 
/*
====== 9: END: Ant ======
*/


/*
====== 8: Menu Changes: PaulC ======
*/

/* 23/04/07 */
.foodTable2007{
	margin: 0px;
	width: 540px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}

.foodTable2007 td{
	vertical-align:top;
	padding-top:8px;

}

.foodTable2007 .detail{
	font-size: 10px;
	padding:0;
	margin:0;
	width:100%;
}

.foodTable2007 td.price{
	vertical-align:bottom;
	text-align: right;
	padding-left:12px;
}

body.food .title {
	font-family: "Times New Roman", Times, serif;
	letter-spacing:0.6px;
	font-size: 20px;
	padding:0;
	margin:0;
}

ul.foodTimes{
	padding-left:20px;
	margin-left:20px;
}

ul.foodTimes li{
	padding:0px;
	margin:0px;
}

td.foodOffer{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;	
	padding: 8px;
	
	margin: 0px;

}
td.foodOffer span{
	border:1px solid #81C5DC;
	padding: 4px;
	margin: 0px;
	margin-top:10px;
}




.event-item 
{
	padding:0 0 30px 0;
	margin-bottom: 30px;
	background: url(../image/divider.gif) no-repeat 0 100%;
}

.home-nav li
{
	float: left;
	margin-right: 60px;
}

.home-nav li.last
{
	margin-right: 0;
}

.left-nav
{
	width: 150px;
	float: left;
	margin: 30px 30px 0 0;
}


.content-right
{
	float: left;
	width: 570px;
	margin-top: 30px;
}

.home-left-col
{
	width: 410px;
	float: left;
	margin-top: 30px;
}

.welcome
{
	margin-bottom: 15px;
}

.latest-events
{
	margin-bottom: 8px;
}

.welcome h2
{
	text-indent: -10000px;
	background: url(../image/welcome.jpg) 0 0 no-repeat;
	width:168px;
	height: 38px;
	margin: 0 0 5px;
}

.welcome a:link, .welcome a:visited, .welcome a:active, .welcome a:hover,
.latest-events a:link, .latest-events a:visited, .latest-events a:active, .latest-events a:hover
{
	text-decoration: underline;
}

.welcome p
{
	margin-bottom: 10px;
}

.latest-events h2
{
	text-indent: -10000px;
	background: url(../image/latest_events.jpg) 0 0 no-repeat;
	width:177px;
	height: 61px;
	margin:0 0 5px;
}

.latest-events .content
{
	margin: 0 0 15px;
}

.home-right-col
{
	float: right;
	margin-top: 40px;
}

.latest-tweet
{
	float: right;
	width: 304px;
	background: url(../image/tweet_top.jpg) no-repeat 0 0;
	margin-bottom: 20px;
}

.latest-tweet .inner
{
	margin: 20px 0 0;
	padding: 2px 20px;
	background: url(../image/tweet_middle.jpg) repeat-y 0 0;
}

.latest-tweet h2
{
	text-indent: -10000px;
	background: url(../image/latest_tweets.jpg) 0 0 no-repeat;
	width:163px;
	height: 40px;
}

.latest-tweet .post .image
{
	float: left;
	width: 48px;
	margin-right: 15px;
}

.latest-tweet .post .tweet
{
	float: right;
	width: 200px;
}

.latest-tweet .post
{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ABA6CD;
}

.latest-tweet #error
{
	margin-bottom: 10px;
	font-style: italic;
}

.latest-tweet .post a
{
	color: #D5765D;
	text-decoration: underline;
}

.latest-tweet .last
{
	border-bottom: none;
}

.latest-tweet .bottom
{
	background: url(../image/tweet_bottom.jpg) no-repeat 0 0;
	width: 304px;
	height: 19px;
}



.last-event
{
	padding: 0;
	margin-bottom: 20px;
}

.event-item a
{
	text-decoration: underline;
}

.event-item .event-image
{
	float: left;
	width: 260px;
}

.event-item h3
{
	text-transform: uppercase;
}

.event-item h3 a
{
	text-decoration: none;
}

.event-item h4
{
	margin-bottom: 10px;
}

#content .event-item .event-description p
{
	padding: 0 0 10px;
}

.event-item .event-description ul
{
	list-style:disc; 
	margin-left: 5px;
}


.event-item .event-description li
{
	margin-left: 13px;
}

.event-item .event-description ul.left-col, .event-item .event-description ul.right-col
{
	float:left;
	width: 195px;
}

.event-item .event-description ul.left-col
{
	margin-right: 5px;
}

a.highslide-credits
{
	font-size: 0;
}

.look-inside-images
{
	margin: 0 auto 10px;
	width: 453px;
}