/*   
Theme Name: Clear Books
Theme URI: http://www.clearbooks.co.uk
Description: Clear Books - Online Accounting Software
Author: Fubra Limited
Version: 1.0
*/

/* Include Layout Template */

@import "template.css";

/* Post Edit Options */

#content p.post-edit {
	clear: both;
	margin: 10px 0 0;	
}
a.post-edit-link {
	background: url(images/structure/link.gif) left center no-repeat;
	padding-left: 15px;	
}

/* Main Menu */
	
#menu .upper ul li a.selectyourplan {
	width: 85px;
	background-position: -80px 0;
}
#menu .upper ul li.selected a.selectyourplan,
#menu .upper ul li.selected a.selectyourplan:hover {
	background-position: -80px -59px;
}
#menu .upper ul li a.tour {
	width: 65px;
	background-position: -165px 0;
}
#menu .upper ul li.selected a.tour,
#menu .upper ul li.selected a.tour:hover {
	background-position: -165px -59px;
}
#menu .upper ul li a.partners {
	width: 90px;
	background-position: -230px 0;
}
#menu .upper ul li.selected a.partners,
#menu .upper ul li.selected a.partners:hover {
	background-position: -230px -59px;
}
#menu .upper ul li a.blog {
	width: 65px;
	background-position: -320px 0;
}
#menu .upper ul li.selected a.blog,
#menu .upper ul li.selected a.blog:hover {
	background-position: -320px -59px;
}
#menu .upper ul li a.help {
	width: 90px;
	background-position: -385px 0;
}
#menu .upper ul li.selected a.help,
#menu .upper ul li.selected a.help:hover {
	background-position: -385px -59px;
}

/* Menu Buttons */

#menu .upper ul.right li.demo a {
	width: 76px;
	background-position: 0 0;
}
#menu .upper ul.right li.demo a:hover {
	background-position: 0 -40px;	
}
#menu .upper ul.right li.trial a {
	width: 96px;
	background-position: -76px 0;
}
#menu .upper ul.right li.trial a:hover {
	background-position: -76px -40px;	
}

/* Headings */

h1.image {
	text-indent: -10000px;
	background: url(images/headings/main.gif) 0 0 no-repeat;
	margin-left: 20px;
	height: 35px;
}
body.page-template-help-php h1.image {
	background-position: 0 -35px;
}
body.page-id-1022 h1.image {
	background-position: 0 -70px;
}
body.page-id-1105 h1.image {
	background-position: 0 -105px;
}
body.page-id-1100 h1.image {
	background-position: 0 -140px;
}
body.page-id-1067 h1.image {
	background-position: 0 -175px;
}
body.page-id-1044 h1.image {
	background-position: 0 -210px;
}
body.page-id-1119 h1.image {
	background-position: 0 -245px;
}
body.page-id-1054 h1.image {
	background-position: 0 -280px;
}
body.page-id-1064 h1.image {
	background-position: 0 -315px;
}
body.page-id-1061 h1.image {
	background-position: 0 -350px;
}
body.page-id-1256 h1.image {
	background-position: 0 -385px;
}
body.page-id-1059 h1.image {
	background-position: 0 -420px;
}
body.page-id-1103 h1.image {
	background-position: 0 -455px;
}
body.page-id-1098 h1.image {
	background-position: 0 -490px;
}
body.page-id-1047 h1.image {
	background-position: 0 -525px;
}
body.page-id-1115 h1.image {
	background-position: 0 -560px;
}
body.page-template-documentation-php h1.image {
	background-position: 0 -595px;
}
body.page-id-1107 h1.image,
body.page-id-1109 h1.image {
	background-position: 0 -630px;
}
body.page-id-1121 h1.image {
	background-position: 0 -665px;
}
body.page-id-1111 h1.image {
	background-position: 0 -700px;
}
body.page-id-1750 h1.image {
	background-position: 0 -735px;
}
body.page-id-1808 h1.image {
	background-position: 0 -770px;
}
body.page-id-1664 h1.image {
	background-position: 0 -805px;
}
body.page-id-1042 h1.image {
	background-position: 0 -840px;
}
body.page-id-1649 h1.image {
	background-position: 0 -875px;
}
body.page-id-1978 h1.image {
	background-position: 0 -910px;
}
body.page-id-1985 h1.image {
	background-position: 0 -945px;
}
body.page-id-1995 h1.image {
	background-position: 0 -980px;
}
body.page-id-1753 h1.image {
	background-position: 0 -1015px;
}
body.page-id-2043 h1.image {
	background-position: 0 -1050px;
}
body.page-id-1472 h1.image {
	background-position: 0 -1085px;
}
body.page-id-2368 h1.image {
	background-position: 0 -1120px;
}

