/*  



Theme Name: Ha'penny House



Theme URI: http://www.hapennyhouse.co.uk



Description: Theme created for Ha'penny House B&B



Version: 1.0



Author: Simon Plummer



Author URI: http://www.bigskylife.com







	Ha'penny House v1.0



	 http://www.hapennyhouse.co.ukk







	This theme was designed and built by Simon Plummer



	whose blog you will find at http://www.bigskylife.com







	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php







*/















/* Begin Typography & Colors */



html > body {



font-size:small;



}







a:link {



	color: #C8C866;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



	color: #C8C866;



}



a:hover {



	text-decoration: none;



}



a:active {



	text-decoration: none;



}







body {



	color:#333333;



	font-family:"Trebuchet MS", Arial, sans-serif;



	font-size:small;



	margin:0pt;



	padding:0pt;



	text-align:center;



	voice-family:inherit;



	background-attachment: scroll;



	background-color: #333333;



	background-image: url(images/bg.png);



	background-repeat: repeat-x;



	background-position: 0% top;



}











#wrapper {



	margin:0pt auto;



	text-align:left;



	width:940px;



}







#header {



	background-image: url(images/hh_menu.png);



	background-repeat: no-repeat;



	height:195px;	



	margin:0pt auto;



	text-align:left;



	width:940px;



}







#content-outer{



	padding-right: 0px;



	padding-left: 10px;



	width:	660px;



	float: left;



	background-color: #993333;



	background-image: url(images/bg-tile.png);



	background-repeat: repeat-y;



}







#content {



	background-image: url(images/coin.png);



	background-repeat: no-repeat;



	text-align: left;



	width: auto;



	height:99%;



	padding-right: 10px;



	padding-left: 20px;



	background-color: #FFFFFF;



	background-position: left bottom;



	z-index: 1000;



}







#content-photos {



	text-align: left;



	width: auto;



	



	padding-right: 10px;



	padding-left: 20px;



	background-color: #FFFFFF;



	z-index: 1000;



}







#content h2{



	text-align: center;



}







#content a {



	font-size: 1em;



	color: #993333;



	text-decoration:none;



}







#content #breakfastmenu img {



	font-size: 1em;



	color: #FFFFCC;



	text-decoration:none;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	background-position: center;



	padding: 2px;



}







#sidebar {



	



	float: right;



	width: 270px;



	margin: 0px;



	padding: 0px;



	clear:right;



}







#sidebar a {



	color: #993333;



	text-decoration: none;



}



 



#sidebar a:hover {



	color: #C8C866;



	text-decoration: none;



	background-color: #993333;



}







#sidebar-top {



	width: 270px;



	float:left;



}







#sidebar-bottom {



	height:auto;



	width:250px;



	float:left;



	background-color: #993333;



	padding-top: 10px;



	padding-right: 10px;



	padding-left: 10px;



}







#footer {



	width:920px;



	background:#993333;



	clear: both;



	padding: 10px;



	margin-bottom: 10pt;



	text-align:center;



	width:920px;



	margin-top: 0pt;



	margin-right: auto;



	margin-left: auto;



	color: #FFFFCC;



}







div.post-3 {



	margin-left: 200px;



}



div#menu{



	float:left;



	width: 100%;



	padding-top:150px



}



ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}



ul#nav{margin-left: 80px;width:680px}




ul#nav li{float:left;margin-right: 3px;text-align: center}



ul#nav a{
	float:left;
	text-decoration:none;
	color: #333333;
	background-color: #C8C866;
	background-image: url(images/title-bg.png);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}



ul#nav a:hover{



	color: #333333;



	background-color: #FFFFCC;



}



ul#nav li.activelink a,ul#nav li.activelink a:hover{



	background: #993333;



	color: #FFFFFF



}







div.sidebar-section {



	float:left;



	width:100%;



	margin:0 10px 10px 0;



}



div.sidebar-section h3{



	text-transform:none;



	margin:0px;



	padding: 5px 0 3px;



	text-align:center;



	color: #333333;



	font-size: 1.3em;



	font-style: normal;



	line-height: 1.3;



	font-weight: bold;



	font-variant: normal;



}



div.sidebar-section p{



	margin:0;



	padding-top: 5px;



	padding-bottom: 10px;



}



div.sidebar-section div{



	background-color: #FFFFCC;



}



div.sidebar-section h3{background: #C8C866}



div.sidebar-section div{border:3px solid #C8C866}



div.sidebar-sub-main{



	padding:5px;



	font-size: 0.9em;



}



div.sidebar-sub-main h4{

	background: #C8C866;

	text-indent: 10px;

}



div.sidebar-sub-main li{



	list-style-position: outside;



	list-style-type: square;



	margin-left: -15px;



}







.post {



	padding-top: 15px;	



}



.post h4 {



	font-size: 0.6em;



	top: -20px;



	position: relative;



}







#welcome-outer{



	width:610px;



	height:780px;



}

#welcome-left{



	float:left;



	width:160px;



	margin-top: 20px;	
}

#selfcatering-left{
	float:left;
	width: 200px;
	margin-top: 20px;	
}


ul#selfcatering-side li{float:left;width:190px;margin:0 10px 10px 0}

ul#selfcatering-side,ul#welcome-side li{margin:0;padding:0;list-style:none}

ul#selfcatering-side li{float:left;width:190px;margin:0 10px 10px 0}

ul#selfcatering-side h3{



	text-transform:none;



	margin:0px;



	padding: 5px 0 0;



	text-align:center;



	color: #000;



	font-size: 90%;



	font-style: normal;



	line-height: 1.3;



	font-weight: bold;



	font-variant: normal;



}



ul#selfcatering-side div{background: #FFC}







ul#selfcatering-side p{margin:0;padding:5px 8px 15px}







#selfcatering-right{



	float:right;



	width:380px;



	height:auto;



	padding-left: 10px;



}











#menu-button a{
	color:#FFFFCC;
}

#welcome-right{
	float:right;
	width:420px;
	height:auto;
	padding-left: 10px;
}







.img-welcome-right {



	margin-top: 10px;



	margin-bottom: 10px;



	margin-left: 10px;



}







.img-welcome-left {



	margin-top: 10px;



	margin-bottom: 10px;



	margin-right: 10px;



}

ul#welcome-side,ul#welcome-side li{margin:0;padding:0;list-style:none}

ul#welcome-side li{float:left;width:150px;margin:0 10px 10px 0}

ul#welcome-side h3{
	text-transform:none;
	margin:0px;
	padding: 5px 0 0;
	text-align:center;
	color: #000;
	font-size: 90%;
	font-style: normal;
	line-height: 1.3;
	font-weight: bold;
	font-variant: normal;
}

ul#welcome-side p{margin:0;padding:5px 8px 15px}

li.one h3{background: #C8C866}

ul#welcome-side div{background: #FFC}

li.one div{border:2px solid #C8C866}

#photoalbum-outer{
	background-color: #993333;
	width: 920px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:left;
	padding: 10px;
}

#photoalbum {
	padding:10px;
	width: 900px;
	background-color: #FFFFFF;
	height: 520px;
	clear:left;
}

#access {
	padding:10px;
	width: 900px;
	background-color: #FFFFFF;
	
	clear:left;
}

#gmap{
	border: thick solid #C8C866;
	width:auto;
}

#googlemap-3453{

}

#pennypotprices {
	padding: 5px;
}