/*
Theme Name: Artemis
Theme URI: http://www.artemis.io/
Description: Custom theme by Kate Harding of <a href="http://www.artemis.io">Artemis</a>.
Version: 1.0
Author: Kate Harding
Author URI: http://www.artemis.io
Tags: 
*/

/* COLOURS AND BRANDING */
body {margin: 0px; padding: 0px; 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; padding: 0px;}
input, label, li, p, select, td, th {color: #544c42;}
textarea {font-size: 0.8em; color: #544c42; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; padding: 5px;}
li li, li li li, li p, td p, td li, p input, p label, li label, li li, li input  {font-size: 1em;}
h1 {color: #b21840;}
h2, h3, h4, h5, h6 {color: #3b711b;}
img, a img {border: 0;}
p, pre, form {margin: 1em 0 0 0;}
p {line-height: 1.4em;}
h1 {margin: 0;  padding: .2em 0 0 0; font-sisze: 1.7em; font-weight: normal;}
h2 {margin: 1em 0 0 0; font-size: 1.4em; font-weight: normal;}
h3 {margin: 1em 0 0 0; font-size: 1em;}
h4 {margin: 1em 0 0 0; font-size: 0.8em;}
optgroup {padding:3px 0;}
a {color: #8c1132;}
a:hover {text-decoration: none;}
blockquote {background-image: url(http://artemis.io/package/wp-content/themes/bbw/images/blockquote.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 40px; margin: 0; fontt-style: italic; min-height: 25px;}
blockquote a {color: #4c811a;}
blockquote.inpage {float: right; width: 250px; font-size: 0.8em; margin: 1em 0 1em 20px; font-style: italic; padding: 0;}
blockquote.inpage p.first {margin-top: 0.75em; text-indent: 35px;}

/*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;}

/*BRANDING*/
#branding {height: 99px; overflow: hidden;}
#logo {margin: 0; padding: 0; font-size: 2.5em; float: left;}
#logo a {display: block; background: transparent url(images/artemis.gif) no-repeat 0 20px; padding: 20px 0 0 0; width: 256px; height: 64px; text-decoration: none; line-height: 64px; text-indent: -1000px;}
#strap {float: right; margin: 64px 0 0 0; padding: 0; font-size: 1.25em; line-height: 30px; color: #ffffff;}

/*MENUS*/
#mainmenu {clear: both; font-size: 0.95em; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 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: 30px;}
#mainmenu li.page-item-37 {margin: 0;}
#mainmenu a {color: #f4ecd0; text-decoration: none;}
#mainmenu a:hover {color: #f9f5e5; text-decoration: underline;}

.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;}

/*HOMEPAGE*/
#welcome {background: #8c1132 url(images/homeredbox2.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 0;}
#welcome .last {background: transparent url(images/homeredbox2.gif) no-repeat right bottom; padding-bottom: 18px;}
#welcome h1, #welcome p, #welcome a {color: #f9f5e5;}
#welcome a {text-decoration: none;}
#welcome a:hover {text-decoration: underline;}
#welcome h1 {padding: 17px 18px 0 18px; font-size: 1.5em;}
#welcome p {padding: 0 18px;}
#teaser-low-cost, #teaser-ready-made, #teaser-bespoke {width: 250px; float: left;}
#teaser-low-cost, #teaser-ready-made { margin-right: 10px;}
#teaser-low-cost {background: #11400a url(images/homegreenbox1.gif) no-repeat 0 0;}
#teaser-ready-made {background: #3d7316 url(images/homegreenbox2.gif) no-repeat 0 0;}
#teaser-bespoke {background: #95c931 url(images/homegreenbox3.gif) no-repeat 0 0;}
#teaser-low-cost h2, #teaser-ready-made h2 {color: #ffffff; font-size: 1.2em; font-weight: normal; margin: 0; padding: 15px 15px 0 15px;}
#teaser-low-cost p, #teaser-ready-made p, #teaser-bespoke p  {line-height: 1.2em; padding: 0 15px 0 15px; font-size: 0.9em;}
#teaser-low-cost p, #teaser-ready-made p {color: #ffffff;}
#teaser-bespoke h2 {color: #0a2406; font-size: 1.2em; font-weight: normal; margin: 0; padding: 15px 5px 0 15px;}
#teaser-bespoke p {color: #0a2406;}
#teaser-low-cost .last {background: transparent url(images/homegreenbox1.gif) no-repeat right bottom; padding: 0 15px 15px 15px;}
#teaser-ready-made .last {background: transparent url(images/homegreenbox2.gif) no-repeat right bottom; padding: 0em 15px 15px 15px;}
#teaser-bespoke .last {background: transparent url(images/homegreenbox3.gif) no-repeat right bottom; padding: 0em 15px 15px 15px;}
#teaser-low-cost a, #teaser-ready-made a {color: #ffffff;}
#teaser-bespoke a {color: #0a2406;}
#teaser-low-cost h2 a, #teaser-ready-made h2 a, #teaser-bespoke h2 a {text-decoration: none;}
#teaser-low-cost h2 a:hover, #teaser-ready-made h2 a:hover, #teaser-bespoke h2 a:hover {text-decoration: underline;}
#teaser-low-cost  strong {font-size: 2.8em; font-weight: normal; font-style: normal;}

#otherteasers {float: right; width: 240px;}
#articleteasers {float: left; width: 510px;}
#articleteasers h2 {margin: 1em 0 .5em 0;}
#articleteasers h3 {font-family: verdana, myriad, sans-serif; font-size: 0.8em; margin: 0;}
#articleteasers h3 a {color: #11400a; font-weight: normal;}
#articleteasers p {margin: 0 0 1em 0;}
#main #articleteasers .flink {margin-bottom: 0;}

#main #welcome p, #main #teaser-low-cost p, #main #teaser-ready-made p, #main #teaser-bespoke p, #main #articleteasers p, #main #testteasers p {text-align: left;}

#testteasers {float: left; width: 505px;}
#testteasers h2 {margin: 1em 0 .5em 0; font-size: 1.5em; font-style: italic;}
#testteasers h3 {font-family: verdana, myriad, sans-serif; font-size: 0.8em; margin: 0;}
#testteasers h3 a {color: #11400a; font-weight: normal;}
#testteasers p {margin: 0 0 1em 0;}
#main #testteasers .flink {margin-bottom: 0;}
#testteasers a {color: #655a4b; text-decoration: none;}
#testteasers a:hover {color: #8c1132; text-decoration: underline;}

#portfolioteaser {float: left; width: 250px;}
#portfolioteaser h2 {margin: 1em 0 .5em 0; font-size: 1.5em; font-style: italic;}
#portfolioteaser p.flink {text-align: right; margin: 0.25em 0 0 0;}
#portfolioteaser p.flink a {color: #3b711b; text-decoration: none;}
#portfolioteaser p.flink a:hover {color: #3b711b; text-decoration: underline;}

#packageteaser {float: left; width: 250px; background: #f4ecd0 url(images/beige.gif) right bottom; margin: 10px 0 1em 0; padding: 0 0 20px 0;}
#packageteaser h3 {display: block; background: #f4ecd0 url(images/beige.gif) 0 0; margin: 0; padding: 20px 20px 0px 20px;}
#packageteaser h3 a {display: block; height: 128px; background: #f4ecd0 url(images/phew.gif) 0 0; margin: 0; text-indent: -1000px; overflow: hidden;}
#packageteaser p {color: #837447; font-size: 1em; padding: 0 22px; margin: 0.5em 0 0 0;}
#packageteaser a {color: #689d23;}


/*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;}

/* ABOUT */
#iam {width: 350px; margin-right: 50px; float: left; padding-bottom: 1em;}
#ilove {width: 300px; float: left; padding-bottom: 1em;}
#iam ul, #ilove ul {margin: 0.5em 0 0 0; padding: 0 0 0 30px;}
#iam li, #ilove li {margin: 0; padding: 0 0 0 0px;}
#emsays {clear: both; padding-top: 1em;}

/* PORTFOLIO */
#portfolio .image_container {margin: 1em 1em 0 0; float: left;}
#portfolio .image_container img {border: 1px solid #aaaaaa;}
#portfolio h2 {font-size: 1.2em;}
#portfolio .block {border-bottom: 1px dotted #aaaaaa; padding-bottom: 1em;}
#ccleft {float: left; width: 500px; padding-bottom: 1em;}
#ccright {float: right; width: 250px;}
#cafe .ce_image {width: 150px; float: left; margin: 1em 10px 0 0;}
#hptest a {color: #655a4b; text-decoration: none;}
#hptest a:hover {color: #8c1132; text-decoration: underline;}
.ccthumb {float: left; margin-right: 10px;}

/*ARTICLES*/
.articleslist h2 {margin: 1em 0 0 0; font-size: 1.2em;}
.articleslist h2 a {color: #3b711b;}
.articleslist h2 .info {color: #95c931; font-size: 0.7em; font-style: italic; display: none;}
.articleslist .teaser {margin: .25em 0 0 0;}
.articleslist .more {margin: 0;}


/*SERVICES*/
#services {list-style: none; margin: 1em 0; padding: 0;}
#services li {margin: 0 0 1em 0; padding: 0 0 0 22px; background: #f9f5e5 url(images/bullet2.gif) no-repeat 0 4px;}
#services h2 {font-size: 1.25em; margin: 0 0 .25em 0;}
#services p {margin: 0;}


/* FOOTER */
#footer {clear: both; background-color: #f3ebd1; height: 30px; margin-top: 30px; font-size: 0.8em}
#footerbox {width: 770px; margin: 0 auto;}
#copyright {float: left; line-height: 30px; margin: 0; padding: 0; color: #a79b7d;}
#footerlinks {float: right; line-height: 30px; margin: 0; padding: 0;}
#footerlinks li {display: inline; margin-left: 10px; color: #a79b7d;}
#footer a {color: #a79b7d; text-decoration: none;}
#footer 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: none;}
.widgets a:hover {text-decoration: underline;}
.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;}



.tracker {width: 1px; height: 1px; visibility: hidden;}