/* Sitemap */

#content ul#sitemap {
	list-style: none;
	margin: 0;
}
ul#sitemap li {
	font-weight: bold;
	font-size: 20px;
}
ul#sitemap ul {
	margin: 10px 0 20px;
}
ul#sitemap ul li {
	margin-left: 25px;
	font-weight: normal;
	font-size: 14px;
}

/* Feedback Page */

.post-1064 {
	background: url(images/structure/loading.gif) center 100px no-repeat;
}

/* Content Formatting */

#content .entry ul,
#content .entry ol {
	margin: 0 0 20px 25px;
}
#content li {
	margin-bottom: 5px;	
}

/* Homepage */

body.home #content {
	padding-top: 0;
}
#introduction {
	background: #058ec7 url(images/home/bg.gif) 0 0 no-repeat;
	color: white;
}
#introduction .inner {
	background: url(/files/2009/09/video_snapshot.gif) 475px 80px no-repeat;
	overflow: hidden;
	padding: 20px 25px 10px;
}
#introduction h2 {
	color: white;
	font-size: 37px;
	visibility: hidden;
}
#introduction p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 12px;
	width: 407px;
}
#introduction strong {
	font-size: 22px;
	line-height: 28px;
}
#introduction #video {
	float: right;
	margin-left: 20px;
}
#testimonials {
	background: white url(images/structure/section/lower.gif) bottom left no-repeat;
	padding-bottom: 4px;
	overflow: hidden;
	width: 100%;
}
#testimonials ul {
	background: #333 url(images/home/testimonials.gif) 0 0 repeat-x;
	list-style: none;
	overflow: hidden;
	padding-left: 5px;
	width: 100%;
	margin: 0;
}
#testimonials ul li {
	float: left;
	text-transform: lowercase;
	margin: 0;
}
#testimonials ul li a {
	color: white;
	padding: 16px 15px;
	float: left;
	color: #CCC;
}
#testimonials ul li a:hover,
#testimonials ul li a.selected {
	color: white;
	text-decoration: none;
}
#testimonials ul li a.selected {
	background: url(images/home/selected.gif) center bottom no-repeat;
}
.testimonial {
	overflow: hidden;
	width: 920px;
	float: left;
	padding: 20px;
}
.testimonial .description {
	width: 575px;
	float: right;
}
.testimonial .description h3 {
	font-size: 16px;
	color: #058ec8;
	margin-bottom: 8px;
	font-weight: bold;
}
#content .testimonial .description p {
	margin-bottom: 6px;
	line-height: 19px;
}
.testimonial .author {
	width: 315px;
	float: left;
	border-right: 2px solid #f5f5f5;
}
.testimonial .author img {
	border: 3px solid #f5f5f5;
	float: left;
	margin-right: 10px;
}
.testimonial .author h4 {
	font-size: 17px;
	color: black;
	margin-top: 2px;
}
.testimonial .author p {
	color: #666;
	font-size: 13px;
	line-height: 18px;
}
.testimonial .author strong {
	display: block;
}
#testimonials .list {
	overflow: auto;
	width: 100%;
}
#testimonials .list .inner {
	overflow: hidden;
}
.testimonial .controls {
	margin: 73px 0 4px;
	overflow: hidden;
	width: 65px;
}
.testimonial .controls img {
	float: left;
	margin-right: 1px;
	cursor: pointer;
	border: none;
}

/* Sidebar Menu / Content */

