/*
Theme Name: West Beach 
Theme URI: http://www.west-beach.co.uk
Description: West Beach restaurant theme.
Version: 1.1
Author: Chelsey Gourgaud
Author URI: http://www.dsquaredmedia.co.uk
Tags: 

*/

body{
	background: #e5d0bb url('images/bg_image.jpg') repeat-x;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:1.5em;
	color:#666666;
	background-size: 100%;

	}

.iFrame{border:none}
.container{
	width:960px;
	margin:0 auto;
	padding:0 24px;
	position:relative;
	z-index:1000;
	background-color: #fff;
}

#headerImage{
	z-index:-1;
	width:960px;
	position:relative;
	top:-155px;
	margin-bottom:-151px;
}

#headerImageNoFlash{
	z-index:-1;
	width:960px;
	position:relative;
	top:-155px;
	margin-bottom:-151px;
}

.clear{
	clear:both;

}

#main{
	width:610px;
	float:left;
	position:relative;
	height:240px;
	padding:20px 20px 10px 10px;

}

#homeCol{
	width:600px;
	float:left;
	height:200px;
	padding:10px 20px 10px 10px;

}

#col1{
	width:470px;
	float:left;
	min-height:480px;
	padding:10px 20px 10px 10px;

}

#col1Calendar{
	width:570px;
	float:left;
	min-height:480px;
	padding:10px 20px 10px 10px;
}

#col1 a{
	color:#6ab4b4;
	
}


#col1 a:hover{
	text-decoration:none;
}

#col2{
	float:left;
	width:140px;
	padding:40px 10px;

}

#col2 p{

	font-size:90%;
	text-align:left;
}

#col2 img{
	padding-bottom:10px;
	width:135px;
	border:none;
}

#sidebar{
	float:right;
	
}

#book{
	background:url('images/note.gif') no-repeat;
	width:140px;
	height:280px;
	float:right;
	margin-top:-70px;
	font-size:90%;
	padding:5px 120px 0 30px;
	position:relative;
	z-index:1001;
}

.block{	
	min-height:210px;
	float:left;
	width:316px;
	padding:10px;
	margin:0;
	border-right:1px solid #efefef;
	border-top:1px solid #efefef;
}

.block a{
	color:#002b5c;
	text-decoration:none;
}

.block a:hover{
	text-decoration:underline;
}
/* top logo area */

#nav{
	margin:auto;
	clear:both;
	text-align:center;
	margin:-3px 0 0 0;
	padding:6px 5% 0 5%;
	
}

#logo{
	top:38px;
	height:129px;
	position:relative;
	z-index:1;
	background:url('images/navbg.png') repeat-x;
	text-align:center;
	margin:0;
	padding:0;
}

.logoBlk{
	float:left;
	width:270px;
	height:54px;
	padding:35px 20px 0 25px;
}

.logoMain{
	width:320px;
	float:left;
	padding:0;
	margin:0;
}

#lalign{
	text-align:left;
}

#rlign{
	text-align:right;
}

.lfloat{
	float:left;
}

.rfloat{
	float:right;
}


/* form & buttons */

input[type=submit]{
	background:url('images/input.gif') no-repeat;
	width:146px;
	height:27px;
	border:none;
	text-transform:uppercase;
}

.readmore{
	display:block;
	width:146px;
	height:27px;
	background:url('images/input.gif') no-repeat;
	clear:both;
	padding-top:5px;
	margin-top:10px;
	text-align:center;

}

.readmore a{
	color:#545454 !important;
	text-decoration:none;
	text-transform:uppercase;

}

.readmore a:hover{
	text-decoration:underline;
}


/* navigation */

a{
	color:#002b5c;
}

ul{
	padding:0;
	margin:10px 0 10px 20px;

}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%;text-align:left;}
#dropmenu a {display:block; padding:0.25em 1em 0.5em 1em; height:18px; color:#002b5c; text-decoration:none;}
#dropmenu a:hover, .current_page_item a, .current_page_parent a  {background:#82c3c2; color:#fff !important;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu li ul {width:14.1em;background:#82c3c2;margin-left:1px;padding-left:7px;}
#dropmenu li ul a {width:12em; height:auto; float:left;background:#82c3c2;margin-left:1px;padding-left:1px;color:#fff;padding-left:5px; }
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}



/* fonts */

h1,h2,h3,h4,h5{
	
	padding:5px 0;
	margin:0;
	color:#55adac;
	font-weight:normal;
	line-height:1.2em;
}

h1, h2, h3{
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform:uppercase;
}

h1{
	font-size:24px;
}

h2{
	font-size:20px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;	
}

h5{
	font-size:12px;
}

h2.blogTitle , h2.blogTitle a{
	text-transform:uppercase;
	color:#55adac;
	text-decoration:none;
	font-size:140%;
}

.entry p {
	color:#666;
	padding:15px 0;
}

a.backto {
	color:#666;
	font-size:120%;

}

h2.blogTitle a:hover{
	text-decoration:underline;
}

p{
	margin:0;
	padding:5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size:1.1em;
	line-height:1.4em;
}

hr 
{
	background-color:#efefef;
	border:0 none;
	color:#efefef;
	height:1px;
	margin:15px 0;
}

.block h3{
	color:#002b5c;
	text-transform:uppercase;
	font-size:145%;
	padding:10px 0;
}


#book h3{
	font-weight:bold;
}

.larger{
	font-size:150%;
	line-height:1.6em;
}

.larger a{
	text-decoration:none;
	color:#666666;
}

.larger a:hover{
	text-decoration:underline;
}

small{
	font-size:95%;
	text-transform:uppercase;
	color:#55adac;
}



.error{
	color:#ff0000;
}

/* calendar */

.calendar-table, .calendar-month{
	font-size:120% !important;
	font-weight:bold;
}

span.weekend, .weekend-heading{
	color:#666 !important;
}


.calendar-table td{
	width:74px;
	height:66px;
	text-align:center;
	border:none;
	margin:3px;
	background-color:#f2f2f2;
	
}

.day-with-date{
	border:none !important;
	background-color:#f2f2f2 !important;
}
.day-without-date, .normal-day-heading, .weekend-heading, .calendar-prev, .calendar-next, .calendar-month{
	background:none !important;
}
.calnk a:visited, .calnk a{
	color:#666 !important;
	border-bottom:1px solid #fff !important;
}

.current-day{
	background-color:#d4eae8 !important;
}


/* footer */

#footer{
	background:url('images/footer.png') repeat-x;
	margin:auto;
	width:960px;
	height:220px;
	padding: 40px 24px;
}

/*content blocks */

.floatl{
	float:left;
	width:315px;
	height:180px;
	padding:10px;
	
}


#block1{
	border-top:1px solid #efefef;
	border-right:1px solid #efefef;
}

#block2{
	border-top:1px solid #efefef;
}

#block3{
	float:right;
	width:265px;
	height:180px;
	padding:10px;
	border-top:1px solid #efefef;
	border-right:none;
}


hr {
	background-color:#efefef;
	border:0 none;
	color:#efefef;
	height:1px;
	margin:10px 0 13px 0;
}


/* twitter */

.twitter li{
	float: left;
	list-style:none;
	margin:0;
	padding:0;
	width:370px;
	padding:0 60px 0 10px;

}

.twit{
	float:left;
	width:900px;
	font-size:140%;
	color:#022b5c;
	
}

.twitLogo{
	float:left;
	width:35px;
	padding:15px 0 0 10px;
}