/*
Theme Name: Mustard Tree
Theme URI: 
Description: Bespoke theme for Mustard Tree
Version: 1.0
Author: Ian Atkins
Author URI: 
Tags: 

*/

* {border: 0px; margin: 0px; padding: 0px;}
img, a {outline: none;}
li {list-style-type: none;}
.clear {clear: both;}
.left {float: left;}
.right {float:right}

body {margin-left: auto; margin-right: auto; text-align: center; font-family: Arial; background-color: #f0efde;}

#container {margin-left: auto; margin-right: auto; text-align: center; width: 966px;}

#header {position: relative; background-color: #ed2a4a; text-align: left; position: relative; z-index: 2;}
#header .donate-now {position: absolute; right: 14px; top:14px;}

#menu {background-image: url(images/header/menu-bg.gif); height: 36px; line-height: 36px; padding-left: 10px; position: relative; overflow: visible;}
#menu li {float: left; background-image: url(images/header/menu-divide.gif); background-repeat: no-repeat; background-position: right;}
#menu li a {font-size: 12px; color: #000000; font-family: Arial; text-decoration: none; padding-left:9px; padding-right: 9px; display: block; text-transform: uppercase;}
#menu li.current_page_item a {color: #e2003c;}
#menu li.page-item-12 {background-image: none;}

#menu ul {width: 176px;}
#menu ul li {height: 30px; background-color: #FFFFFF; line-height: 30px; border-left: 1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: left; background-image: none}
#menu ul li a {color: #242424; font-size: 12px; text-transform: none;}
#menu ul li a:hover {color: #ffff00; background-color: #ed2a4a;}
#menu li #searchform {margin-left: 5px;}
#searchform input {background-image:url('images/header/search-bg.gif'); width:182px; height: 20px; margin-right:6px; float: left; text-indent: 5px; padding-top: 6px;}
#searchform input.submit {width:57px; height: 26px; float: right; margin-right: 0px; padding-top: 0px;}
#searchform {margin-top: 5px; clear: both;}

#sidebar {float: left; width: 306px; text-align: left; margin-top: 10px; position: relative; overflow: hidden;}
#sidebar img.title {display: block; margin-bottom: 5px; margin-top: 10px;}
#sidebar form , #sidebar div.pad {margin: 10px; margin-top: 0px; margin-bottom: 0px;}
#sidebar div.pad-dotted {margin: 10px; margin-top: 0px; background-image: url(images/sidebar/dotted-hr.gif); background-position: bottom; background-repeat: repeat-x;}
#sidebar h2 {font-size: 16px; font-weight: bold; color: #ed2a4a;}
#sidebar img.click-here {margin-bottom: 10px; margin-top: 5px;}
#sidebar hr {height: 2px; background-color: #000000; margin: 0px; }

#sidebar ul {margin: 10px;}
#sidebar ul a {color: #e2003c; font-size: 14px; display: block; margin-top: 10px; margin-bottom: 2px;}
#sidebar ul li {color: #333333; background-image: url('images/sidebar/dotted-hr.gif'); background-position: bottom; background-repeat: repeat-x; font-size: 12px;}
#sidebar ul li .read-more {font-weight: bold; font-size:10px; text-transform: uppercase; color:#e2003c; margin-top: 10px; padding-bottom: 10px; display: block;}

/* twitter feed */
#twitter {height:300px; overflow: hidden; margin-bottom: 20px;}
#sidebar .twitterSearchTweet {color: #333333; background-image: url('images/sidebar/dotted-hr.gif'); background-position: bottom; background-repeat: repeat-x; font-size: 12px; padding: 10px;}
#sidebar .twitterSearchTweet a {color: #e2003c;}
#sidebar .twitterSearchUser {display: none;}

/* blog sidebar */
#sidebar ul.categories li, #sidebar ul.archives li { background-image:none}
#sidebar ul.categories li a, #sidebar ul.archives li a {color: #333333; text-decoration: none; display: inline;}
#sidebar ul.categories {padding-bottom: 10px; margin-bottom: 10px; background-image: url('images/sidebar/dotted-hr.gif'); background-position: bottom; background-repeat: repeat-x;}
#sidebar ul.categories li.current-cat a,#sidebar ul.categories li.current-cat a:hover { color: #e2003a; }
#sidebar #how-can-i-help {padding: 0px; margin: 0px;}
#sidebar #how-can-i-help li {padding: 3px; padding-left: 7px; margin-bottom: 0px; background-image: none; color: #FFFFFF;}
#sidebar #how-can-i-help li a {color: #FFFFFF; text-decoration: none; margin-top: 2px; font-size: 12px;}
#sidebar #how-can-i-help {margin-bottom: 10px;}
#sidebar img.how-can-i-help {display:block; margin-bottom:0px; margin-top:10px;}
#sidebar .pad {padding-top:10px; padding-bottom: 10px; font-size: 12px; color: #333333;}
#sidebar .pad .rss {position: relative; margin-top: 16px; display: block; float: none; top:inherit; right: inherit;}

#sidebar input {background-image: url('images/sidebar/input.gif'); height: 21px; line-height: 26px; width: 286px; font-size: 12px; color: #999999; margin-bottom: 5px; padding-top: 5px; text-indent: 5px;}
#sidebar form {margin-top: 10px;}
#sidebar input.submit {width: 57px; height: 26px; margin-bottom: 10px; padding-top: 0px;}
#sidebar .social img {float: left;}
#sidebar .rss {float: right; background-image: url(images/rss.gif); background-position: left; background-repeat: no-repeat; padding-left: 42px; color: #e2003c; font-size: 11px; position: absolute; top:18px; right: 0px;}

#content {width: 626px; float: left; background-color: #FFFFFF; margin-top: 20px; margin-left: 10px; text-align: left; margin-right: 14px; font-size: 14px; color: #333333; clear: both;}
#content .post {padding: 40px;}

#content .image {width:546px; height: 313px; overflow: hidden; position: relative; margin-bottom: 40px;}
#content .image h1 {position: absolute; bottom: 0px; left: 0px; font-size: 48px; color: #fff200; background-color: #ed2a4a; padding-left: 15px; padding-right: 15px; font-family: Courier; font-weight: normal;}
#content p {padding-bottom: 20px;}
#content a {color: #e2003c; text-decoration: none;}

#content #searchform input.submit {float: none; margin-left: 0px; display: block;}

/* referal form */
#content h1.replace {font-size: 24px; color: #fff200; line-height: 30px; margin-bottom: 5px; background-color: #ed2a4a; padding-left: 8px; padding-right: 8px; display: inline-block; font-family: Courier; font-weight: normal;}
#content h1.replace-blog {font-size: 24px; color: #fff200; line-height: 30px; margin-bottom: 5px; background-color: #ed2a4a; padding-left: 8px; padding-right: 8px; display: inline-block; font-family: Courier; font-weight: normal; min-width: 210px;}
 
#content h1.replace-blog a, #content h1.replace a {color: #fff200;}
#content .entry {padding: 15px;}
#content .entry p {padding-bottom: 15px;}

#content label {width: 145px; display: block; float: left; font-size: 12px; font-family: Arial; height: 26px; margin-bottom: 4px;}
#content label span {color: #e2003a;}
#content input {width:346px; height: 26px; background-image: url('images/input-bg.gif'); margin-bottom: 4px; float: left; margin-left: 10px;}
#content textarea {width:346px; height: 156px; background-image: url(images/textarea-bg.gif); float: left; margin-left: 10px; margin-bottom: 10px;}
#content input.submit {background-image: url(images/submit.gif); width: 57px; height: 26px; text-indent: -200px; margin-left: 155px;}


#content h3.call-to-action a {background-image: url('images/call-to-action-right,gif'); background-position: right; font-size: 12px; color: #ffffff; line-height: 26px;}
#content h3.call-to-action {background-image: url('images/call-to-action-bg.gif'); background-repeat: repeat-x; padding-left: 6px; padding-right: 6px; display: inline; line-height: 26px;}


/* contact */
img.map {float: left; margin-right: 26px; margin-top: 20px; margin-left: 10px; margin-bottom: 10px;}
.address {float: left; margin-top: 20px;}
.address {font-size: 14px;}
.address p.tel {margin-top:26px; margin-bottom: 20px}
.address p.tel span {font-size: 26px;}
.address p.email {margin-top: 0px; margin-bottom: 20px; }
.address p.email a {text-decoration: none; color: #e2003c;}
.address p.maps {font-size: 12px;}

/* how can i help */
#how-can-i-help {list-style-type: none;}
#how-can-i-help li {float: none; padding: 16px; background-color: #ec2a4a; margin-bottom: 2px; color: #ffffff;}
#how-can-i-help li h1 {font-size: 18px; color: #fff200; margin-bottom: 0px; height: 26px;}
#content #how-can-i-help a {color: inherit; color: #FFFFFF}
#how-can-i-help img {float: left; margin-right: 16px;}

/* home */
.page-id-3 #content .image {margin-bottom: 26px;}
.page-id-3 #content .entry {padding: 0px;}
.page-id-3 #content ul {margin-top: 15px; padding-top:24px; border-top:1px solid #000000;}
.page-id-3 #content ul li {float: left; width:266px; font-size: 12px;}
.page-id-3 #content ul li.right {float: right;}
.page-id-3 #content ul li div.image {width: 266px; height: 130px; margin-bottom: 10px;}
.page-id-3 #content ul li div.image h1 {font-size: 18px; height: 26px;}
.page-id-3 #content ul li a {display: block; margin-top: 10px; text-transform: uppercase; font-size: 10px;}

/* footer */
#footer {padding-top: 100px; color: #333333; text-align: center; padding-bottom: 10px; font-size: 11px; clear: both;}
#footer a {color: #e2003c;}

/* social media */
#content .social {background-image: url('images/dotted.gif'); background-repeat: repeat-x; background-position: top; height: 50px; clear: both; margin-top: 16px;  font-size: 12px;}
#content .social .addthis_toolbox {float: right; line-height: normal; padding-top: 15px;}
#content .social a {color: #000000;}
#content .favourite {float: left; font-size: 12px;}

#content .favourite .gdt-size-20.gdthumb a.gdt-starrating, #content .favourite .gdt-size-20.gdthumb div.gdt-starrating {background-image: url('images/favourite.gif'); background-position: left; background-repeat: no-repeat; margin: 0px; padding: 0px; height: 20px; width: 20px; overflow: hidden;}

#content .favourite a.gdt-starrating {background-image: url('images/favourite.gif'); background-position: left; background-repeat: no-repeat; margin: 0px; padding: 0px; height: 20px; width: 20px; overflow: hidden;}
#content .favourite .rtexthumb {font-size: 12px; color: #000000; font-family: Georgia; float: left; height: 20px; overflow: hidden; padding: 0px; margin: 0px;}
#content .favourite .thumblock {margin-top: 0px; margin-bottom: 0px; padding-top:15px;}
#content .favourite .gdt-size-20 {float:left; line-height:inherit; height: 20px; overflow: hidden; padding: 0px; margin: 0px;}
#content .favourite .gdthumbtext {line-height: 20px} /* ie 6 fix */
#content .favourite .gdthumb {width: 20px;} /* ie 6 fix */

#content .postmetadata span {color: #666666;}
#content .postmetadata .right {color:#666666; padding-right: 20px; background-image: url('images/comment.gif'); background-position: right; 
background-repeat: no-repeat;}
#content .postmetadata .right a {color: #666666; font-family: Georgia;}

/* comments */
#respond, .comments {float: left; width:522px;  background-color: #f0efde; padding-left: 50px; padding-right: 54px; padding-top: 40px;}


#respond textarea {margin-bottom: 20px;}
#respond #submit {width: 58px; height: 27px; border: 0px; background-image: none; padding: 0px; line-height: inherit; margin-left: 0px; width:57px; margin-top: 0px;}
#respond label {display: inline; float: left; line-height: 26px; width: inherit; margin-left: 10px;}
#content #respond input {float: left; margin-left: 0px; padding-top: 5px; height: 21px; text-indent: 10px; }
#content #respond input.submit {height: 26px;}
#respond p {clear: both;}
#respond h3.add-comment { font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; margin-bottom: 16px;}
h3#comments {font-family: Georgia; color: #e2003d; font-size: 18px; padding-bottom: 20px; background-image: url('images/dotted.gif'); background-repeat: repeat-x; background-position: bottom; font-weight: normal;} 
#comment-block {padding-left: 40px; padding-right: 40px;}
#comment-block img {padding:15px 15px 15px 17px;}

#comment-block .navigation {line-height: inherit; height: inherit; border: 0px; margin: 0px;}

#comment-block input {background-image:url(images/form-bg.gif); float:left; height:20px; line-height:26px; margin-right:6px; padding-top:6px; text-indent:5px; width:242px; border: 0px;}

ol.commentlist {list-style-type: none; background-image: url('images/dotted.gif'); background-position: bottom; background-repeat: repeat-x;  background-color: #f0efde;}
.comment {clear: both; padding-top: 20px; padding-bottom: 20px; background-image: url('images/comments-dotted.gif'); background-repeat: no-repeat; background-position: bottom right;}
.comment-body p {margin-left: 90px; margin-right: 26px; font-size: 14px; color: #333333;}
.comment-author {width: 90px; height: 86px; background-image: url('images/comment-bg.gif'); background-repeat: no-repeat; background-position: top; margin-top: -10px; margin-left: -12px; float: left; position: relative;}
.comment-author img {padding-left: 17px; padding-top: 15px;}
.comment-author cite {position: absolute; top:10px; left: 100px; width: 400px; display: block; font-size: 12px; color: #e2043f;}
.comment-author cite a {font-size: 12px; color:#000000;}
.comment-author .says {display: none;}
.comment-meta {margin-bottom:15px; padding-left:90px; padding-top:15px; font-size: 12px; color: #666666;}
#content .comment-meta a {color: #666666;}

/*search */
.search #content .search-results {padding-left: 0px; padding-right: 0px; background-image: url('images/dotted.gif'); background-position: bottom; background-repeat: repeat-x; padding-bottom:10px; padding-top: 10px;}

/* contact */
.page-id-11 #content h1.replace {margin-top: 20px;}
div.wpcf7-validation-errors {background-color: #e2003c; color:#FFFFFF; line-height: 26px; }
#content span.wpcf7-not-valid-tip {background-color:#E2003C; bottom:10px; color:#FFFFFF; display:block; float:left; height:26px; left:0; line-height:26px; margin-left:5px; margin-right:-30px; text-align:center; width:26px; border: 0px; position: relative; padding: 0px; top:0px;}
.ajax-loader {margin-top: 5px; margin-left: 5px;}

/* team */
.page-id-83 #content h1.replace {margin-bottom: 18px;}
#team {margin-top: 26px;}
#team .image {width: 120px; height: 120px; position: relative; float: left; background-color: #dbdbdb;}
#team .image h2 {position: absolute; left: 0px; bottom: 7px; line-height: 26px; background-color: #e2003c; padding-left: 6px; padding-right: 6px; color: #fff200; font-weight: normal;}
#team .profile {width:400px; padding-bottom: 16px; border-bottom: 1px solid #cacaca; float: right; font-size: 12px; color: #333333;}
#team li {padding-bottom: 26px; clear: both;}

.post-edit-link {clear: both; display: block;}

/* blog */
small {display: block; font-size: 12px;}
.postmetadata {font-size: 11px; font-family: Georgia;}
.postmetadata .post-edit-link {display: inline;}
.post .navigation {padding-bottom: 30px; clear: both;}
.post .navigation .alignleft {float: left;}
.post .navigation .alignright {float: right;}
.post .navigation.block {display: block;}
#commentform textarea {margin-left: 0px; width: 502px; background-image: url('images/textarea-bg-comment.gif'); padding: 10px; font-size: 11px; font-family: Arial; background-position: top left; background-repeat: no-repeat; height: 136px;}
.blog #content .post, .archive #content .post, .single #content .post {border-bottom: 20px solid #f0efde; padding-bottom: 0px; overflow: hidden;}
.blog #content .entry, .archive #content .entry, .single #content .entry {padding-left: 0px; padding-right: 0px;}

#content h1.sIFR-replaced, #sidebar h1.sIFR-replaced {background-color: transparent ; padding-left: 0px; }
#content .image h1.sIFR-replaced { padding-left: 8px; padding-right: 8px;  background-color: #ed2a48;}