.column.narrow {
	width: 150px;
}
#content .column.narrow ul {
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	list-style: none;
	margin: 0;
}
.column.narrow ul li {
	float: left;
	width: 100%;	
}
.column.narrow ul li a {
	color: #666;
	display: block;
	padding: 7px 20px;
}
#content .column.narrow ul li a:hover,
.column.narrow ul li.selected a {
	text-decoration: none;
	color: #333;
}
.column.narrow ul li.selected a,
#content .column.narrow ul li.selected a:hover {
	background: #f5f5f5 url(images/tour/current.gif) 10px center no-repeat;
}
.column.wide {
	width: 760px;
}
.column.wide .wide_inner {
	border-left: 4px solid #f5f5f5;
	padding-left: 30px;
}
#content .column.wide h1 {
	font-size: 26px;
	color: #333;
	margin: 0;
}
#content .column.wide p.subheading {
	margin-left: 0;
	font-weight: normal;
}

/* Tour */

#content ul.features {
	list-style: url(images/icons/tick.gif);
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 30px;
}
.page-template-tour-php ul.features li, 
.page-template-tour-php ul.features li a {
	color: #666;
	margin-bottom: 4px;
}
.page-template-tour-php ul.features li a {
	margin-bottom: 0;
}

/* Featured */

#content .section.feature .section_inner {
	padding: 0;
	width: 960px;
}
#content .section.feature .upper {
	background-image: none;
	color: white;
	overflow: hidden;
	padding: 25px;
	width: 910px;
	background: #058ec7 url(images/structure/section/upper_feature.gif) 0 0 no-repeat;
}
#content .section.feature .upper * {
	color: white;
}
#content .section.feature .upper .column.left .inner {
	padding-right: 55px;
	border-right: 4px solid #36a7d6;
}
#content .section.feature .upper h1 {
	margin: 0 0 15px;
	line-height: 32px;
}
#content .section.feature .upper .column.left p { 
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 0;
}
#content .section.feature .upper ul {
	font-size: 12px;
	margin: 0 0 10px 0;
	list-style: none;
}
#content .section.feature .upper ul li {
	padding: 6px 0 6px 30px;
	margin-bottom: 0;
	background: url(images/structure/tick_feature.gif) left center no-repeat;
}
#content .section.feature .upper h2 {
	font-size: 20px;
	margin-bottom: 7px;
}
#content .section.feature .lower {
	padding: 25px 25px 29px;
	overflow: hidden;
	width: 910px;
}
#content .section.feature .lower object {
	margin-bottom: 15px;	
}

/* Business / Partner Directory */

.page-template-businessdirectory-php #content .section.upper,
.page-template-partnerdirectory-php #content .section.upper {
	margin-bottom: 15px;
}
.page-template-businessdirectory-php .section.upper .logo,
.page-template-partnerdirectory-php .section.upper .logo {
	text-align: center;
}
.page-template-partnerdirectory-php #map_canvas {
	height: 280px;
}
.page-template-partnerdirectory-php #content ul.services {
	overflow: hidden;
	margin: 5px 0 10px;
	list-style: none;
	width: 100%;
}
.page-template-partnerdirectory-php ul.services li {
	float: left;
	width: 180px;
	background: url(images/icons/tick.gif) left center no-repeat;
	padding: 2px 0 2px 25px;
}
.page-template-partnerdirectory-php ul.services li.unavailable {
	background-image: url(images/icons/cross.gif);
	color: #999;
}
#content ul.memberships {
	list-style: none;
	overflow: hidden;
	margin: 0;
	font-weight: bold;
}
#content ul.memberships li {
	float: left;
	background: url(images/icons/tick.gif) left center no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}

/* Form Message */

form #message {
	border: 1px solid #E6DB55;
	background: #FFFBCC url(images/icons/error.gif) 10px center no-repeat;
	margin-bottom: 20px;
	padding: 10px 15px 10px 35px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
form #message.complete {
	border-color: #99cc66;
	background-color: #f0ffdd;
	background-image: url(images/icons/tick.gif);
}
form #message ul {
	margin: 0;
	list-style: none;
	font-size: 13px;
}
form #message ul li {
	margin: 3px 0;
}
form #message ul li span {
	font-weight: bold;
}

/* Pricing */

