@charset "utf-8";
/*
Theme Name: Bay12 Design Wordpress
Theme URI: http://www.bay12design.co.uk/
Description: Defualt theme for the Bay12 Design Website.
Version: ?
Author: Paul Maitland
Author URI: http://www.bay12design.co.uk/
*/
html,
	body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	#container {
		min-height:100%;
		position:relative;
	}
	#header {
	background-attachment: scroll;
	background-color: #464646;
	background-image: url(/wp-content/themes/bay12/images/honiton-web-design-devon.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	#body {
	padding:0px;
	padding-bottom:60px;	/* Height of the footer */
	background-color: #FFFFFF;
	background-image: url(/wp-content/themes/bay12/images/devon-web-design-honiton.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	}

	#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;
	background-color: #404040;
	background-attachment: scroll;
	background-image: url(/wp-content/themes/bay12/images/honiton-website-design-devon.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	/* other non-essential CSS */
	#header p,
	#header h1,
	#header h2 {
	margin:0;
	padding:0px;
	}
	#footer p {
		margin:0;
		padding:10px;
	}
#masthead {
	height: 185px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 10px;
}
#content {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#left {
	float: left;
	width: 520px;
	padding-bottom: 10px;
	font-size: 14px;
}
#right {
	float: right;
	width: 200px;
	padding-bottom: 10px;
}
#clearfoot {
	display: block;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #464646;
	clear: both;
	padding-bottom: 10px;
	font-size: 10px;
	color: #999999;
}
.header {
	height: 75px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	color: #FFFFFF;
}
.footer {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
}
#rss {
	height: 90px;
	width: 90px;
	position: absolute;
	top: -38px;
	right: 45px;
	z-index: 30;
}
#rss img, #rss a img {
border:none;}

.sidebox {
	display: block;
	padding: 10px;
	width: 178px;
	border: 1px solid #333333;
	position: relative;
	margin-bottom: 10px;
	background-attachment: scroll;
	background-image: url(/wp-content/themes/bay12/images/devon-website-design-honiton.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	background-color: #404040;
}
hr {
	border-color: #999;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
}
h2 strong {
	color: #FF9900;
	font-weight: normal;
}


#services {
	width: 240px;
	float: left;
	padding-right: 19px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#blogposts {
	float: right;
	width: 240px;
}
#blogposts ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#blogposts img {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #666666;
}
#blogposts  img a {
	border: 1px solid #FF9900;
}
#blogposts  img:hover  {
	border: 1px solid #FF9900;
}

#blogposts a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}
#blogposts  a:hover {
	color: #FF9900;
}

#blogposts li {
	clear: both;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
}

td {
	padding: 5px;
	text-align: left;
}
.trheading {
	background-color: #FF9900;
}
.trcost {
	color: #FFFFFF;
	background-color: #666666;
}
.small {
	font-size: 12px;
}
.tdside {
	background-color: #CCCCCC;
}
.specialoffer {
	font-size: 12px;
	color: #FF0000;
}


#sliderbox {
	height: 150px;
	width: 508px;
	border: 1px solid #666666;
	padding: 5px;
	position: relative;
}
.hidden
{
display: none;
}

#prevNext
{
	width: 498px;
	position: absolute;
	bottom: 30px;
	z-index: 30;
}
.nextbutton {
	height: 20px;
	width: 20px;
	position: absolute;
	right: 5px;
}
.prevbutton {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 5px;
}
#prevNext img
{
}

#slides p a
{
	line-height: 30px;
	width: 508px;
	position: absolute;
	z-index: 20;
	height: 30px;
	bottom: 0px;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-color: #333;
	margin: 0px;
	padding: 0px;
}
#slides img a, #slides a, #slides img {
border: none;
}

#slides {
	position: relative;
}
.table p {
	margin: 0px;
	padding: 0px;
}
.entry img {
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}
.post {
	position: relative;
}

.date {
	background-image: url(/wp-content/themes/bay12/images/date.gif);
	height: 50px;
	width: 50px;
	border: 1px solid #333333;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	position: relative;
}
.month {
	font-size: 12px;
	color: #FFFFFF;
}
.year {
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 17px;
	text-align: center;
	width: 50px;
}
.sidebox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sidebox li {
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 3px;
}
.sidebox ul ul li {
	margin-left: 20px;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sidebox a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.sidebox a:hover {
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}
.sidebox  ul  ul  li a {
	font-size: 14px;
	font-weight: normal;
}
.sidebox ul ul li a:hover {
	font-size: 14px;
	font-weight: normal;
}
.tableimg  {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tableimg img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#left blockquote {
	background-color: #CCCCCC;
	display: block;
	padding: 10px;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}
#left blockquote strong, #left blockquote  p strong{
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	text-align: right;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
#left blockquote a, #left blockquote p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	text-decoration: none;
	font-size: 16px;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
}
.header h2 {
	font-size: 18px;
	color: #999999;
}
#masthead img {
	position: absolute;
	right: 50px;
	bottom: 5px;
}
#masthead h2 {
	display: block;
	width: 440px;
	font-weight: normal;
	font-size: 30px;
	margin: 0px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header h1 {
	font-size: 36px;
	color: #FFFFFF;
}
.header a {
	text-decoration: none;
	color: #FFFFFF;
}
.headercolor {
	color: #FF9900;
}
.headercolor a {
	color: #FF9900;
}
.subscribe {
}
.subscribe h3, .specials h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.subscribe a {
	font-size: 14px;
	font-weight: normal;
}
.subscribe a:hover {
	font-weight: normal;
}
.specials {
}
#webdesignport {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}
#webdesignport ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#webdesignport li {
	display: inline;
}
#webdesignport a {
	margin: 3px;
	border: 1px solid #999999;
	display: block;
	height: 125px;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	width: 155px;
}
#webdesignport img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
}
#webdesignport a:hover {
	background-color: #ECE9D8;	
}