/*
Theme Name: Budding Business main site theme
Theme URI: http://www.artemis.io/
Description: Custom theme for the Budding Business Website home site.
Version: 1.0
Author: Kate Harding
Author URI: http://www.artemis.io
*/


/* COLOURS AND BRANDING */
body {background: #f9f5e5 url(images/bg.gif) repeat-x 0 0; color: #655a4b; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;} 
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times, Times New Roman, serif;}
p, li, label, td, th,input, select {}
a {color: #4c811a;}
a:hover {text-decoration: none;}
a:visited {color: #315111;}
#logo {margin: 0; padding: 0; float: left; font-size: 2.5em;}
#logo a {display: block; background: transparent url(images/phew.gif) no-repeat 0 0; padding: 0; height: 98px; width: 225px; text-decoration: none; line-height: 98px; text-indent: -1000px; overflow: hidden; color: #ffffff;}
#strap {text-align: right; vertical-align: bottom; margin: 0; padding: 60px 0 0 0; font-size: 1.5em; line-height: 30px; color: #c2e478;}
#strap a {color: #c2e478; text-decoration: none;}

/* BASIC STYLES */
body {margin: 0px; padding: 0px 0px 20px 0px;}
p, li, label, td, th {}
input, select {}
textarea {width: 525px; padding: 2px 5px; font-family: Verdana, Geneva, sans-serif;}
p textarea {}
p input, p label, li li {font-size: 1em;}
img {border: 0px;}
p {margin: 1em 0; line-height: 1.4em;}
h1 {margin: 0; padding: 0; font-size: 1.6em; font-weight: normal; color: #4c811a;}
h2 {margin: 1em 0 0 0; font-size: 1.4em; font-weight: normal; color: #4c811a;}
h3 {margin: 1.25em 0 0 0; font-size: 1.2em; font-weight: normal; color: #4c811a;}
form {padding: 0; margin: 0;}
img, a img {border: 0;}
blockquote {background-image: url(images/blockquote.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 40px; margin: 0; fontt-style: italic; min-height: 25px;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: #ffff00; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/* STRUCTURE */
#container {width: 770px; margin: 0 auto 20px auto;}

/*MENUS*/
#mainmenu {clear: both; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; fodnt-weight: bold; height: 32px; margin: 0; padding: 0; list-style: none; text-transform: lowercase;}
#mainmenu li {margin: 0 25px 0 0; display: inline; padding: 0; line-height: 32px;}
#mainmenu a {color: #f4ecd0; font-size: 0.95em; text-decoration: none;}
#mainmenu a:hover {color: #f9f5e5; text-decoration: underline;}
#mainmenu li#return {margin-right: 0; float: right;}
#mainmenu li#return a {color: #8fbc48;}
#mainmenu li#return a:hover {color: #bcdf72;}

.testimonial {width: 187px; margin: 20px 9px 0 9px; background: #edeae7 url(images/quote.gif) no-repeat left top;}
.testimonial p {margin: 0; padding: 9px 9px 0 9px; font-size: 0.75em; font-style: italic; color: #75695b;}
.testimonial p.att {background: #ddd8d3 url(images/quote.gif) no-repeat right top; font-style: normal; text-align: right; padding: 12px 55px 0 0; min-height: 30px; color: #534c43;}
.quote {float: right; font-size: 1.5em; line-height: 1.25em; width: 200px; margin: 0 0 0.25em 1em; font-style: italic;}
.quote strong {color: #447a18; font-weight: normal;}

/*HOMEPAGE*/


/*MAIN CONTENT*/
#maincontent {margin: 0; padding: 20px 0px 10px 0px;}
#maincontent li {line-height: 1.4em;}
#maincontent p {}
.hasaboutbar, .hasblogbar {width: 550px; float: left;}
#aboutbar {width: 200px; float: right;}
#blogbar {width: 180px; float: right;}

/* FOOTER */
#copyright {clear: both; padding: 0 10px; margin: 0; font-size: 0.7em;}
#copyright {line-height: 32px; text-align: right;}
#copyright {background-color: #f3ebd1; color: #a79b7d; text-align: center;}
#copyright a {color: #a79b7d; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}

/* WP GENERATED STYLES */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; margin: 0 0 5px 20px;}
.alignleft {float: left; margin: 0 20px 5px 0;}



/* BLOG STYLES */
.blogpage #menu  li.page-item-17 {border: none;}
#aboutbar .widgets {list-style: none; margin: 0; padding: 20px 0 0 0; font-size: 0.7em; font-family: Verdana, Geneva, sans-serif;}
#aboutbar .widgettitle {margin-top: 0; font-size: 1.6em; margin-bottom: 0;}
#aboutbar .widgets h3 {font-family: Verdana, Geneva, sans-serif;}
#blogbar .widgets {list-style: none; margin: 0; padding: 20px 0 0 0;}
#blogbar .widgettitle {margin-top: 0;}
#blogbar .widgets li ul {padding: 0 0 0 20px;}
.widgets li {margin: 0; padding: 0;}
.widgets li ul {list-style: none; margin: 0; padding: 0;}
.widgets li li {margin: 5px 0 0 0;}
.widgets a {text-decoration: underline;}
.widgets a:hover {text-decoration: none;}
.widgets select {margin-top: 1em; font-size: 1em;}
.widgets li.widget {margin-bottom: 5px; padding: 5px 0;}
.navigation {width: 100%; height: 1.5em; line-height: 1.5em; font-size: 0.6em; margin: 0 0 2em 0;}
.commentlist {list-style: none; margin: 0; padding: 0;}
.comment {border-top: 1px solid #eee3c2; padding: 10px 10px 1px 10px; margin: 0;}
.commentlist .even {background-color: #f7f1dd;}
.comment-author cite {font-style: normal; font-weight: bold;}
.avatar {float: right;}
.commentmetadata {font-size: 0.7em;}
.commentmetadata a {text-decoration: none;}
.commentlist p {font-size: 0.9em; line-height: 1.5em;}
.hidden {display: none;}

#maincontent .postmetadata {border-width: 1px 0; border-style: solid; border-color: #eee3c2; color: #666666; font-size: 0.6em; text-align: center; padding: 3px 0; background-color: #f7f1dd; margin-bottom: 2em;}
.timestamp {font-size: 0.6em; color: #aaaaaa;}
.post h2 {margin-top: 0;}



/* SEARCH FORM */
#search_form {padding-top: 0.25em;}
#search #s {width: 176px; padding: 2px; color: #999; background: #fff; font: normal 0.75em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left;}
#search #s:focus {background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#search input[type="submit"] {margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
#search input[type="submit"]:hover {color: #237fa1;}



.thumbleft {float: left; margin: 3px 7px 0 0; border: 1px solid #8a7656;}

.demolink {float: right; margin: 0 0 1em 1em; text-align: center;}
.demolink img {border: 1px solid #d4ccc2; padding: 7px; margin-bottom: 0.25em; background-color: #ffffff;}
.demolink p {font-size: 0.8em; font-style: italic; margin: 0;}
.demolink p a {font-size: 1.75em; text-decoration: none; font-style: normal;}

.demolinks {float: left; margin: 0 1em 1em 0; border: 1px solid #d4ccc2; padding: 7px; background-color: #ffffff;}


#tripleteasers {}
#tripleteasers  ul {margin: 0; padding: 0; list-style: none;}
#tripleteasers .teaser {width: 200px; margin: 0 0 1em 0; padding: 20px; background-color: #f4ecd0;}
#tripleteasers .first {float: left; margin-right: 25px;}
#tripleteasers .second {float: left;}
#tripleteasers .third {float: right;}
#tripleteasers h3 {margin: 0 0 0.35em 0; font-size: 1.3em;}
#tripleteasers p {margin: 0.25em 0 0 0;}
#tripleteasers h3 a {text-decoration: none;}
#tripleteasers h3 a:hover {text-decoration: underline;}
#tripleteasers p.order {text-align: center; font-sizfe: 1.2em; margin: 0;}

#doubleteasers {}
#doubleteasers ul {margin: 0; padding: 0; list-style: none;}
#doubleteasers .teaser {width: 327px; margin: 0 0 1em 0; padding: 20px; background-color: #e6e1ef;}
#doubleteasers .first {float: left; margin-right: 16px;}
#doubleteasers .second {float: right;}
#doubleteasers h3 {margin: 0 0 0.35em 0; font-size: 1.5em;}
#doubleteasers p {margin: 0.25em 0 0 0;}
#doubleteasers h3 a {text-decoration: none;}
#doubleteasers h3 a:hover {text-decoration: underline;}

.leftcol {float: left; width: 510px;}
.rightcol {float: right; width: 240px; margin: 0 0 0.5em 0;}
.rightcol ul {margin: 0; padding: 0; list-style: none;}
.rightcol li {width: 200px; margin: 0 0 1em 0; padding: 20px; background-color: #f4ecd0;}
.rightcol li h3 {margin: 0 0 0.35em 0; font-size: 1.2em;}
.rightcol li p {margin: 0.5em 0 0 0; font-size: 0.8em;}
.rightcol li h3 a {text-decoration: none;}
.rightcol li h3 a:hover {text-decoration: underline;}
.rightcol li.testimonialbox {width: 200px; margin: 0 0 1em 0; padding: 20px; background-color: #e0f4bc;}
.rightcol li p {margin: 0 0 0.5em 0; font-size: 0.8em; color: #575e48;}
.rightcol li p.quoter {margin: 0.5em 0 0 0; font-size: 0.8em; color: #575e48; font-weight: bold; text-align: right;}

.salebox {float: right; width: 200px; margin: 0 0 0.5em 1em; padding: 20px; background-color: #e0f4bc;}
.salebox h2 {margin: 0 0 0.35em 0; font-sizde: 1.2em;}
.salebox p {margin: 0.5em 0 0 0; font-size: 0.9em; color: #575e48;}

#sale {background-color: #e0f4bc;}
#sale p {color: #575e48;}

#features {margin: 0 0 2em 0; padding: 0;}
#features h3 {margin: 0.5em 0 0.25em 0;}
#features p {margin: 0;}
#features li {list-style: none;}
#features li li {list-style: circle;}
#features li li li {list-style: square;}




.tracker {width: 1px; height: 1px; visibility: hidden;}
.buy {width: 173px; height: 46px; border: none; cursor: pointer;}