#content ol.pricing { 
	overflow: hidden;
	list-style: none;
	text-align: center;
	background: white url(images/pricing/bg.gif) bottom left repeat-x;
	margin: 0 0 25px;
	width: 100%;
}
#content ol.pricing li {
	margin-bottom: 0;	
}
ol.pricing li {
	width: 33%;
	float: left;
	padding: 18px 1px 30px;
	position: relative;
	margin: 0;
}
#content ol.pricing li ul {
	list-style: none;
	margin: 20px 0 0 0;
}
#content ol.pricing li ul li {
	float: none;
	width: auto;
	margin: 8px 5px;
	padding: 0;
}
#content ol.pricing li ul li.note {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
}
ol.pricing h4 {
	font-size: 28px;
	margin-bottom: 5px;
}
ol.pricing p {
	font-weight: bold;
	font-size: 17px;
	margin: 0;
}
ol.pricing p span {
	display: block;
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
}
ol.pricing strong.red {
	color: #CC0000;
}
ol.pricing strong.yellow {
	color: #FF9900;
}
ol.pricing strong.blue {
	color: #068EC8;
}
ol.pricing li.recommended {
	background: #0099cc url(images/pricing/recommended.gif) top center no-repeat;
	color: white;
}
ol.pricing li.recommended p {
	color: black;
}
ol.pricing li.recommended p span,
ol.pricing li.recommended strong.red,
ol.pricing li.recommended strong.yellow,
ol.pricing li.recommended strong.blue {
	color: white;
}
ol.pricing a.signup {
	background: url(images/pricing/signup.gif) 0 0 no-repeat;
	width: 106px;
	height: 40px;
	display: block;
	margin: 17px auto;
	position: relative;
}
ol.pricing a.signup span {
	display: none;
}

/* Feature List */

#content ul.feature_list {
	overflow: hidden;
	list-style: none;
	font-size: 13px;
	width: 400px;
	margin: 0;
}
ul.feature_list li {
	width: 170px;
	float: left;
	padding: 0 0 5px 30px;
	background: url(images/icons/tick.gif) 0 0 no-repeat;
}

/* Banners */

#content ul.bannerOptions {
	list-style: none;
	margin: 0 0 20px;
}
#content ul.bannerOptions li {
	width: 100%;
	overflow: hidden;
	padding: 2px 0;
}
#content ul.bannerOptions input,
#content ul.bannerOptions label {
	float: left;
	margin-right: 5px;
}
#content ul.banners {
	list-style: none;
	margin: 0;
	border: 1px solid #e4e4e4;
	padding: 10px;
	background: #f5f5f5;
	-moz-border-radius: 5px;
}

/* Timeline */

dl.timeline {
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
dl.timeline dt,
#content dl.timeline dd {
	overflow: hidden;
	margin: 0;
}
dl.timeline dt {
	text-align: right;
	width: 90px;
	border-right: 2px solid #f5f5f5;
	padding: 5px 10px 5px 0;
	font-size: 18px;
}
dl.timeline dl {
	width: 420px;
	overflow: hidden;
}
dl.timeline dl dt,
dl.timeline dl dd {
	padding: 0;
}
dl.timeline dl dt,
dl.timeline dl dd {
	float: left;
	font-size: 13px;
	padding: 2px 8px 2px 2px;
}
dl.timeline dl dt {
	clear: left;
	color: #666;
	font-weight: normal;
}
#content dl.timeline dl dd {
	margin-left: 10px;
	width: 260px;
}

/* Blog */

div.blog {
	overflow: hidden;
	width: 100%;
}
div.entries {
	float: left;
	width: 670px;
}

/* Blog Entry */

