/**

Theme Name: WE International Philippines Inc. 
Theme URI: http://www.weinternational.org.ph/
Description: WE International Philippines is a registered NGO that raises awareness of and provides sustainable ways to respond to poverty and injustice in the Philippines by facilitating economic development through education projects, micro lending, and sustainable business development services. 
Version: 1.0 
Author: David 'Flatcat' Ronnie
Author URI: http://www.theflattestcat.ca
 
*/ 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{
	font-family: "Lucida Grande", Lucida, Helvetica, Arial, Verdana;
	font-size: 12px;
	background: #6e6868 url(http://www.weinternational.org.ph/wp-content/themes/weip/images/bg.jpg) top center no-repeat;
	text-align: center;
}

a, a:link, a:visited{
	color: #444;
	text-decoration: none;
}

a:hover, a:active{
	color: #777;
	text-decoration: underline;
}


/**
  layout
*/


#container{
	width: 834px;
	margin: 0 auto;
}

#content-container{
	width: 834px;
	background: url(http://www.weinternational.org.ph/wp-content/themes/weip/images/content-tile.png) top center repeat-y;
}

#content{
	float: left;
	width: 500px;
	text-align: left;
	margin: 0 0 30px 31px;
}

#sidebar{
	float: right;
	background-color: #d6dbe7;
	border: #b8bdca thin solid;
	width: 236px;
	margin: 0 32px 15px 15px;
	text-align: left;
}
.sidebar-content{
	margin: 5px;
}
#sidebar h2{
	margin: 10px 0 0 0;
	text-decoration: underline;
}

ul{
	line-height: 150%;
	margin: 0 0 0 0;
}

ul li{
	margin: 0 0 0 0;
}
/* sub-nav */

#sub-nav{
	width: 236px;
}

#sub-nav li{
	font-size: 12px;
	font-weight: bold;
	border-bottom: #b8bdca thin solid;
	text-align: left;
}

#sub-nav .current_page_item{
	background-color: #737d95;
	color: #fff;
}

#sub-nav a, #sub-nav a:link, #sub-nav a:visited{
	display: block;
	width: 221px;
	height: 20px;
	padding: 5px 0 0 15px;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
}

#sub-nav a:hover, #sub-nav a:active{
	background-color: #f0f3f8;
	color: #444;
}

/**
  specialize
*/

#logo{
	float: left;
}

#index-header-pic{
	margin: 38px auto;
}

#index-header-pic p{
	font-size: 9px;
	color: #aaa;
	margin: 0 40px;
	text-align: left;
}


h1{
	text-align: left;
	margin: 0 0 30px 31px;
	font-size: 18px;
}

h2{
	font-size: 14px;
	margin: 5px 0 10px 0;
}

p{
	line-height: 150%;
	padding: 0 0 10px 0;
}

#footer-left{
	color: #fff;
	text-align: left;
	padding: 0 0 5px 31px;
}

#donate-button{
	margin: 15px auto;
}

#content-list{
	line-height: 150%;
	margin: 0 0 10px 25px;
	list-style-type: square;
}

#content-list li{
	margin: 0 0 5px 0;
}

ol{
	line-height: 150%;
	margin: 0 0 10px 25px;
}

ol li{
	margin: 0 0 5px 0;
}

.director-pic{
	float: right;
	margin: 0 10px 15px 10px;
	padding: 5px;
	border: #ccc thin solid;
}

.blog-post-content p{
	line-height: 150%;
	background: none;
}

.post-tag{
	margin: 25px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 10px;
	background: none;
}

.post-tag a, .post-tag a:link, .post-tag a:visited{
	color: #666;
	font-style: normal;
	text-decoration: none;
}

.post-tag a:hover, .post-tag a:active{
	color: #999;
}

.post-cat{
	color: #666;
	padding: 0;
	font-size: 10px;
	background: none;
}

.post-cat a, .post-cat a:link, .post-cat a:visited{
	color: #666;
	font-style: normal;
	text-decoration: none;
}

.post-cat a:hover, .post-cat a:active{
	color: #999;
}

