/*  
Theme Name: The Whitehall Hotel
Version: 1.0
Description: Designed by <a href="http://www.europastudio.co.uk/">Europa Studio</a>.
Author: Europa Studio
Author URI: http://www.europastudio.co.uk
*/

body { background:#600C0E }

	#background {
		  background: url(images/myBackground.jpg) no-repeat top center;
		  display: none;
		  height: 100%;
		  left: 0;
		  position: absolute;
		  top: 0;
		  width: 100%;
		  z-index: -100;
	}

	#background img { display: none; }
	
	.wrapper {
		background:#000 url(images/bg-site.jpg) no-repeat center top;
		padding:0 0 40px;
	}
	
		.wrap {
			margin:0 auto;
			width:900px;
		}
		
			.header {
				height:187px;
			}
			
				.header h1 {
					float:left;
					font-weight:normal;
					padding:46px 0 0 8px;
					width:380px;
				}
				
					.header h1 a {
						background:url(images/logo.png) no-repeat;
						color:#fff;
						display:block;
						font-family:georgia;
						font-size:16px;
						line-height:16px;
						padding:53px 0 0 6px;
					}
					
				.header div.site-actions {
					color:#fff;
					float:right;
					height:116px;
					margin:0 10px 21px 0;
					position:relative;
					width:225px;
				}
				
					.header div.site-actions p {
						font-family:georgia;
						font-size:16px;
						margin:0 0 20px;
						text-align:right;
					}
					
						.header div.site-actions p a {
							color:#fff;
							display:block;
							float:right;
							font-family:georgia;
							margin-left:5px;
							text-transform:uppercase;
							text-align:center;
							width:31px;
						}
						.header div.site-actions p a.small-font { font-size:12px; padding-top:12px; height:21px; }
						.header div.site-actions p a.big-font { font-size:16px; padding-top:8px; height:25px; }
						.header div.site-actions p span {
							float:right;
							font-family:georgia;
							margin-right:5px;
							padding:9px 0 0;
						}
						.header div.site-actions p a { background:url(images/text_resize.png); }
						.header div.site-actions p a:hover { background:url(images/text_resize.png) 0 bottom; }
				
					.header div.site-actions strong {
						clear:both;
						display:block;
						font-family:georgia;
						font-size:19px;
						font-weight:normal;
						padding-bottom:3px;
						text-align:right;
					}
					
					.header div.site-actions .s-cont {
						background:url(images/bg-search.png) no-repeat;
						bottom:-5px;
						display:block;
						height:24px;
						padding:5px 5px 0 27px;
						position:absolute;
						right:0px;
						width:140px;
					}
					
						.header div.site-actions input {
							background:none;
							border:0;
							color:#fff;
							font-size:11px;
							padding:0;
							text-align:left;
							width:140px;
						}
					
				.header div.menu { clear:both; }
				
					.header .menu .lcurve,
					.header .menu .rcurve {
						background-image:url(images/curve-menu.png);
						display:block;
						height:50px;
						width:15px;
					}
					
					.header .menu .lcurve { float:left }
					.header .menu .rcurve { background-position:right 0; float:right; }
					
					.header div .menu-cont {
						background:url(images/bg-menu.gif) repeat-x 0 0;
						float:left;
						height:50px;
						width:870px;
					}
					
						.mainmenu {
							float:left;
						}
						
							.mainmenu li {
								float:left;
								position:relative;
							}
							
								.mainmenu li a {
									color:#fff;
									display:block;
								}
								.mainmenu li a:hover,  .mainmenu li.hover a{ background:url(images/curve-navhover.gif) repeat-x 0 0; }
								.mainmenu li.nddown a:hover { background:none; color:#ccc }
								
									.mainmenu li a span {
										display:block;
										padding:0 0 0 8px
									}
									.mainmenu li a:hover span, .mainmenu li.hover a span { background:url(images/curve-navlhover.gif) no-repeat 0 0; }
									.mainmenu li.nddown a:hover span { background:none }
									
										.mainmenu li a span span {
											padding:0 8px 0 0;
										}
										.mainmenu li a:hover span span, .mainmenu li.hover a span span { background:url(images/curve-navrhover.gif) no-repeat right 0; }
										.mainmenu li.nddown a:hover span span { background:none; }
										
											.mainmenu li a span span em {
												display:block;
												font-family:georgia;
												font-size:16px;
												font-style:normal;
												padding:12px 10px 22px;
											}
											.mainmenu li.current a span span em { background:url(images/bg-navcurrent.gif) no-repeat center 41px; }
							
								.mainmenu li div {
									background:url(images/shadow.png) no-repeat scroll right bottom transparent;
									display:none;
									float:none;
									padding:0 8px 10px 0;
									position:absolute;
									left:0px;
									top:41px;
									width:200px;
									z-index:999;
								}
								* html .mainmenu li div { background:none }
								
									.mainmenu li div ul {}
									
										.mainmenu li li {
											background:#600c0e;
											padding:0 10px;
											width:180px;
										}
										.mainmenu li li.l { padding-bottom:10px }
										.mainmenu li li:hover { background:#600c0e; }
									
											.mainmenu li li a, .mainmenu li.hover li a {
												background:url(images/bg-ddown.gif) no-repeat 0 bottom;
												font-family:arial;
												font-size:13px;
												padding:10px;
											}
											.mainmenu li li a:hover { background:#600c0e url(images/bg-ddown.gif) no-repeat 0 bottom; color:#ccc; }
											.mainmenu li li.current a { background:none }
						
						.btn-bookonline {
							background:url(images/btn-bookonline.gif);
							display:block;
							float:right;
							height:50px;
							margin-right:5px;
							width:141px;
						}
							.btn-bookonline span.hover{
								background:url(images/btn-bookonline.gif) -141px 0;
								display:block;
								height:50px;
								opacity:0;
								width:141px;
							}
							
							.btn-bookonline span.text{ 
								display:block;
								color:#fff;
								text-shadow: 1px 1px 1px #000;
                                font-family:georgia;
								height:13px;
								left:28px;
								position:relative;
								top:-35px;
							}
						
			.container { background:#f6e7c8; padding:9px 19px 20px 21px }
			
				.leftcolumn {
					float:left;
					padding-top:3px;
					width:555px;
				}
				
				img.alignright {
					margin: 0 0 10px 20px;
					display: inline;
					float: right;
					clear: right;
				}
				
				img.alignleft {
					margin: 0 20px 10px 0;
					display: inline;
					float: left;
					clear: left;
				}
				.leftcolumn img {
					max-width:545px;
					width: expression(this.width > 545 ? 545: true);	
					border:0px;
					padding:5px;
					background:#fff;
					border:1px solid #E5D1B3;
				}
				.leftcolumn .no-border, .leftcolumn .no-border:hover {
					border:none;
					background:none;
				}
				.leftcolumn img:hover{
					padding:5px;
					border:1px dotted #000;
				}

				
					.flash-container { height:330px }
					
						.flash {
							background:#eee url(images/bg-flash.gif) no-repeat;
							height:269px;
						}
						
						.flash-note {
							height:62px;
							width:555px;
						}
						
						.leftcolumn .flash-container p {
							background:#600c0e url(images/icon-flash.gif) no-repeat 15px center;
							color:#fff;
							font-size:12px;
							line-height:15px;
							margin:0;
							padding:15px 15px 15px 56px;
						}
						
							.leftcolumn .flash-container p strong { font-weight:bold }
							.leftcolumn .flash-container p a { color:#fff; text-decoration:underline }
							
					.leftcolumn h1 {
						color:#1B1B1B;
						font-family:georgia;
						font-size:24px;
						font-weight:normal;
						margin:15px 0;
					}
					.leftcolumn h1 a {
						color:#1B1B1B;
						display:block;
						font-family:georgia;
						font-size:24px;
						font-weight:normal;
						margin:15px 0 0 0;
						padding-bottom:5px;
						border-bottom:4px solid #E5D1B3;
					}
					.leftcolumn h2 {
						color:#333;
						font-family:arial;
						font-size:17px;
						font-weight:bold;
						margin:15px 0;
						padding-bottom:3px;
						border-bottom:2px solid #E5D1B3;
					}
					.leftcolumn h3 {
						color:#333;
						font-family:georgia;
						font-weight:normal;
						font-size:16px;
						margin:15px 0;
					}
					
					.leftcolumn p {
						color:#333;
						font-size:13px;
						line-height:25px;
						margin:15px 0;
					}
					.leftcolumn p strong {
						font-weight:bold;
					}
					
						.leftcolumn p a { color:#333; text-decoration:underline }
						
					.leftcolumn p.page-action { margin-top:25px }
					
						.leftcolumn p.page-action a.post-edit-link {
							background:url(images/btn-edit.gif);
							color:#fff;
							display:block;
							float:left;
							font-size:12px;
							height:18px;
							line-height:12px;
							margin-right:15px;
							padding:4px 0 0;
							text-align:center;
							text-decoration:none;
							text-shadow:1px 1px 1px #000;
							width:72px;
						}
						
						.leftcolumn p.page-action em {
							font-family:georgia;
							font-size:11px;
							font-style:italic;
						}
							
						.leftcolumn p.page-action span { font-size:11px; margin-left:5px }
				
				.rightcolumn {
					float:right;
					width:286px;
				}
				
					#feats {
						background:url(images/curve-feats.gif) no-repeat 0 bottom;
						margin-bottom:5px;
						padding-bottom:11px;
					}
					
						#tab-items {
							background:url(images/bg-tab.gif) repeat-x;
							height:40px;
						}
						
							#tab-items li {
								float:left;
							}
							#tab-items li.l { border-right:0 }
							
								#tab-items li a {
									background-image:url(images/bg-tabs.gif);
									color:#333;
									text-shadow: 1px 1px 1px #fff;
									display:block;
									font-family:georgia;
									font-size:14px;
									line-height:16px;
									padding:12px 0 0;
									height:28px;
									text-align:center;
								}
								
								#tab-items li a.groups  {background-position:0 0; width:82px}
								/*#tab-items li a.groups:hover,*/
								#tab-items li.active a.groups { background-position:0 -40px }
								
								#tab-items li a.bowling  {background-position:-82px 0; width:86px}
								/*#tab-items li a.bowling:hover,*/
								#tab-items li.active a.bowling { background-position:-82px -40px }
								
								#tab-items li a.bournemouth  {background-position:right 0; width:118px}
								/*#tab-items li a.bournemouth:hover,*/
								#tab-items li.active a.bournemouth { background-position:right -40px }
								
						#feats div.feat-cont {
							background:url(images/shdw-feats.gif) repeat-y 0 0;
							display:none;
							height:286px;
							padding:0 3px;
						}
						#feats div.active { display:block }
						
							#feats div div {
								background:url(images/bg-featscontent.gif) repeat-x 0 0;
								height:266px;
								padding:20px 15px 0;
							}
							
								#feats div div h2, #feats div div h2 a {
									color:#333;
									font-family:georgia;
									font-size:18px;
									line-height:20px;
									font-weight:normal;
									margin:0 0 10px;
									text-shadow: 1px 1px 1px #fff;
								}
								
								#feats div div p {
									color:#333;
									font-size:12px;
									line-height:18px;
									margin:10px 0;
								}
								
									#feats div div p a { color:#333; font-weight:bold; text-shadow: 1px 1px 1px #fff; }
									
									#feats div div p .tab-image {
										background:url(images/shadow-tabimage.gif) no-repeat;
										display:block;
										height:91px;
										line-height:0;
										margin-right:10px;
										padding:9px 0 0;
										text-align:center;
										width:100px;
									}
					.tcurve,
					.bcurve {
						display:block;
						height:11px;
					}
					.bcurve { background-position:0 bottom }
					
					.newsletter { margin-bottom:5px }
						
						.newsletter .tcurve,
						.newsletter .bcurve { background-image:url(images/curve-newsletter.gif); }
						
						.newsletter form,
						.fb div,
						.tripadvisor div { background:url(images/shdw-feats.gif) repeat-y 0 0; padding:0 3px }
						
							.newsletter form fieldset { background:#fdfdfd url(images/bg-newsletter.gif) repeat-x 0 bottom; padding:10px 15px }
							
							.newsletter form fieldset  h2 {
								color:#333;
								text-shadow: 1px 1px 1px #fff;
								font-size:20px;
								font-family:georgia;
								font-weight:normal;
								margin:0 0 10px;
							}
							
							.newsletter form fieldset ul {}
							
								.newsletter form fieldset ul li { padding:3px 0 }
								
									.newsletter form fieldset ul li label {
										display:block;
										color:#333;
										float:left;
										font-size:12px;
										margin-right:5px;
										padding:4px 0 0;
										text-align:right;
										width:108px;
									}
									
									.newsletter form fieldset ul li input {
										border:1px solid #ccc;
										float:right;
										padding:2px;
										width:121px;
									}
									
									/*a.btn-white {
										background:url(images/btn-white.png);
										color:#333;
										display:block;
										float:right;
										font-size:12px;
										height:20px;
										padding:4px 0 0;
										text-align:center;
										width:74px;
									}
									a.btn-white:hover { background:url(images/btn-white.png) 0 bottom }*/
									
									a.btn-white {
										background:url(images/btn-white.png);
										display:block;
										float:right;
										font-size:12px;
										height:24px;
										text-align:center;
										width:74px;
									}
									
										a.btn-white span.hover{
											background:url(images/btn-white.png) 0 bottom;
											display:block;
											height:24px;
											opacity:0;
											width:74px;
										}
										
										a.btn-white span.text{ 
											display:block;
											color:#333;
											text-shadow: 1px 1px 1px #fff;
											cursor:pointer;
											height:13px;
											left:0;
											position:relative;
											top:-19px;
										}
										
									a.btn-submit {
										background:url(images/btn-newsletter.gif);
										display:block;
										float:right;
										font-size:12px;
										height:24px;
										text-align:center;
										width:74px;
									}
									
										a.btn-submit span.hover{
											background:url(images/btn-newsletter.gif) 0 bottom;
											display:block;
											height:24px;
											opacity:0;
											width:74px;
										}
										
										a.btn-submit span.text{ 
											display:block;
											color:#333;
											text-shadow: 1px 1px 1px #fff;
											cursor:pointer;
											height:13px;
											left:0;
											position:relative;
											top:-19px;
										}
										
									a.btn-join {
										background:url(images/btn-facebook.gif);
										display:block;
										float:right;
										font-size:12px;
										height:24px;
										text-align:center;
										width:74px;
									}
									
										a.btn-join span.hover{
											background:url(images/btn-facebook.gif) 0 bottom;
											display:block;
											height:24px;
											opacity:0;
											width:74px;
										}
										
										a.btn-join span.text{ 
											display:block;
											color:#333;
											text-shadow: 1px 1px 1px #fff;
											cursor:pointer;
											height:13px;
											left:0;
											position:relative;
											top:-19px;
										}
									
					.fb  { margin-bottom:5px }
					
						.fb .tcurve,
						.fb .bcurve,
						.tripadvisor .tcurve,
						.tripadvisor .bcurve { background-image:url(images/curve-fb.gif); }
						
						.fb div div,
						.tripadvisor div div { background:#f9f9f9 url(images/bg-fb.gif) repeat-x 0 bottom; padding:10px 15px }
						
							.fb h2 { font-weight:normal }
							
								.fb img { float:left }
								
							.fb p,
							.tripadvisor p {
								color:#333;
								font-size:12px;
								line-height:16px;
								margin:10px 0 0;
							}
							
							.tripadvisor p a { color:#333; font-weight:bold; text-decoration:underline }
							.fb p a { color:#3B5998; }
					
			.bottom-nav {
				background:url(images/curve-bottom.png) no-repeat 0 0;
				border-bottom:1px solid #242424;
				font-size:12px;
				padding:25px 0 15px 0;
			}
				.bottom-nav a { color:#C9AD90; }
				.bottom-nav ul {}
					.bottom-nav ul li {
						color:#505151;
						display:inline;
						border-right: 1px solid #505151;
						padding:0 5px;
					}
						.bottom-nav ul li a:hover,
						.bottom-nav ul li.current_page_item a { text-decoration:underline }
						
				.bottom-nav p { color:#C9AD90; }
				.bottom-nav p a { text-decoration:underline }
	
	.footer {
		background:#600c0e url(images/bg-footer.gif) repeat-x 0 0;
		padding:30px 0;
	}
	
		.site-info,
		#TagClouds { margin:0 auto; width:900px }
		#TagClouds {margin:30px auto 0}
		
			.site-info p {
				background:url(images/flogos.gif) no-repeat;
				float:left;
				padding:10px 0 10px 120px;
				line-height:20px;
				width:560px
			}
			
				.site-info p span { color:#F6E7C8; font-size:12px; display:block }
				.site-info p span.t { font-size:14px; }
				
					.site-info p span a { color:#F6E7C8; text-decoration:none }
					.site-info p span a:hover { text-decoration:underline }
					
					.site-info p span em { margin-left:12px; font-style:normal }
				
					.site-info p span strong {
						font-family:georgia;
						font-size:20px;
						font-weight:normal;
					}
		
			.site-info .btn-searchbytag {
				background:url(images/btn-searchtag.gif);
				display:block;
				float:right;
				height:45px;
				margin-top:10px;
				width:200px
			}
			
				.site-info .btn-searchbytag span {
					background:url(images/arrow-searchtag.gif) no-repeat 170px 19px;
					color:#C9AD90;
					display:block;
					font-family:georgia;
					font-size:20px;
					padding:12px 0 3px 20px;
				}
				.site-info .btn-searchbytag span.hide { background:url(images/arrow-searchtag.gif) no-repeat 170px -73px; }
		
			#TagClouds li { float:left; margin-right:15px; white-space:no-wrap}
			*:first-child+html #TagClouds li { padding-bottom:5px; }
			
				#TagClouds li.one { font-size:14px; height:23px; padding-top:16px; }
				#TagClouds li.two { font-size:16px; height:25px; padding-top:14px }
				#TagClouds li.three { font-size:18px; height:27px; padding-top:12px }
				#TagClouds li.four { font-size:20px; height:29px;  padding-top:10px }
				#TagClouds li.five { font-size:22px; height:31px; padding-top:8px }
				#TagClouds li.six { font-size:29px; height:39px; }
				
				#TagClouds li a {
					background:url(images/tags-border.gif) repeat-x 0 bottom;
					color:#C9AD90;
					font-family:georgia;
				}
				#TagClouds li a:hover { background:none }
				
				/* IE6 Info Bar */

				#infobar {
					position: relative;
					left: 0px;
					top: 0px;
					height: 20px;
					width: 100%;
					background-color:#FFC;
					z-index: 35;
					font-size: 11px;
					border-bottom: 1px solid #898649;
					padding: 5px;
				}
				
				#infobar a {
					text-decoration:underline;
					color: #000;
				}
				
			/* Table Styles */
			
/* -- TABLE STYLES -- */

table.stats {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
margin: 20px 0 20px 0;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #E8E8E8;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}
table.stats td {
background-color: #E8E8E8;
color: #000;
padding: 10px;
border-bottom: 1px #ccc solid;
}
table.stats td.hed {
background: #600C0E url(images/table_head_bg.gif) repeat-x;
color: #fff;
padding: 6px;
text-align: center;
border-bottom: 1px #fff solid;
font-size: 12px;
font-weight: bold;
vertical-align:middle;
}
			
/* Content Lists (Unordered and Ordered) */
	
.leftcolumn ol, .leftcolumn ul { color:#333; font-size:13px; line-height:20px; margin:0; padding: 0 47px;}
.leftcolumn ul li { list-style:circle; padding: 3px 0; margin:0;}
.leftcolumn ul li a, .leftcolumn ol a { text-decoration:underline; color:#333; }
.leftcolumn ol { padding: 0 47px; margin:0; }
.leftcolumn ol li { list-style: decimal; padding: 3px 0; line-height:20px; }
.leftcolumn blockquote {
					background:url(images/blockquote.gif) #EEEEE9 10px 10px no-repeat;
					border-left:3px solid #C9C6AB;
					font: 14px;
					color: #333;
					line-height:1.4em;
font-style:italic;
					margin:10px 0 10px 20px;
					padding:5px 10px;
				}
				
				.leftcolumn blockquote p:first-letter {
				padding-left: 40px;
				font-size:  2.0em;
				line-height:1.0em;
font-family: georgia;
}

/* Document Links (PDFs etc) */

a.pdf {
	background: url(images/file-red.gif) no-repeat;
	padding-left: 16px;
}
a.zip {
	background: url(images/file-orange.gif) no-repeat;
	padding-left: 16px;
}
a.psd {
	background: url(images/file-blue.gif) no-repeat;
	padding-left: 16px;
}
a.doc {
	background: url(images/file-blue.gif) no-repeat;
	padding-left: 16px;
}

/* News Styling */

.leftcolumn p.date {
	font-size:11px;
	margin:0;
	padding-top:4px;
	border-top:1px #E5D1B3 dotted;
	clear:both;
}
.leftcolumn span.comment {
	font-weight:bold;
         background:url(images/comment.png) no-repeat 0 0;
padding-left:18px;
}
.leftcolumn .post {
	padding-bottom:15px;
}

/* Sociable Styling */

.leftcolumn .sociable {
	background:#F4E3C1;
	border-top:1px solid #E5D1B3;
	border-bottom:1px solid #E5D1B3;
	padding:0 10px 6px 10px;
	margin:0;
	clear:both;
}
.leftcolumn .sociable_tagline {
	font-family:arial;
	font-size:12px;
	color:#1b1b1b;
	margin:6px 0 8px 0;
}
.leftcolumn .sociable li img.sociable-hovers, .leftcolumn .sociable li img {
	border:0;
	padding:0;
	margin:0;
}

/* Comments Styling */

.commentsblock{
	margin:0;
	padding:0;
}
.commentsblock textarea {

}
.commentsblock input, .commentsblock textarea {
	border:1px solid #ccc;
}
.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor {
	display:block;
	font-size:13px;
}
.leftcolumn ol.commentlist {
	font-size:13px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.leftcolumn ol.commentlist li {
	padding:10px;
	list-style-type:none;
}
ol.commentlist a:hover{
	color:#1b1b1b;
}
.commentlist li{
	margin:0;
	padding:10px;
}
.alt{
	background:#F4E3C1;
	border-bottom:1px solid #E5D1B3;
	border-top:1px solid #E5D1B3;
	padding:0;
}
.leftcolumn h3.comments{
	padding-top:20px;
	font-size:20px;
	color:#333;
}	
.count, .mycount {
	font-family:georgia;
	float:right;
	font-size:50px;
	line-height:50px;
	font-weight:normal;
	color:#E5D1B3;
}
.post a.more-link {
	text-decoration:none;
	float:right;
	display:block;
	width:72px;
	height:22px;
	padding-left:8px;
	clear:both;
	border:none;
	line-height:22px;
	margin:10px 0;
	font-size:12px;
	color:#fff;
	background:url(images/btn-edit.gif) 0 0 no-repeat;
}
.newsletter form fieldset ul li input#singlecheck {
border:none; background:transparent; float:left; padding:0; width:32px;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 3px 0;
margin: 0;
text-align:center;
}
div.alignright {
margin: 0 0 10px 20px;
display: inline;
float: right;
clear: right;
}
div.alignleft {
margin: 0 20px 10px 0;
display: inline;
float: left;
clear: left;
}


#upcomingevents ul {
   list-style: none;
   margin: 1em 0;
   padding: 0; 
}
#upcomingevents ul li {
   margin: 0;
   padding: 3px 10px 5px 25px;
   border-bottom: 1px dotted #E5D1B3;
background: url(images/rss.png) no-repeat 0 5px;
list-style: none;
}
#upcomingevents ul li a {
text-decoration:none;
}
#upcomingevents ul li:hover {
background-color:#F1E2C4;
}
#upcomingevents ul li a:hover {
color: #FF8D49;
}