/*
CSS for Half Moon Belchamp site
*/

* {
	margin: 0;
	padding: 0; }

body {
	font-family: helvetica, arial, sans-serif;
	background: #112C52 url(images/halfmoon-texture.jpg);
	padding: 0;
	margin: 0; }

#wrapper {
	width: 1000px;
	margin: 50px auto 0px;
	background-color: #FFFFee; }
	
.wrapper-bottom {
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -300px;
	float: left;
	height: 10px; 
	width: 1000px; }
	
#header {
	background-image: url('images/halfmoon-sprite.jpg');	
	background-position: 0px 0px; 
	height: 280px; 
	width: 1000px; }

#half-moon-header {
	float: left;
	width: 480px;
	margin-top: 10px;
	margin-left: 20px; }
	
#half-moon-image {
	float: right;
	width: 394px; }

h1, h2, h3, h4 {
	font-family: 'Merriweather', serif;
	color: #112C52; }

h1 { 
	font-size: 62px;
	padding-top: 15px;
	line-height: 60px;
	border-bottom: 3px solid #112C52; }

h2 {
	font-size: 40px;
	line-height: 65px; }

h3 {
	font-size: 20px; 
	padding-top: 20px;
	padding-bottom: 10px;}
	
.phone-number {
	float: left;
	text-align: center;
	margin-top: 80px;
	padding-top: 5px; 
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -310px;
	background-color: #112c52;
	height: 30px; 
	width: 250px;
	color: #FFFFEE; }

h4 {
	font-size: 12pt; }

p {
	color: #112C52;
	line-height: 18px;
	font-size: 13px;
	padding: 5px 0px;  }
	
ul, li {
	color: #112C52;
	line-height: 16px;  }
	
#bodycontent {
	width: 670px;
	margin: 20px;
	float: right; }
	
#bodycontent li {
	font-size: 12px;
	line-height: 12pt;
	padding-top: 3px; 
	margin-left: 20px;
	list-style-position: outside; }
	
#bodycontent a:link, #bodycontent a:visited {
	display: inline;
	border-bottom: 1px dashed #112C52;
	text-decoration: none;
	color: #112C52;
	padding: 0;}

#bodycontent a:hover, #bodycontent a:active {
	color: #7d9299;
	border-bottom: 1px solid #7d9299;
	text-decoration: none; }

#header {
	float: right;
	display: inline; }
	
#sidebar-container {
	width: 260px;
	float: left;
	margin-left: 20px; }
	
.nav-top {
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -310px;
	background-color: #112C52;
	height: 10px; 
	width: 250px; }
	
.nav-bottom {
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -335px;
	background-color: #112C52;
	height: 10px; 
	width: 250px; }
	
.sidebar {
	float: left;
	width: 250px;
	background-color: #112C52; }
	
.navigation-container {
	padding-bottom: 15px;
}
	
li.navigation {
	list-style-type: none;
	padding: 5px 20px;
	display: block;
}

li.navigation a:link, li.navigation a:visited {
	font-family: 'Merriweather', serif;
	line-height: 25px;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFEE;
	border: 0; }

li.navigation a:hover, li.navigation a:active {
	color: #7d9299;
	border-bottom: 1px dashed #7d9299; }

.navigation img {
	padding: 10px; }
	
#hours {
	background-color: #4a5e7a;
	width: 220px;
	padding: 5px 15px;
	float: left;
	text-align: center; }

#hours h3 {
	color: #FFFFEE; }

#hours li {
	font-size: 12px;
	padding-bottom: 8px;
	color: #FFFFEE;
	list-style-type: none; }
	
#width-cont {
	width: 450px;
}

.did-you-know-top {
	float: left;
	margin-top: 20px;
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -370px;
	background-color: #4a5e7a;
	height: 10px; 
	width: 670px; }
	
.did-you-know {
	float: left;
	width: 630px;
	background-color: #4a5e7a;
	color: #FFFFEE;
	padding: 0px 20px 10px; }
	