.blog .entry p.first {
	font-weight: bold;
}
.blog .entry {
	margin-bottom: 20px;
	background: white url(images/blog/upper.jpg) top left no-repeat;
}
.blog .entry .inner {
	padding: 20px;
	background: url(images/blog/lower.jpg) bottom left no-repeat;
}
#content .blog .entry h1 {
	margin: 0 0 5px;
	width: 80%;
	font-size: 30px;
}
.blog .entry .author {
	color: #999;
	font-size: 12px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
}
#content .postmetadata {
	overflow: hidden;
	margin: 10px 0;
	color: #666;
	width: 100%;
}
.postmetadata .tags {
	overflow: hidden;
}
.postmetadata .tags a {
	float: left;
	padding: 5px;
	background-color: #f5f5f5;
	margin-right: 4px;
}
.postmetadata .tags a:hover {
	background-color: #f5f5f5;
}
.postmetadata .categories {
	float: right;
	padding: 5px;
}
a.more-link {
	display: block;
	overflow: hidden;
	margin-top: 10px;
	color: transparent;
}
#content a.more-link:hover {
	text-decoration: none;
}
a.more-link:hover span {
	background-color: #75e13f;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 270px;
	background: white url(images/sidebar/upper.jpg) 0 0 no-repeat;
}
#sidebar .inner {
	background: url(images/sidebar/lower.jpg) bottom left no-repeat;
	overflow: hidden;
	width: 100%;
}
#sidebar ul {
	list-style: none;
	color: #999;
	margin: 0;
}
#sidebar ul h2 {
	color: white;
	font-size: 16px;
	margin-top: 15px;
	overflow: hidden;
}
#sidebar ul h2 span {
	background: #058ec8 url(images/sidebar/heading.jpg) top right no-repeat;
	float: left;
	padding: 5px 20px;
}
#sidebar ul ul {
	margin: 0 0 25px 20px;
	list-style: none;
}
#sidebar ul ul.children {
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget_tag_cloud div,
#sidebar #searchform {
	padding: 0 20px;
	margin-bottom: 30px;
}
#sidebar #searchform label {
	display: none;
}

/* VAT Calculation Tool */

#tool_vat {
	overflow: hidden;
	margin-bottom: 30px;
	width: 100%;
}
#content #tool_vat ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
#tool_vat ul li {
	margin-bottom: 10px;
	overflow: hidden;
	width: 23%;
	float: left;
}
#tool_vat ul li.equals {
	width: 8%;
	font-size: 65px;
	color: #333;
	padding-top: 10px;
	line-height: auto;
	text-indent: 8px;
}
#tool_vat ul li label {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	text-transform: capitalize;
}
#tool_vat ul li input {
	outline: none;
	padding: 10px 10px 10px 30px;
	border: 1px solid #CCC;
	border-color: #777 #CCC #CCC #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 150px;
	font-size: 24px;
	background: #FFF url(images/tools/pound.gif) 8px center no-repeat;
}
#tool_vat ul li input.percent {
	background-image: url(images/tools/percent.gif);
	background-position: right center;
	padding: 10px 30px 10px 10px;
}
#tool_vat input {
	padding: 10px;
}

/* Comments */

#comments .section_inner {
	width: auto;
}
#content ol.commentlist {
	list-style: none;
	margin-bottom: 20px;
	margin-left: 0;
}
ol.commentlist li {
	padding: 10px;
}
ol.commentlist li.even {
	background-color: #fafafa;
}
ol.commentlist .comment-author cite {
	font-weight: bold;
	font-size: 16px;
}
ol.commentlist img.avatar {
	float: right;
	/*margin-right: 5px;*/
}
.commentmetadata {
	margin-bottom: 15px;
}
.commentmetadata a {
	font-size: 11px;
	color: #999;
}
ol.commentlist li.bypostauthor {
	background: #ffffcc;
	border: 1px solid #ffff66;
}
#content form#commentform p {
	margin-bottom: 8px;
}
form#commentform label {
	font-size: 16px;
	color: #666;
}
form#commentform input,
form#commentform textarea {
	padding: 10px;
	border: 1px solid #CCC;
	border-color: #777 #CCC #CCC #777;
	font-family: inherit;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form#commentform textarea {
	width: 600px;
}
form#commentform #submit {
	background: #058EC8;
	border: none;
	padding: 10px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	font-family: inherit;
	cursor: pointer;
}

/* Graphs and Charts */

.chart {
	background: url(images/structure/loading.gif) center center no-repeat;
	height: 200px;	
}

/* Signup Statistics */

#signups_chart {
	margin-bottom: 20px;
}

/* WP-Syntax */

div.wp_syntax {
	width: 99%;
	border-color: #e4e4e4;
}
div.wp_syntax .code {
	padding: 15px;
}