/*  Theme Name: BartonianTheme URI: http://www.earlsbartonwebdesign.co.ukDescription: A theme that allows for blogging or magazine content to be displayedVersion: 1.0Author: Earls Barton Web DesignAuthor URI: http://www.earlsbartonwebdesign.co.ukThe CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*//* HTML Elements */* {	margin:0;	padding:0;	}body {	font: 100% "Trebuchet MS", Arial, Helvetica;	background: #333 url(images/bg.jpg) repeat;	color: #333;	}p {		margin: 15px 0;	}a:link, a:visited {	color: #ff6700;	text-decoration:none	}a:hover, a:active {	color: #ff6700;	text-decoration:underline;	}a img {	border:0;	}code {	font: 1.0em 'Courier New', Courier, Fixed;	background:#ececec;	}	acronym, abbr, span.caps {		font-size: 0.9em;	letter-spacing: .07em;	cursor: help;	}			acronym, abbr {	border-bottom: 1px dashed #999;	}blockquote {	padding: 10px 10px 0 10px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	background: #eee;	font:1.0em Arial;	line-height:1.5em;	margin:10px 0px;	}select {	width: 130px;	}	/* Structure */#head {	width:960px;	margin:0px auto;	margin-top:15px;	padding:0px;	font-size:0.7em;	}#page {	width:940px;	margin:0px auto;	padding:10px;	background:#fff;	font-size:0.7em;	}.left, .alignleft {	float:left;	}.right, .alignright {	float:right;	}/* Navigation Bar*//* Nav for Pages */#pagenavbar {	font-size:.7em;	font-weight:bold;	margin:0;	padding:0;	text-transform:lowercase;	background:#2c2c2c url(images/pagenavbar.png);	}#page-bar {	width:722px;	}#page-bar ul {	list-style: none;	}#page-bar li {	float:left;	list-style:none;	cursor: pointer;	display:block;	border-right:1px solid #333;	}#page-bar li:hover {		background: #ff6700;	}#page-bar a, #page-bar a:visited {	margin: 0px;	padding:10px 16px;	font-weight:bold;	color:#FFF;	display:block;	}#page-bar a:hover {	text-decoration:none;	display:block;}/* Nav for Categories */#catnavbar {	margin:0;	padding:0;	text-transform:lowercase;	background:#2c2c2c url(images/catnavbar.png);	}#cat-bar {	width:960px;	}#cat-bar ul {	list-style: none;	}#cat-bar li {	float:left;	list-style:none;	cursor: pointer;	display:block;	border-right:1px solid #333;	}#cat-bar li:hover {	background: #ff6700;}#cat-bar a, #cat-bar a:visited {	margin: 0px;	padding:10px 16px;	font-weight:bold;	color:#FFF;	display:block;	}#cat-bar a:hover {	text-decoration:none;	display:block;	}#searchform {	width:194px;	float:right;	text-align:right;	padding-top:8px;	margin-right:10px;	}/* Dropdown Menus */		/* Dropdown for Pages */ #page-bar li {	float: left;	margin: 0px;	padding: 0px;	}	#page-bar li li {	float: left;	margin: 0px;	padding: 0px;	width: 122px;	text-transform:lowercase;	}	#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {	background: #2B2B2B;	width: 122px;	float: none;	margin: 0px;	padding: 5px 10px 5px 18px;	border-top: 1px solid #C0C0C0;	}	#page-bar li li a:hover, #page-bar li li a:active {	background: #666666;	padding: 5px 10px 5px 18px;	}#page-bar li ul {	position: absolute;	width: 10em;	left: -999em;	}#page-bar li:hover ul {	left: auto;	display: block;	}	#page-bar li:hover ul, #page-bar li.sfhover ul {	left: auto;	}/* Dropdown for Categories */#cat-bar li {	float: left;	margin: 0px;	padding: 0px;	}	#cat-bar li li {	float: left;	margin: 0px;	padding: 0px;	width: 122px;	text-transform:lowercase;	}	#cat-bar li li a, #cat-bar li li a:link, #cat-bar li li a:visited {	background: #2B2B2B;	width: 122px;	float: none;	margin: 0px;	padding: 5px 10px 5px 18px;	border-top: 1px solid #C0C0C0;	}	#cat-bar li li a:hover, #cat-bar li li a:active {	background: #666666;	padding: 5px 10px 5px 18px;	}#cat-bar li ul {	position: absolute;	width: 10em;	left: -999em;	}#cat-bar li:hover ul {	left: auto;	display: block;	}	#cat-bar li:hover ul, #cat-bar li.sfhover ul {	left: auto;	}/* Text*/h1 {	font:3.5em Arial;	font-weight:bold;	letter-spacing:-0.08em;	}h2 {	font:2.3em "Trebuchet MS", Arial, Helvetica;	}h3 {	font:1.3em Arial;	margin-bottom:3px;	color:#ff6700;	font-weight:bold;	}h4 {	font:1.0em Arial;	}h3.cat_title, h3.cat_title a {	color:#333;	letter-spacing:-0.05em;	font-size:0.85em;	}h3#respond {	margin-top:0px;	padding-top:20px;	}h3#comments {	margin-top:32px;	padding-left:0px;	}h3.authors {	margin-top:15px;	}/* Index Page*/#logo {	width:960px;	background: #2c2c2c;	}#tagline {	margin-top:5px;	font-size:1em;	color:#333;	}#top {	padding:0;	}#headline {	width:590px;	float:left;	background:#fff;	padding:10px;	font-size:1.05em;	line-height:1.5em;	margin:0;	}#headline  div.title {	font-weight:bold;	font:2.4em "Trebuchet MS", Arial, Helvetica;	letter-spacing:-0.05em;	display:block;	padding-bottom:5px;	}#headline div.meta {	display:block;	margin-top:-5px;	padding-bottom:2px;	}#headline p {	padding-bottom:15px;	}#featured {	width:300px;	background:#fff;	float:right;	padding:10px 10px 9px 10px;	}#featured .clearfloat {	margin-top:7px;	margin-bottom:8px;	}#featured .info {	margin-top:5px;	padding-top:5px;	float:right;	width:180px;	}#featured .title {	font-weight:bold;	}#headline a img, #featured a img {	border:1px solid #ccc;	margin-top:5px;	margin-right:10px;	padding:2px;	}#middle {	width: 920px;	float:right;	padding:10px;	margin:10px 0;	background:#2c2c2c;	color: #ff6700;	text-transform: lowercase;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	-opera-border-radius: 5px;	-khtml-border-radius: 5px;}	#middle h1 {	font:2.5em "Trebuchet MS", Arial, Helvetica;	font-weight:bold;	text-transform: lowercase;}	#middle h2 {	font:2.0em "Trebuchet MS", Arial, Helvetica;	font-weight:bold;	text-transform: lowercase;}#middle h3 {	font:1.7em "Trebuchet MS", Arial, Helvetica;	font-weight:bold;		text-transform: lowercase;}#bottom {	width: 940px;	}#front-list {	width:590px;	background:#fff;	padding:10px;	font-size:1.05em;	line-height:1.75em;	float:left;	}#archive {	padding-top:15px;	font-size:1.05em;	line-height:1.75em;	}#front-list blockquote {	padding: 0px 10px 0 10px;	}#front-list .title, #archive .title {	font-weight:bold;	font:2.0em "Trebuchet MS", Arial, Helvetica;	letter-spacing:-0.05em;	}#front-list .clearfloat, #archive .clearfloat {	padding-bottom:10px;	border-bottom:1px dotted #ccc;	margin-bottom:10px;	}#front-list .spoiler, #archive .spoiler {	display:block;	margin-top:3px;	}#front-list p, #archive p {	margin:0px;	padding:0px;	}.author {	font-size:0.8em;	font-weight:bold;	}.meta {	font-size:0.8em;	color:#333;	}.meta a {	color:#333;	}#headline p, #featured p {	margin:0;	}/* Content Page*/#content {	width:590px;	background:#fff;	padding:10px;	font-size:1.05em;	line-height:1.75em;	float:left;	min-height:400px;	}#content .breadcrumbs, #content .breadcrumbs a {	font-weight:bold;	color:#333;	}#content h2.title {	font:2.2em "Trebuchet MS", Arial, Helvetica;	font-weight:bold;	letter-spacing:-0.05em;	border-bottom:1px solid #ddd;	border-top:3px solid #ddd;	padding:5px 0px;	}.post {	font-size:1.05em;	line-height:1.75em;	}.post p {	margin-top:0px;	}.post .clearfloat {	border-bottom:1px dotted #ccc;	margin:10px 0px;	}.post ul, .post ol, #front-list ul, #front-list ol {	margin-bottom:15px;	}.post ul li, #front-list ul li {		list-style:square;	margin-left:30px;	}.post ol li, #front-list ol li {		list-style:decimal;	margin-left:30px;	}.post ol li ul li, #front-list ol li ul li {		list-style:square;	margin-left:20px;	}.post img, .post a img, #front-list img, #archive img {	border:1px solid #ccc;	margin:0 10px 5px 0;	padding:2px;	}.post .ads {	margin-top:10px;	}.entry {	margin-top:20px;	}#stats {	margin-top:0px;	padding:4px 0px;	font:0.8em Arial;	display:block;	}#stats span {	padding: 0px 20px 0px 0px;	}#stats span a:hover {	background:none;	}#stats span a {	color:#333;	}#stats img, #nav img {	border:0px;	margin:0px;	padding:0px;	}#tools {	width:590px;	height:25px;	font-size:0.95em;	}#tools a:hover {	background:none;	}.navigation {	padding:5px 0px;	text-align:Center;	}/* Sidebar*/#sidebar {	width:320px;	float:right;	margin:0px 0px 0px 0px;	}#sidebar h3 {	font:1.1em Arial;	font-weight:bold;	text-transform:lowercase;	background:#333;	color:#fff;	margin:10px 0px 5px 0px;	padding:3px 10px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	-opera-border-radius: 3px;	-khtml-border-radius: 3px;	}#sidebar-top, #sidebar-bottom {	width:300px;	float:right;	padding:0px 10px 10px 10px;	background:#fff;	}#sidebar-bottom, #sidebar-middle {	margin-top:10px;	}#sidebar-middle {	width:320px;	float:right;	}#sidebar-left {	width:135px;	padding:0px 10px 10px 10px;	float:left;	background:#fff;	}#sidebar-right {	width:135px;	padding:0px 10px 10px 10px;	float:right;	background:#fff;	}#sidebar li {	list-style:none;	border-bottom:1px dotted #ccc;	display:block;	padding:2px 0px 2px 13px;	background:url(images/sub.png) no-repeat 0 0px;	}#sidebar li ul li:last-child{	list-style:none;	border-bottom:0px dotted #ccc;	display:block;	padding:2px 0px 0px 13px;	background:url(images/sub.png) no-repeat 0 0px;	}#sidebar-ads {	width:300px;	float:right;	margin-bottom:10px;	padding:10px;	background:#fff;	}/* Form Elements */select {	border:1px solid #333;	width:100%	}	.field {	padding: 2px;	border:1px solid #333;	background:#fff;	font-size:1.0em;	}#s {	padding:1px;	font-size:1.0em;	width:150px;	}	#searchsubmit {	padding-left:5px;	}#commentform input {	width: 140px;	margin: 5px 5px 1px 0;	}#commentform textarea {	width: 99%;	margin-top:5px;	}/* Comments*/.commentlist cite {	font-style:normal;	margin-bottom:4px;	display:block;	}	.commentlist blockquote {	background:#ededed;	}			.commentlist li {	padding: 10px 0px 10px 0px;	list-style:none;	margin-bottom:3px;	}.commentlist li li {	background:none;	border:none;	list-style:square;	margin:3px 0 3px 20px;	padding:3px 0;	}.commenttext {	padding: 10px 10px 0px 10px;	background:#f2f2f2;	border-top:1px solid #ddd;	border-bottom: 1px solid #ddd;	width:495px;	float:right	}		.commentlist cite strong {	font-size:1.1em;	}	li.my_comment {	background: #FFF;	border:none;	}li.my_comment cite strong {	font-size: 1.3em;	color:#313228;	}	#commentform small {	background:#FFF;	font-weight:bold;	padding:0;	}	.commentmetadata {	color:#4d4d4d;	display: block;	margin-top:3px;	text-align:right;	font-size:0.9em;	}.commentmetadata a, .commentmetadata a:visited {	color:#959382;	}	.commentlist small {	background:#e9e9e9;	}.avatar {	border:1px solid #bbb;	margin:0px 10px 0px 0px;	float:left;	padding:2px;	width:55px;	height:55px;	}	#comment {	width:590px;	background:#fff;	}/* Footer*/#footer-bar {	font-size:0.7em;	width: 960px;	height: 50px;	background:#2c2c2c url(images/ebwd.png) no-repeat center center;	margin: 0 auto;	padding: 0 auto;	color: #ff6700;}#footer {	margin: 0 auto;	width: 960px;	font-size:0.75em;	padding-top:10px;	padding-bottom:10px;	background: #ff6700;	-moz-border-radius-bottomleft: 5px;	-webkit-border-radius-bottomleft: 5px;	-opera-border-radius-bottomleft: 5px;	-khtml-border-radius-bottomleft: 5px;	-moz-border-radius-bottomright: 5px;	-webkit-border-radius-bottomright: 5px;	-opera-border-radius-bottomright: 5px;	-khtml-border-radius-bottomright: 5px;}#footer-spacer{		padding-left:10px;}#footer a:link, #footer a:visited {	color: #333;	text-decoration:none	}#footer a:hover, #footer a:active {	color: #333;	text-decoration:underline;	}#footer a img {	border:0;	}#ewbd{		background: transparent;}/* Float Properties*/.clearfloat:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;	}.clearfloat {	display: inline-block;	}/* Hides from IE-mac \*/* html .clearfloat {	height:1%;	}*+html .clearfloat {	height:1%;	}.clearfloat {	display:block;	}