.did-you-know-bottom {
	float: left;
	margin-bottom: 20px;
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -380px;
	background-color: #4a5e7a;
	height: 10px; 
	width: 670px; }
	
.did-you-know h3, 
.did-you-know h4,
.did-you-know p {
	color: #FFFFEE; }
	
.homepage-news {
	float: left;
	width: 200px;
	padding-top: 20px;
	padding-right: 20px;
}
.homepage-news a {
	font-size: 13px;
}	
.footer-top {
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -345px;
	background-color: #112C52;
	height: 10px; 
	width: 1000px; }
	
.footer-bottom {
	background-image: url('images/halfmoon-sprite.jpg');
	background-position: 0px -355px;
	background-color: #112C52;
	height: 10px; 
	width: 1000px; }
	
#footer-container {
	margin: 20px auto 10px;
	background-color: #112C52;
	width: 1000px; } 
	
#footer-container p {
	font-family: 'Merriweather', serif;
	color: #FFFFEE;
	text-align: center;
	font-size: 16px; }

table {
	border-collapse: collapse; }

th, td {
	font-size: 12px;
	color: #112c52;
	padding: 2px 0px 3px 0px;
	border-bottom: 1px dashed #112c52;}
	
td.menu {
	width: 615px;
	padding-right: 15px; }
	
td.menu span {
	font-weight: bold; }
	
td.price {
	text-align: right; }
	
.did-you-know th, .did-you-know td {
	text-align: left;
	color: #FFFFEE;
	border-bottom: 1px dashed #FFFFEE; }
	
.coursen {
	width: 310px;
	float: left;
	padding-right: 20px;
	color: #112C52; }

.coursen li {
	font-size: 12px;
	line-height: 12pt;
	padding-top: 3px; 
	margin-left: 20px;
	list-style-position: outside; }
	
.children {
	width: 180px;
	float: left;}
	
.children li {
	font-size: 12px;
	color: #FFFFEE;
	line-height: 12px;
	padding-top: 3px; 
	margin-left: 20px;
	list-style-position: outside; }
	
.gallery {
	float: left;
	display: inline;
	width: 670px; }

.gallery img {
	border: 0;
	margin: 2px;}
	
.gallery a:link,
.gallery a:visited {
	border: 0;
	text-decoration: none; }
	
.gallery a:hover,
.gallery a:active {
	border: 0; }
	
td.beer-brewery {
	width: 90px;
	padding-right: 10px; 
	font-size: 13px; 
	font-weight: bold; }

td.beer-name {
	width: 100px;
	padding-right: 10px;}

td.beer-strength {
	width: 50px;
	text-align: right; }

.noticeboard {
	margin: 20px 15px 0px;
	background-image: url('images/noticeboard.jpg');
	width: 180px;
	height: 248px;
	padding: 20px 20px;
	text-align: center;
}

.noticeboard h3 {
	color: #FFFFFE; 
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	font-family: 'Rock Salt', 'Merriweather', serif; }

.noticeboard p {
	color: #FFFFFE; 
	font-size: 15px;
	line-height: 17px;
	font-family: 'Rock Salt', 'Merriweather', serif; }

.noticeboard a:link, .noticeboard a:visited {
	font-family: 'Rock Salt', 'Merriweather', serif;
	color: #FFFFFE;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFE; }
	
.noticeboard a:hover, .noticeboard a:active {
	text-decoration: none;
	border-bottom: 1px solid #FFFFFE;  }
	
/* --------------------christmas --------------------*/

table#christmas-times td, th {
	padding: 3px 5px;
}
table#christmas-times td.day {
	font-weight: bold;
}	
.webdesign {
	margin: 0px auto 20px;
	width: 1000px; } 
	
.webdesign p {
	color: #FFFFEE;
	text-align: right;
	padding: 10px;}
	
.webdesign a:link, .webdesign a:visited {
	color: #FFFFEE;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFEE; }
	
.webdesign a:hover, .webdesign a:active {
	color: #FFFFEE; 
	text-decoration: none;
	border-bottom: 1px solid #FFFFEE; }