/*
*****************
Theme Name: CWAsiaPress
Theme URI: http://www.cwasiafund.org/
Description: Custom WP theme for CWAsia Fund
Version: 1.0
Author: Jed Mowshowitz
Author URI:  http://theinterzone.net
Tags: custom header, fixed width, two columns, widgets
*****************
*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption
	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
ol, ul {list-style: none;}
strong {font-weight: bold}
a img {border: none;}
a {text-decoration: none; cursor: pointer;}
/* End ---------------------------------- reset/zero -------------------------------------- */




/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em 'Trebuchet MS', Helvetica, Arial, FreeSans, sans-serif; line-height: 1.5; background: #f9f9f7 url(images/bodybg.gif) repeat-x; color: #8c8c73;}
p, h2, h3, h4 {margin: 15px 0;}
a:link, a:visited {color: #ff7800;}
a:hover, a:active {text-decoration: underline; color: #6cba42;}
h1 {line-height: 1;}
h2 {font: normal 2.2em Geneva, Arial, Helvetica, FreeSans, sans-serif; font-style: italic; letter-spacing: -0.05em; border-bottom: 2px solid #999; line-height: 1;}
h2, h2 a:link, h2 a:visited {color: #ff7800;}
h2 a:hover, h2 a:active {color: #6cba42; text-decoration: none;}
h3 {font-size: 1.6em; font-weight: bold; border-bottom: 1px dotted #ccc;}
h3, h3 a:link, h3 a:visited {color: #666;}
h3 a:hover, h3 a:active {color: #000; text-decoration: none;}
h4 {font-size: 1.4em; font-weight: bold;}
em {font-style: italic;}
strong {color: #776;}
small {font-size: 0.8em;}
blockquote {margin: 15px 30px; padding-left: 7px; border-left: 2px solid #e9e9e6;}
blockquote cite {margin-top: 10px;}
address {margin: 15px 30px; font-size: 1.2em; font-style: oblique;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.spaceleft {padding-left: 15px;}
.topspace {margin-top: 15px;}
.doublespace {margin-top: 30px;}
.hidden, hr {display: none;}
	/* *** *** IMAGES *** *** */
p img {padding: 0;}
.alignleft {float: left; margin: 0 15px 10px 0;}
.alignright {float: right; margin: 0 0 10px 15px;}
.aligncenter {display: block; margin: 15px auto;}
.alignnone {clear: both;}
/* .size-full {width: 840px; height: 593px;} */
.size-large, .attachment-large {max-width: 540px; max-height: 420px;}
.size-medium, .attachment-medium {max-width: 240px; max-height: 300px;}
.size-thumbnail, .attachment-thumbnail {width: 100px; height: 100px;}
	/* *** *** TABLES *** *** */
table {clear: both; font-size: 1em; border: 1px solid #f2f2ef;}
td {padding: 2px 10px 1px 5px;}
thead td {background: #ddd; font-weight: bold;}
	/* *** *** FORMS *** *** */
input, textarea {font: 1.1em Arial, Helvetica, FreeSans, sans-serif;}
/*
#searchform {margin: 0; padding: 0;}
#s {float: left; border: 0; background: transparent; padding: 0 5px 0 3px; width: 194px; height: 18px; margin: 11px 9px 0 2px;}
#searchsubmit {width: 56px; height: 24px; margin: 8px 0 0 0;}
*/
/* End ---------------------------------- global styles ----------------------------------- */




/* Begin -------------------------------- overall layout ---------------------------------- */
#page {background: #fff; width: 840px; margin: 0 auto; padding: 0 30px;}
#header {float: left; width: 840px; height: 185px; margin: 15px 0;}
#splash {float: left; width: 840px; height: 659px; margin-bottom: 30px;}
#content {float: left; width: 540px; padding: 0 90px 0 0; margin-bottom: 30px;}
#sidebar {float: left; width: 210px; margin-bottom: 30px;}
#footer {clear: both; width: 840px; /* height: 60px; */ padding: 15px 0; margin-top: 30px; text-align: center; color: #a8a88d; background: url(images/footerbg.gif) repeat-x;}
/* End ---------------------------------- overall layout ---------------------------------- */




/* Begin -------------------------------- header/topnav ----------------------------------- */
#header h1, #header h1 a {float: left; margin: 0; width: 275px; height: 120px; background: #ff8400 url(images/cwlogo.gif) no-repeat;}
#topchildren {padding-left: 15px; float: left; width: 550px; height: 120px; background: url(images/top-children1.jpg) no-repeat 15px 0;}
/* #tasteworld, #silentauction {float: left; width: 275px; height: 120px;} */
#topnav {float: left; width: 840px; height: 50px; margin: 15px 0 0 0; background: #777;}
#topnav ul {list-style: none;}
#topnav ul li {float: left; list-style-type: none; padding: 10px 0 0 10px; font: bold 1.1em Helvetica, Arial, FreeSans, Tahoma, sans-serif;}
#topnav ul li a {float: left; padding: 9px 10px; height: 12px; background-color: #f3f3f3; background-image: url(images/nav-offbg.png); background-repeat: repeat-x;}
#topnav ul li a:link, #topnav ul li a:visited {background-position: 0 0; color: #666;}
#topnav ul li a:hover, #topnav ul li a:active {background-position: 0 -30px; color: #ff8400; text-decoration: none;}
#topnav ul li a.navon {background: #f93 url(images/nav-onbg.png) repeat-x; color: #fff;}
#topnav ul li a.navon:hover {color: #000;}
#topnav ul li#donate {float: right; padding-right: 10px;}
#topnav ul li#donate a {padding: 0; width: 98px; height: 30px; background: #f5eee6 url(images/donatebg.png) no-repeat;}
#topnav ul li#donate a:link, #topnav ul li#donate a:visited {background-position: 0 0;}
#topnav ul li#donate a:hover, #topnav ul li#donate a:active {background-position: 0 -30px;}
/* End ---------------------------------- header/topnav ----------------------------------- */




/* Begin -------------------------------- content ----------------------------------------- */
#splash p {margin: 0;}
#content h2 {width: 540px; text-align: right; margin-bottom: 0;}
#content h3 {width: 540px; margin: 30px 0;}
.post {float: left; clear: left; width: 540px; margin-top: 60px;}
.postdate {width: 540px; text-align: right; color: #aaa; font-weight: bold;}
.entry {margin-bottom: 30px;}
.entry img {max-width: 540px;}
.entry img, .entry a:link img, .entry a:visited img, .bigslideshow, .navigation a:link img, .navigation a:visited img {border: 1px solid #bbb; padding: 2px; background: #f3f3f0;}
.entry a:hover img, .entry a:active img, .navigation a:hover img, .navigation a:active img {border: 1px solid #666; padding: 2px; background: #dadad7;}
.bigslideshow {float: left; margin-bottom: 30px;}
.slideshow {margin: 0; text-align: left;}
.entry ol {list-style: decimal inside; margin: 10px 0;}
.entry ul {list-style: disc inside; margin: 10px 0;}
.more-link {float: left; clear: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
a.more-link {color: #6cba42;}
.postmetadata {float: left; clear: left; width: 540px; margin: 0; text-align: right;}
.sharing {float: right; font: bold 1.1em Helvetica, Arial, FreeSans, Tahoma, sans-serif;}
.postfooter {float: left; width: 540px; height: 64px; margin-top: 30px; background: #f9f9f7 url(images/postbottom-bg.gif) repeat-x;}
.navigation {float: left; clear: left; width: 540px; margin: 30px 0 15px 0; padding-bottom: 5px; font-weight: bold; font-size: 1.2em; line-height: 1; border-bottom: 1px dotted #ccc;}
.navigation a {color: #6cba42;}
.navigation a:hover {text-decoration: underline;}
/* End ---------------------------------- content ----------------------------------------- */




/* Begin -------------------------------- comments ---------------------------------------- */
#comments {float: left; margin: 14px 0; clear: left; width: 540px; /* padding: 14px 0; */ }
.nocomments {clear: left; margin: 28px 0; padding: 0 14px; font-size: 1.2em;}
.commentlist {}
.commentlist li {margin: 14px 0; padding: 7px; list-style: none; font-size: 0.9em;}
.commentlist li ul li {margin-right: -7px; margin-left: 14px; font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #b2b2b2; padding: 2px; background: #eee;}
.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: 14px 7px 14px 0;}
.commentmetadata {display: block; font-weight: normal;}
.thread-alt {background-color: #eee;}
.thread-even {background-color: #fff;}
.depth-1 {/* border: 1px solid #ddd; */}
.even, .alt {/* border-left: 2px solid #ddd; */}
.alt {margin: 0; padding: 7px;}
.children {}
#respond {margin-bottom: 28px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform p {margin: 7px 0;}
/* End ---------------------------------- comments ---------------------------------------- */




/* Begin -------------------------------- sidebar ----------------------------------------- */
#sidebar h2 {width: 210px;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 30px;}
#sidebar ul ul, #sidebar ul ol {margin: 0 0 30px 0;}
#sidebar ul ul li {margin: 0;}
#sidebar ul ul.latestposts li {margin-bottom: 10px;}
#sidebar ul ul#subicons li {float: left; margin: 0 15px 10px 0;}
#sidebar ul li p {clear: left;}
#sidebar ul li p img, #sidebar ul li p a:link img, #sidebar ul li p a:visited img {border: 1px solid #bbb; padding: 4px; background: #f3f3f0;}
#sidebar ul li p a:hover img, #sidebar ul li p a:active img {border: 1px solid #666; padding: 4px; background: #dadad7;}
#sidebar ul ul#infonav li {background: url(images/infolisticon.png) no-repeat 0 3px; padding-left: 20px; font-size: 1.2em; font-weight: bold;}
#sidebar ul ul#infonav li a {color: #333;}
#sidebar h3 {font-size: 1.2em;}
#sidebar h3 a {color: #ff7800;}
#sidebar h3 a:hover {text-decoration: underline; color: #6cba42;}
#sidebar a.eventslink {color: #6cba42; font-weight: bold;}
#sidebar a.eventslink:hover {text-decoration: underline;}
#sidebar ul li#recentprojects p {font-size: 0.9em;}
#sidebar ul li.widget_tag_cloud a {color: #333;}
#sidebar ul li.widget_tag_cloud a:hover {text-decoration: underline;}
/* End ---------------------------------- sidebar ----------------------------------------- */




/* Begin -------------------------------- footer ------------------------------------------- */
.contactinfo {font-size: 0.9em;}
/* End ---------------------------------- footer ------------------------------------------- */



@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */

}