.cont-reading{
	font-size: 16px;
	float: right;
	margin: 5px 0 10px 0;
	background: none;
}


#footer-left{
	font-size: 9px;
	color: #aaa;
	text-decoration: none;
}

a#footer-link, a#footer-link:link, a#footer-link:visited{
	color: #ccc;
	text-decoration: none;
}

a#footer-link:hover, a#footer-link:active{
	color: #aaa;
	text-decoration: underline;
}

#prevNext{
	width: 500px;
	margin: 25px 0 15px 0;
}

#prev{
	float: left;
	width: 290px;
}

#next{
	float: right;
	width: 290px;
	text-align: right;
}

.fltr{
	float: right;
}

.fltl{
	float: left;
}


/*
========
nav styles
========
*/
#nav { padding: 35px 0 0 0; margin: 0 auto;  width: 834px; height: 35px; position: relative; } 
ul#nav { list-style-type: none; overflow: hidden; padding: 0; margin: 0; background: transparent url(http://www.weinternational.org.ph/wp-content/themes/weip/images/nav.jpg) no-repeat 0 0; bottom: 0; left: 0; width: 834px; height: 35px; } 
ul#nav li a { text-indent: -1000em; text-decoration: none; padding: 35px 0 0 0; overflow: hidden; background: transparent url(http://www.weinternational.org.ph/wp-content/themes/weip/images/nav.jpg) no-repeat 0 0; position: absolute; top: 0; height: 0px !important; height /**/:35px; /* IE5/Win */ } 
ul#nav li#philippines a { background-position: 0 0; width: 170px; left: 0; } 
ul#nav li#philippines a:hover { background-position: 0 -35px; }
ul#nav li#corporate-info a { background-position: -170px 0; width: 165px; left: 170px; } 
ul#nav li#corporate-info a:hover { background-position: -170px -35px; }
ul#nav li#programs a { background-position: -335px 0; width: 115px; left: 335px; } 
ul#nav li#programs a:hover { background-position: -335px -35px; }
ul#nav li#gallery a { background-position: -450px 0; width: 95px; left: 450px; } 
ul#nav li#gallery a:hover { background-position: -450px -35px; }
ul#nav li#partners a { background-position: -545px 0; width: 105px; left: 545px; } 
ul#nav li#partners a:hover { background-position: -545px -35px; }
ul#nav li#contact a { background-position: -650px 0; width: 100px; left: 650px; } 
ul#nav li#contact a:hover { background-position: -650px -35px; }
ul#nav li#news a { background-position: -750px 0; width: 84px; left: 750px; } 
ul#nav li#news a:hover { background-position: -750px -35px; }



/**
	Comments
	
*/

ol.commentlist { width: 600px; margin: 0; padding: 0;}
ol.commentlist li { width: 90%; margin: 0; padding: 0; float: right; margin: 5px 0;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser { background-color: #fff; border: #b1cbdd thin solid; padding: 10px;}
ol.commentlist li.comment-author-admin { background-color: #fff; border: #b1cbdd thin solid; padding: 10px;}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float: left; margin: 0 15px 0 0;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size: 9px; margin: 3px;}
ol.commentlist li.comment div.comment-meta a { color: #9c9381;}
ol.commentlist li.comment div.comment-meta a:hover { color: #554f42;}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin { background-color: #fff; border: #b1cbdd thin solid; padding: 10px;}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background-color: #ccc; border: #ddd1b1 thin solid; padding: 10px;}
ol.commentlist li.odd { background-color: #eaeef3; border: #beb08d thin solid; padding: 10px;}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even { background-color: #ccc; border: #ddd1b1 thin solid; padding: 10px;}
ol.commentlist li.thread-odd { background-color: #eaeef3; border: #beb08d thin solid; padding: 10px;}  


/* Fancy Box */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fb/fancy_progress.png') no-repeat;
	background: transparent url('images/fb/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fb/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fb/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fb/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fb/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fb/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fb/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fb/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fb/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fb/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fb/fancy_title_right.png) repeat-x;
}

/* End Fancy Box */