/*
Theme Name: WordPress sunnylea
Theme URI: http://www.web-works.biz
Description: Theme designed for Sunny lea self-catering Cottgae, Tideswell Derbyshire
Author: Pete Hawkins
Author URI: http://petehawkins.co.uk/
*/
/*F9D928	FDFFDB	7D7C70	5B604C	393B27*/


body {
background-color : #7D7C70;
font-family:Verdana, Geneva, sans-serif;
font-size:80%;
color:#5B604C;
}
#container {
	position: relative;
    background:#FDFFDB;
    margin: 0 auto;
    padding-bottom: 0px;
 	width:800px;
	margin: 0px auto;
	border-top: 5px solid #393B27;
	}
#header {padding:0;margin:0;}
#headertop{
	position: relative;
	background: url(images/headerimg.png) no-repeat;
	height: 125px;
	border-bottom: 1px solid #393B27;
	}
#headerbottom{position: relative;height:150px;border-bottom: 1px solid #393B27;padding:0;margin:0;}
#contact  {
	float:left;
	background:#F9D928;
	width: 30%;
	height:200px;
	}
#contact h2 {
	font-size:22px;
	color:#993333;
	padding:0px;
	
	}
#contact p {
	padding:35px 10px 5px 0px;
	text-align:left;
	font-size:11px;
	
	}
#contact a {color:#993333;text-decoration:none;}
#contact a:hover {border-bottom:dotted #F9D928 1px;	}
#contact ul, li {
	list-style:none;
	padding:0 0 0 10px;
	
}
#images {
	background:#999;
	float:right;
	width:70%;
	height:200px;
	}

	.menu{
	border-top:35px solid #393B27;
	width: 100%;
	background: #5B604C;
	}

	.menu ul{
		background: #5B604C;
		padding: 16px 0 4px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		text-align: center;
		vertical-align:middle;
		height:25px;
	}

	.menu ul li{
	display: inline;

	}

	.menu ul li a{
	color: #fff;
	padding: 16px 1px 4px 1px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 5px; /*spacing between each menu link*/
	text-decoration: none;

	}

	.menu ul li a:hover, .underlinemenu ul li a.selected{
	 color: #F9D928;
	border:0;
	}

#content {

	overflow:hidden;
	line-height:17px;
	}
#maincontent {
			padding: 0px 20px 0 30px;
			background:#FDFFDB;
			float:right;
			width:510px;
			border-left: 1px solid #ccc;
		}
#maincontent li {
					list-style-type: disc;
				}
#sidebar  {
			padding: 10px 0 1000px 0;
			margin:	0 20px -1000px 0;
			float:left;
			background:#FDFFDB;
			width: 180px;
		
		}
#sidebar  li {	list-style:none;
}
.clear { clear: both; padding: 0px; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	
	/* Internet Explorer * 
/*\*/ 
* #content { 
   
} 
/**/
#footer {
	background:#393B27;
	color:#F9D928;
	font-size:.75em;
	padding: 5px 20px 20px 10px;
	}
	#content h1 a { 
		font-family: "Times New Roman", Times, serif;
		font-size: 17pt;
		font-weight: normal;
		padding: 30px 0px 0px 0px;
		margin: 0 0 0 0;
		color: #993333;
		
	}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 17pt;
	font-weight: normal;
	padding: 30px 0px 0px 0px;
	margin: 0 0 0 0;
	color: #993333;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 13pt;
font-weight: normal;
padding: 10px 0px 0px 00px;
margin: 0 0 0 0;
color: #993333;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
/*font-family: "Times New Roman", Times, serif;
*/font-size: 13pt;
}
a img { border: none; }
#SlideShow { display: block; }
.headright {
background-color: #ffffff;
text-align: left;
}
.left {
background-color: #5b852f;
color: #cccccc;
padding: 20px 20px 20px 30px;
text-align: left;
line-height: 1.5em;
}
a {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
#footer a, a:visited {
	color: #F9D928;
	text-decoration: none;
	border-bottom:dotted #F9D928 1px;
	}
#footer	a:hover {
	color: #F9D928;
	text-decoration: underline;
	}
#footer li {

	display:inline;

	}
.footerleft {
background-color: #686868;
color: #ffffff;	
padding: 5px 0px 5px 20px;
text-align: left;
font-size: 10pt;
}
.footerright {
background-color: #686868;
color: #ffffff;
padding: 5px 20px 5px 0px;
text-align: right;
font-size: 10pt;
}
.footerright a {
color: #ffffff;
text-decoration: none;
}
.footerright a:hover {
color: #ff9900;
text-decoration: underline;
}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}