/* 
Theme Name: Zest
Version: 1.0
Author: Nick Brown adapted from Brightness Theme from dailywp.com
*/

body { margin: 0px; padding: 0px; background-color:#fff; border-top: solid 4px #8ec017; font-size: 12px; font-family: 'Arial', sans-serif; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px;}
a, a:link, a:active { color: #8ec017; }
a:hover { color: #000000; }

/** GENERAL TAGS **/

.smalltitle { color: #8ec017; font-family: 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; }
.wrap { width: 900px; margin: 0px auto 0px auto; }
.leftalign { width: 570px; float: left; }
.rightalign { width: 310px; float: right; }
a.more-link { width: 187px; height: 28px; display: block; color:#fff }
.clear { clear: both; }
.heading { border-top: solid 2px #637e13; margin-bottom: 10px; padding: 5px 0 5px 0; }
h3 { font-size: 17px; font-weight: bold; font-family: 'Arial', sans-serif; text-transform: uppercase; color:#3a5707}
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; font-family: 'Arial', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/** HEADER **/

.header { margin: 20px 0px 0px 0px; }
#headlogo { width: 365px; height:75px; background: url(images/headbg.png) no-repeat top left; float: left;  text-align: center; padding: 25px 0 25px 0; font-size: 43px; font-weight: normal; font-family: 'Arial', sans-serif; letter-spacing: -1px;}
#headlogo:hover { color: #ffffff; }
.header h1 a { text-decoration: none; color: #ffffff;}
.header h1 a span { font-weight: normal; color: #EF4723; }



/** NAVIGATION **/

.navbar {background:#8caf22;width:100%;height:30px; margin:0 auto;}
.navbar ul {width:900px;margin:0px auto;background:#8caf22;height:30px;font-size:11px;font-family:'Arial',sans-serif;line-height:30px;list-style:none;}
.navbar ul li {display:inline;}
.navbar ul li a { padding: 0px 10px; font-size: 15px; font-family: 'Arial', sans-serif; text-decoration: none; display: block; float: left; text-align: center; color: #fff; }
.navbar ul li a:hover { background-color:#637e13; }
.navbar ul li.current_page_item a {background-color:#637e13; }



/** FEATURED SECTION **/

.featured { background: #637e13 url(images/featuredbg.jpg) repeat-x center top; padding: 20px 0 20px 0;}
.featured h2 { font-family: 'Arial', sans-serif; font-size: 32px; font-weight:normal;line-height: 42px; margin: 5px 0 15px 0; }
.featured h2 a { color: #fff; text-decoration: none; }
.featured h2 a:hover {text-decoration: underline; }
.featured .leftalign img { border: solid 2px #8ec017; width: 250px; float: left; margin-right: 15px; }
.featured .postcontent { width: 295px; float: right; }
.featured p, .postcontent { margin: 0px 0px 15px 0px; font-size: 12px; font-family: 'Arial', sans-serif; color: #fff; line-height: 18px; }
.advertisment { width: 300px; border: solid 3px #637e13; padding: 2px; margin-top: 5px; }
.introductionwrap {width:900px; background-image: url(images/introbg.png); margin-bottom: 10px; border-top:solid 2px #8ec017; border-bottom: solid 2px #8ec017;}
.introduction {width:880px; color:#fff; padding:0px 10px 5px 10px;}
.introduction h2 {font-size:25px; font-family:'Arial', sans-serif; margin:0px;}
.introduction p {font-size:16px; line-height:120%}

/**SIX ELEMENTS **/
.sixelements {width:120px; height:170px; margin-right:12px; float:left; padding:0px 10px 0px 10px; background: url(images/sixelementsbg.png) repeat-x; border-top:solid 2px #8ec017; border-bottom: solid 2px #8ec017;}
.sixelementslast {width:120px; height:170px; margin-right:0px; float:left; padding:0px 10px 0px 10px; background: url(images/sixelementsbg.png) repeat-x; border-top:solid 2px #8ec017; border-bottom: solid 2px #8ec017;}
.sixelements:last-child {margin-right:0px;}
.sixelements h2, .sixelementslast h2{margin:0px 0px 5px 0px; color:#fff; font-family: 'Arial', sans-serif; font-size: 20px;}
.sixelements p, .sixelementslast p{margin:0px 0px 5px 0px; color:#fff; font-family: 'Arial', sans-serif; font-size: 12px;}


/** ARTICLE COLUMNS **/

.maincontent { width: 700px; float: left; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #637e13; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #637e13; margin-bottom: 10px; padding-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 20px; font-weight: normal; padding-bottom: 5px; line-height: 22px; font-family: 'Arial', sans-serif; }
.newssection .article h2 a, .articlecolumn .article h2 a { color: #3a5707; text-decoration: none; }
.newssection .article p, .articlecolumn .article p { color: #000; font-size: 11px; line-height: 14px; font-family: 'Arial', sans-serif;  }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left { width: 95px; float: left; text-align: left; font-size: 11px; color: #637e13; text-transform: uppercase; font-family: 'Arial', sans-serif; line-height: 14px; }
.newssection .article .left img, .articlecolumn .article .left img { border: solid 2px #637e13; }
.newssection .article .right, .articlecolumn .article .right { width: 230px; float: right; }


/** SIDEBAR **/

.homesidebar { width: 180px; border-top: solid 2px #637e13; float: right; padding-top: 0px; }
.homesidebar h3 { border-bottom: solid 1px #637e13; line-height: 17px; padding-bottom: 7px; margin-top:5px; margin-bottom: 5px; }
.homesidebar ul { list-style: none; padding: 0px; margin: 0px; color: #637e13; font-size: 11px; }
.homesidebar ul li { border-bottom: solid 1px #637e13; padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a { font-size: 12px; margin-right: 4px; }
.homesidebar .item { margin-bottom: 40px; }
.singlesidebar { width: 310px; float: right; margin: 20px 0 0 0; }
.singlesidebar .item { margin: 0px 0 30px 0; }

/** SINGLE POST **/

.singlepost { width: 570px; float: left; margin: 20px 0 0 0; }
.singlepost .postcontent { color: #000; line-height: 18px; }
.singlepost .posthead h2 { color: #637e13; font-family: 'Arial', sans-serif; font-size: 30px; margin: 0px 0px 4px 0px; font-weight:normal;}
.singlepost .posthead span { font-family: 'Arial', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 13px; color: #637e13 ; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #000; padding-top: 10px; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px;}
.singlepost .post { margin-bottom: 10px; }
.singlepost .posthead h2 a { text-decoration: none; }
.singlepost .postcontent h2 {color: #fff; font-family: 'Arial', sans-serif; font-weight:normal; text-transform:uppercase;font-size: 22px; line-height: 22px;  padding:10px 5px;background-color:#637e13;width:560px;margin-top:15px;}

/** HOMEPAGE NEWS SECTIONS **/

.newssection { margin: 0px 0px 30px 0px; }
.newssection .article { width: 340px; float: left; height: 130px;  }
.newssection .even { float: right; }
.newssection ul { width: 340px; float: right; margin: 0px; padding: 0px; list-style: none; color: #8caf22; text-transform: uppercase; font-family: 'Arial', sans-serif;}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; color:#3a5707}
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: solid 1px #637e13; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 200px; }
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { margin-top: 20px; background: #637e13 ; border-top: solid 4px #8ec017; padding: 40px 0 70px 0; }
.footer h1 { display: block; float: right; width: 260px; text-align: center; padding: 10px 0 10px 0; font-size: 15px; font-weight: normal; font-family: 'Arial', sans-serif;   }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { width: 500px; float: left; margin-top: 10px; color: #8ec017;}
.footer .left a { color: #8ec017; }
.footer .left h2 { font-family: 'Arial', sans-serif; font-size: 15px; color: #ffffff; letter-spacing: -1px; text-transform: uppercase; font-weight: normal; }

/** COMMENTS **/

.comments { padding: 0px; border-top: solid 1px #8ec017; margin-top: 20px; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: solid 1px #c6df8b; margin-top: -5px; margin-bottom: -5px;}
.comment-author { display: block; font-weight: bold; }
.comment-date { font-size: 12px; color: #637e13; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 1px #c6df8b; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 1px #c6df8b; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 1px #c6df8b; padding: 3px;  margin-bottom: 10px;}