/*
Theme Name: PeaceHealth
Theme URI: http://peaceandhealth.org/
Description: Healthy and peaceful Wordpress theme by THEiNterZoNe.net
Version: 1.0
Author: Jed Mowshowitz
Author URI: http://theinterzone.net/
Tags: white, blue, pink, custom header, fixed width, two columns, widgets, YouTube, video, thumbnails, excerpts, Feedburner

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
body, div, ul, ol, li, form, fieldset, input, textarea, legend, label, img, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
img, fieldset {border: 0;}
a img {border: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset/zero -------------------------------------- */



/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em 'Times New Roman', Times, Georgia, serif; line-height: 1.2; background: #fff; color: #666;}
a:link, a:visited {color: #4f84a3;}
a:hover, a:active {color: #e56591;}
p, table {margin: 12px 0;}
h1, h2, h3 {font-family: Arial,Helvetica,Tahoma,Geneva,sans-serif; font-weight: bold;}
h1 {font-size: 1.6em; margin: 0 0 20px 0; color: #bbb;}
h1 a:link, h1 a:visited {color: #abc;}
h1 a:hover, h1 a:active {color: #e56591;}
h2 {font-size: 1.4em; margin: 0 0 1px 0; line-height: 1;}
h2, h2 a:link, h2 a:visited {color: #111;}
h2 a:hover, h2 a:active {color: #b9144d;}
h3 {font-size: 1.2em; letter-spacing: 0.2em; margin: 20px 0 12px 0; color: #82b440;}
h3 a:link, h3 a:visited {color: #4f8495;}
h3 a:hover, h3 a:active {color: #b9144d;}
h4 {font-size: 1.1em;}
small {font-size: 0.9em; color: #999;}
strong {color: #444;}
blockquote {margin: 12px 20px; padding-left: 6px; font-size: 1.2em; border-left: 3px solid #bbb;}
blockquote cite {margin-top: 6px;}
address {margin: 12px 0; padding: 0 20px; font-size: 1.2em; font-style: oblique;}
.bigger {font-size: 1.1em;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.center {text-align: center;}
.spaceleft {padding-left: 10px;}
.topspace {margin-top: 12px;}
.hidden, .panel {display: none;}
.panel_on {display: block;}
	/* *** *** IMAGES *** *** */
p img {padding: 0; max-width: 436px; width:expression(document.body.clientWidth > 436? "436px": "auto");}
.alignleft {float: left; margin: 0 10px 7px 0;}
.alignright {float: right; margin: 0 0 7px 10px;}
.alignnone {clear: both;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.size-thumbnail {width: 100px; height: 100px;}
.size-medium {width: 260px;}
.videothumb {width: 100px; height: 75px;}
	/* *** *** TABLES *** *** */
table {clear: both; font-size: 0.9em;}
td {padding: 1px 7px 1px 2px;}
thead td {background: #ddd; font-weight: bold;}
td.rowspacer {background: #ddd;}
/* End ---------------------------------- global styles ----------------------------------- */



/* Begin -------------------------------- overall layout ---------------------------------- */
#page {margin: 0 auto; width: 940px; padding: 0 10px;}
#head {width: 920px; height: 111px; background: url(images/peacehead.jpg) no-repeat;}
#logo {float: left; width: 340px; height: 101px;}
#righthead {float: left; width: 580px;}
#sidebar {float: left; width: 300px; padding-right: 40px; margin-bottom: 20px;}
#content {float: left; margin-top: 18px;}
	.narrowcolumn {width: 440px;}
	.widecolumn {width: 580px;}
.rightcolumn {float: right; width: 120px; margin: 64px 0 20px 0; padding: 0 20px;}
#footer {float: left; clear: both; width: 920px; padding-top: 5px; border-top: 4px solid #ddd; text-align: center; font-family: Arial,Helvetica,Tahoma,Geneva,sans-serif;}
#wpinfo {clear: both; height: 20px; visibility: hidden;}
/* End ---------------------------------- overall layout ---------------------------------- */



/* Begin -------------------------------- header/topnav ----------------------------------- */
#rssdonate {margin-top: 20px;}
a#topdonate {float: right; width: 151px; height: 34px; margin-left: 12px;}
a#toprss {float: right; width: 32px; height: 34px;}
a#topdonate:link, a#topdonate:visited {background: #98b1b9;}
a#topdonate:hover, a#topdonate:active {background: #82b440;}
#donatepanel {position: absolute; z-index: 10000; top: 52px; margin-left: 382px; padding: 9px 13px 0 13px; width: 172px; height: 141px; background: url(images/donatepanel.jpg) no-repeat; font: 0.8em Arial,Helvetica,Tahoma,Geneva,sans-serif;}
#donatepanel p {margin: 6px 0;}
#closepanelbutton, #closepanelbutton a {float: right; width: 12px; height: 11px;}
#closepanellink {float: left; margin-top: 8px; font-weight: bold; !important; margin-top: 12px;}
#continuedonation, #continuedonation a {float: right; width: 98px; height: 24px; margin-top: 5px;}
#topnav {float: left; width: 580px; margin-top: 27px; font: bold 1em Arial,Helvetica,Tahoma,Geneva,sans-serif; letter-spacing: 0.1em;}
#topnav ul {float: left;}
#topnav ul li {float: left; text-transform: uppercase; padding-left: 6px;}
#topnav ul li img {margin-top: -2px;}
#topnav ul li a {float: left;}
#topnav ul li a.navon {color: #82b440; background: url(images/topnavon.png) no-repeat 0 20px; overflow: visible; padding-bottom: 15px}
#topnav ul li#homelink {padding-left: 0;}
/* End ---------------------------------- header/topnav ----------------------------------- */



/* Begin -------------------------------- content ----------------------------------------- */
#content h2 {font: bold 2.2em 'Times New Roman', Times, Georgia, serif; line-height: 1;}
.post {float: left; width: 440px; max-width: 440px; margin-bottom: 20px; width: expression(document.body.clientWidth < 440? "440px": "auto");}
.homepost {float: left; width: 580px; max-width: 580px; width: expression(document.body.clientWidth > 580? "580px": "auto");}
.archivehead {clear: left; margin-bottom: 10px;}
.entry p.first:first-letter {font-size: 4em; line-height: 0.8; float: left; margin: 0 5px 0 0;}
.entry ul, .entry ol {font-size: 1.1em; line-height: 1.4;}
.entry ol {list-style: decimal inside; margin: 12px 0; padding-left: 2px;}
.entry ul {margin: 12px 0;}
.entry ul li {background: url(images/listicon.gif) no-repeat 2px 5px; padding-left: 16px;}
.entry ol li {}
.entry ul li ul {padding: 0 20px;}
.entry img, .entry a:link img, .entry a:visited img, .bigslideshow, .blueframe a:link img, .blueframe a:visited img {border: 2px solid #98b1b9;}
.entry a:hover img, .entry a:active img, .blueframe a:hover img, .blueframe a:active img {border: 2px solid #f4a1be;}
.bigslideshow {float: left; margin-right: 10px; margin-bottom: 20px;}
.slideshow {margin: 0; text-align: left;}
/* .entry a img.noborder, .entry a.noborder {border: 0 none;} */
.wp-image-118, .wp-image-119, .wp-image-130, .wp-image-133, .wp-image-137, .wp-image-147, .wp-image-155 {width: 260px; height: 195px;}
.wp-image-21, .wp-image-28, .wp-image-40 {width: 240px; height: 240px;}
.wpcf7 p {margin: 10px 0; line-height: 1.4;}
.wpcf7-form {margin-top: 20px;}
.wpcf7-list-item-label, .wpcf7-form-control-wrap {padding-right: 6px;}
.your-name input, .your-email input, .your-subject input {width: 160px;}
.more-link {font-weight: bold; font-size: 1.2em;}
.postmetadata {margin: 0 0 10px 0; line-height: 1; clear: left; text-transform: uppercase; font-weight: bold; font-size: 0.9em;}
.postmetadata li {margin-bottom: 3px;}
.participate {clear: both; float: left; margin: 0 0 10px 0; font: bold 1.2em Arial,Helvetica,Tahoma,Geneva,sans-serif;}
.pageshare {width: 920px; text-align: right; margin: 60px 0 3px 0;}
.pageshare a, .sharelink a, .rsslink a {color: #82b440;}
.metalinks {padding-right: 20px;}
.rsslink a img {vertical-align: -3px;}
#sitefeatures {margin-top: 10px; width: 580px;}
.halfwideleft {float: left; padding-right: 20px; width: 280px; clear: left;}
.halfwideright {float: left; width: 280px; clear: right;}
.divider {float: left; width: 440px; height: 4px; background: url(images/divider.png) no-repeat; margin-top: 10px;}
.homedivider {float: left; width: 580px; height: 4px; background: url(images/homedivider.png) no-repeat; margin-top: 10px;}
#backgroundpage h3 {margin-top: 0;}

.navigation, .commentsnav, #comments {clear: left; width: 440px; max-width: 440px;}
.navigation {float: left; margin: 60px 0 3px 0; font: bold 1.1em Arial,Helvetica,Tahoma,Geneva,sans-serif;}
.commentsnav {float: left; margin: 10px 0; font: bold 1.1em Arial,Helvetica,Tahoma,Geneva,sans-serif;}
#comments {float: left;}
.nocomments {clear: left; margin: 20px 0; padding: 0 10px; font-size: 1.2em;}
#respond {margin-bottom: 20px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform p {margin: 10px 0;}
#commentform textarea {width: 320px;}
.commentlist {text-align: justify;}
.commentlist li {margin: 20px 0; padding: 5px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px; font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #aaa; padding: 2px; background: #ccc;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.says, .comment-reply-link {font-weight: bold;}
.commentlist p {margin: 10px 5px 10px 0;}
.thread-even {background-color: #fff;}
.thread-alt {background-color: #f2f2f2;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 2px solid #ddd;}
.alt {padding: 10px;}
.children {padding: 0;}

.interzone {margin: 40px 0;}
/* End ---------------------------------- content ----------------------------------------- */



/* Begin -------------------------------- sidebar ----------------------------------------- */
#sidebar ul {width: 300px; margin: 10px 0; list-style: none;}
#sidebar h2 {width: 290px; height: 20px; padding: 20px 0 0 10px; margin: 0 0 5px 0; clear: left; line-height: 1; font-weight: normal; background: url(images/sideheadbg.jpg) no-repeat; color: #696454;}
#sidebar h3 {letter-spacing: 0; margin: 0;}
#sidebar ul li {font-family: Arial,Helvetica,Tahoma,Geneva,sans-serif; float: left; margin-bottom: 18px; width: 300px;}
#topleftpic {float: left; margin: 0 20px 2px 0; width: 192px;}
#socialnet {width: 88px;}
a#topleftpic:link img, a#topleftpic:visited img {border: 2px solid #98b1b9;}
a#topleftpic:hover img, a#topleftpic:active img {border: 2px solid #f4a1be;}
#sidebar ul li ul {margin: 0; padding: 0; width: auto;}
#sidebar ul li ul li {margin-bottom: 5px; width: auto;}
a.contacticon {float: left; width: 85px; height: 46px;}
a.contacticon:link, a.contacticon:visited {background: #e8e8e8;}
a.contacticon:hover, a.contacticon:active {background: #df9;}
#socialnet li.socialicon a:link img, #socialnet li.socialicon a:visited img {filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
#socialnet li.socialicon a:hover img, #socialnet li.socialicon a:active img {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#sidebar ul li ul#newarticles, #sidebar ul li ul.blogroll, #sidebar ul li ul#recentcomments {margin: 12px 0; overflow: visible;}
#sidebar ul li ul#newarticles li, #sidebar ul li ul.blogroll li, #sidebar ul li ul#recentcomments li {width: 284px; background: url(images/listicon.gif) no-repeat 2px 2px; padding-left: 16px;}
#sidebar ul li ul#newarticles li, #sidevideo p, #sidebar ul li ul.blogroll li, #sidebar ul li ul#recentcomments li {font-size: 0.9em; font-weight: bold; clear: left;}
#sidebar ul li#newsletter, #sidevideo p {width: 300px;}
#sidebar ul li#newsletter p {line-height: 1; margin: 0 0 6px 0; font: 0.9em 'Times New Roman', Times, Georgia, serif;}
#newsform, #newsform form, #newsform input {float: left;}
#newsemail {width: 130px; height: 16px; margin: 3px 0 0 0; padding: 1px 3px 0 3px; font: 1em 'Times New Roman', Times, Georgia, serif;;}
#newslettersubmit {float: left; padding-left: 5px;}
#sidebar ul li#archives select {margin-top: 6px;}
/*
#translation_bar a img {padding: 2px 2px 0 0; width: 16px; height: 11px;}
*/
/* End ---------------------------------- sidebar ----------------------------------------- */



/* Begin -------------------------------- footer ------------------------------------------ */
#footer p {margin: 5px 0; width: 920px;}
#footer a {font-weight: bold;}
#bottomnav a:link, #bottomnav a:visited {color: #999;}
#bottomnav a:hover, #bottomnav a:active {color: #222;}
#searchform {margin: 10px 0;}
#s {width: 160px; margin-right: 6px;}
#tnzn {vertical-align: -4px; padding-right: 5px;}

.credits p {margin: 7px 0;}
.credits img {float: left; padding: 2px 7px 0 0;}
.credits a:link, .credits a:visited {color: #ddd; font-weight: bold;}
.credits a:hover, .credits a:active {color: #fff; text-decoration: underline; font-weight: bold;}
/* End ---------------------------------- footer ------------------------------------------ */



@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#closepanellink {margin-top: 18px;}
	.entry ul li {background-position: 2px 4px;}
}