/*
Theme Name: Yinthway
Theme URI: http://yinthway.org/
Description: Custom Wordpress theme for Yinthway Foundation
Version: 1.0
Author: Jed Mowshowitz
Author URI: http://theinterzone.net/
Tags: yellow, custom header, fixed width, two columns, widgets

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

*/


/* Begin -------------------------------- reset/zero -------------------------------------- */
body, 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;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset/zero -------------------------------------- */



/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em Helvetica,Arial,Tahoma,Geneva,sans-serif; line-height: 1.2; background: #f5e279 url(images/backgradient.jpg) repeat-x; color: #5a3f0b;}
a:link, a:visited {color: #d87003;}
a:hover, a:active {color: #01a140;}
p {margin: 10px 0;}
h1 {}
h2 {font: 2em Georgia, 'Times New Roman', Times, serif;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, span.commentlink a:link, span.commentlink a:visited {color: #8f346f;}
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, span.commentlink a:hover, span.commentlink a:active {color: #c1a520;}
h3 {font-size: 1.4em; color: #3f2816; margin: 10px 0;}
h4 {font-size: 1.3em; font-weight: normal; margin-bottom: 10px;}
small {font-size: 0.8em; color: #666;}
strong {color: #6f5846;}
blockquote {margin: 10px 0; padding: 0 20px; font-size: 1.2em; color: #d37b12; border-left: 3px solid #fcd938;}
blockquote cite {margin-top: 5px;}
address {margin: 10px 0; padding: 0 20px; font-size: 1.2em; font-style: oblique;}
.bigger {font-size: 1.1em;}
.orangelink a, .orangelink h3 a {color: #d87003;}
.purplelink a, .purplelink h3 a {color: #8f346f;}
.greenlink a, .greenlink h3 a {color: #01a140;}
.yellowlink a, .yellowlink h3 a {color: #c1a520;}
.orangelink a:hover, .orangelink h3 a:hover, .purplelink a:hover, .purplelink h3 a:hover, .greenlink a:hover, .greenlink h3 a:hover, .yellowlink a:hover, .yellowlink h3 a:hover {text-decoration: underline;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.center {text-align: center;}
.leftgutter {padding-left: 5px;}
.clearleft {clear: left;}
.hidden, hr {display: none;}
	/* *** *** IMAGES *** *** */
p img {padding: 0; max-width: 100%;}
.alignleft {float: left; margin: 0 10px 5px 0;}
.alignright {float: right; margin: 0 0 5px 10px;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
.topspace {margin-top: 10px;}
/* End ---------------------------------- global styles ----------------------------------- */



/* Begin -------------------------------- overall layout ---------------------------------- */
#container {margin: 0 auto; width: 940px;}
#outerpage {float: left; width: 940px; background: url(images/pagebg.png) repeat-y;}
#innerpage {float: left; width: 920px;}
#sidebar {float: left; width: 210px; padding: 5px;}
#header, #topnav, #content {float: left; padding: 0 20px;}
#header {width: 660px; background: url(images/topbg.jpg) 2px 0 no-repeat; height: 90px;}
#topnav {width: 660px; background: #fcd938; height: 30px;}
#subnav {float: left; width: 660px; padding: 8px 20px 0 18px; margin: 0 0 20px 2px; background: #fff755; border-top: 2px solid #fd0; border-bottom: 1px solid #fe0;}
#nosubnav {float: left; width: 698px; margin: 0 0 20px 2px; height: 8px; background: #fff755; border-top: 2px solid #fd0; border-bottom: 1px solid #fe0;}
.narrowcolumn {width: 520px;}
.widecolumn {width: 660px;}
#rightcolumn {float: right; padding-right: 20px; width: 120px;}
#footer {float: left; clear: both; padding: 0 20px; width: 880px; background: #fcd938;}
/* End ---------------------------------- overall layout ---------------------------------- */



/* Begin -------------------------------- sidebar ----------------------------------------- */
.glyphs {float: left; width: 29px; height: 145px;}
.glyphs a {float: left;}
a.yellowbg:link, a.yellowbg:visited {background: #fee937;}
a.yellowbg:hover, a.yellowbg:active {background: #ff3;}
a.orangebg:link, a.orangebg:visited {background: #fec52a;}
a.orangebg:hover, a.orangebg:active {background: #fe9d2a;}
.logospacer {float: left; width: 29px; height: 30px;}
.textinput {float: left; padding-left: 3px; padding-top: 3px; color: #333; font: 0.9em Georgia, 'Times New Roman', Times, serif;}
#newsletter {float: left; width: 200px; height: 25px; margin-top: 5px; padding: 0 5px; background: #f8c90d;}
#newsemail {width: 140px; height: 15px; margin-top: 3px; background: #fcf895; border: 1px solid #fe9d2a;}
#newslettersubmit {float: right; margin-top: 3px;}
#sidebar h2 {float: left; width: 210px; height: 25px; margin: 10px 0 5px 0;}
#sidebar ul li {list-style: none;}
#sidebar ul li ul li {font-size: 0.9em;}
#sidebar ul li ul li a {float: left; width: 200px; padding: 3px 5px 2px 5px; font-weight: bold; border-bottom: 1px solid #fcd938;}
#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited {background: #f8c90d; color: #781854;}
#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active {background: #f47915; color: #fdfa20;}
#sidebar ul li ul li.feature {float: left; width: 210px; line-height: 1; margin: 0; padding: 0 0 5px 0; background: #f8c90d; border-bottom: 1px solid #fcd938;}
#sidebar ul li ul li.feature a {width: auto; float: none; background: none; border: none; line-height: 1.2em; padding: 0;}
#sidebar ul li ul li.feature a.booklink:hover {color: #01a140;}
#sidebar ul li ul li.feature a img {float: left; margin: 0 5px; width: 50px; height: 50px; border: 1px solid #fcd938;}
#sidebar ul li ul li.feature a:hover img {border: 1px solid #00a642;}
#sidebar ul li ul li.feature p {margin: 5px 0 0 0; font-size: 0.9em;}
/* #searchform {margin: 10px auto; padding: 5px 3px;} */
#sidebar ul li ul li#translations a {width: 16px; border: none; padding: 1px;}
#translation_bar a img {width: 16px; height: 11px;}
.leftblock {float: left; width: 210px; margin: 1px 0;}
.lightestor {background: #f8c90d;} .lightor {background: #f7b502;} .midor {background: #ea9207;} .darkor {background: #f47915;}
.shortest {height: 5px;} .short {height: 10px;} .medium {height: 20px;} .tall {height: 50px;}
/* End ---------------------------------- sidebar ----------------------------------------- */



/* Begin -------------------------------- header/topnav ----------------------------------- */
#rsstop {float: left; margin-top: 69px; padding-right: 10px;}
#tophomelink {float: left; width: 485px; height: 90px;}
#topnav ul li {float: left; margin-top: 5px; font-weight: bold; font-size: 1.1em;}
#topnav ul li a {float: left; padding: 4px 10px 1px 10px; height: 16px;}
#topnav ul li a:link, #topnav ul li a:visited {color: #484848; border-bottom: 1px solid #fcd938; border-right: 1px solid #fc0; border-left: 1px solid #fc0;}
#topnav ul li a:hover, #topnav ul li a:active {color: #00a642; border-bottom: 1px solid #f8c90d; border-right: 1px solid #faba00; border-left: 1px solid #faba00; background: #f9d323;}
#topnav ul li a.navon:link, #topnav ul li a.navon:visited {color: #b38; border-bottom: 4px solid #fc0; background: #fde63a;}
#topnav ul li a.navon:hover, #topnav ul li a.navon:active {color: #00a642; border-bottom: 1px solid #f8c90d; background: #f9d323;}
#topnav ul img {float: left; margin-top: 6px;}
.donate {margin-top: 5px; font: bold 1.4em 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;}
.donate img {vertical-align: -3px;}
.donate a {float: left; height: 20px;}
.donate a:link, .donate a:visited {background: #00a642; color: #fdfa20;}
.donate a:hover, .donate a:active {background: #fdfa20; color: #00a642;}
#subnav ul li {float: left; font-weight: bold; font-size: 1em;}
#subnav ul li a {float: left; padding: 0 10px;}
#subnav ul li a:hover, #subnav ul li a:active {text-decoration: underline;}
#subnav ul li a.subnavon {color: #926;}
#subnav span {float: left; font-weight: bold; font-size: 1.5em; margin-top: -3px; color: #fcd938;}
/* End ---------------------------------- header/topnav ----------------------------------- */



/* Begin -------------------------------- content ----------------------------------------- */
#aboutmyanmar {width: 120px; margin-top: 48px;}
#aboutmyanmar img, #aboutmyanmar ul {float: left;}
#aboutmyanmar ul {padding: 10px 2px 5px 2px; width: 116px; font-size: 0.8em; font-weight: bold; background: #fcd938; color: #781854;}
#aboutmyanmar ul li a {float: left; width: 110px; padding: 2px 3px 1px 3px; border-bottom: 1px solid #f8c90d;}
#aboutmyanmar ul li a:link, #aboutmyanmar ul li a:visited {color: #781854;}
#aboutmyanmar ul li a:hover, #aboutmyanmar ul li a:active {background: #f47915; color: #fdfa20;}
#googleads {float: left; margin: 40px 0;}
.slideshowbox {float: left; margin-right: 20px; margin-bottom: 20px; border: 2px solid #fcd938;}
.slideshow {margin: 0; text-align: left;}
.post {clear: left; margin-bottom: 40px;}
.entry p, .entry ul, .entry ol {font-size: 1.1em;}
.entry ol {list-style: decimal inside;}
.entry ul {margin: 10px 0 20px 0; list-style: disc inside;}
.entry ul li, .entry ol li {margin-bottom: 3px;}
.entry ul li ul {padding: 0 20px; font-size: 1em;}
.entry img, .entry a:link img, .entry a:visited img {border: 2px solid #fcd938;}
.entry a:hover img, .entry a:active img {border: 2px solid #00a642;}
.entry a img.noborder, .entry a.noborder {border: 0 none;}
.entry .donate a {font-size: 1.2em; padding: 1px 5px 3px 5px; border: 1px solid #fcd938;}
#sectionfeatures {width: 660px;}
.halfwide {width: 320px;}
.halfwide h3 {margin: 0 0 5px 0;}
.halfwide p {margin: 5px 0;}
.wpcf7 p {margin: 5px 0;}
.wpcf7-form-control-wrap input {width: 200px;}
#partners {font-size: 1.2em; margin-top: 20px; /* line-height: 1.4; */}
ul.postmetadata {margin: 20px 0 7px 0; font: 1.2em Georgia, 'Times New Roman', Times, serif; font-variant: small-caps; line-height: 1;}
ul.postmetadata li {margin-bottom: 3px;}
.participate {clear: left; float: left; margin-bottom: 40px; width: 520px; font-size: 1.3em;}
.sharepage {margin-top: 20px;}
span.sharethis a {color: #00a642;}
span.sharethis a:hover {text-decoration: underline;}
.rssiconmini {background: url(images/rssicon-mini.png) no-repeat; padding-left: 15px;}
.navigation {float: left; margin-bottom: 40px; width: 520px; font-weight: bold;}
#respond {margin-bottom: 40px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform p {margin: 5px 0;}
.commentlist {text-align: justify;}
.commentlist li {margin: 10px 0; padding: 5px 5px 5px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px; font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #fcd938; padding: 2px; background: #e2dd62;}
.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 {}
.thread-alt {background-color: #efea7b;}
.depth-1 {border: 1px solid #fcd938;}
.even, .alt {border-left: 2px solid #fcd938;}
.alt {padding: 10px;}
.children {padding: 0;}
/* End ---------------------------------- content ----------------------------------------- */



/* Begin -------------------------------- footer ------------------------------------------ */
#contentbottom {float: left; padding-left: 220px;}
#credits {float: left; width: 180px; margin: 20px 0 10px 0; padding-right: 40px; font-size: 0.9em;}
#credits img {float: left; padding-right: 5px;}
#credits p a {color: #333;}
#credits a:hover {text-decoration: underline;}
#rssbottom {margin-top: 10px;}
.sitecat {float: left; padding: 0 35px 0 5px; margin: 20px 0; border-left: 2px solid #f8c90d;}
.sitecat a, #credits a {font-weight: bold;}
/* End ---------------------------------- footer ------------------------------------------ */



/* *******  EXTRAS  ******* */
/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {border: 0 none;}
.wp-caption p.wp-caption-text {padding: 0 4px 5px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#topnav ul li a {padding: 3px 10px 2px 10px;}
	#subnav {padding-bottom: 1px;}
	#newsemail {height: 17px;}
	.textinput {padding-top: 1px;}
}