/* @override http://www.psod.org.ph/ver2/css/master.css */

/*
Master styles for PSOD
version: 1.0
*/



html {background: #422054 url(../i/bg.jpg) no-repeat 50% 2px; border-top: 2px solid #01b5f0;}

body {color: #5f5f5f;}
strong{font-weight: bold;}
hr {display: none;}
em {font-style: italic;}

.left {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.right {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}





/* Header */

#hd {
	display: block;
	height: 155px;
	width: 100%;
	position: relative;
}

#hd #logo {
	background: url(../i/bg_logo.png) no-repeat top left;
	display: block;
	height: 120px;
	width: 325px;
}

#hd #logo img {display: none;}
#hd .donate {position: absolute; top: 0; right: 19px;}
#hd .donate a {
	background: url(../i/btn_donation.png) no-repeat top left;
	display: block;
	height: 34px;
	width: 209px;
	text-indent: -10000px;
	outline: 0;
}

/* Search */

#hd #search {
	background: #e6dbeb url(../i/bg_search.jpg) no-repeat top left;
	display: block;
	height: 27px;
	width: 208px;
	position: absolute;
	top: 61px;
	right: 19px;
}
#hd #search form {background: url(../i/icn_search.png) no-repeat 185px 5px; height: 27px;}
#hd #search input.text {background: transparent; border: none; color: #9e89a9; padding: 7px 0 0 5px;}

/* Navigation */

.nav {background: url(../i/bg_nav.jpg) repeat-x top left; display: block; height: 34px; width: 750px; position: absolute; left: 0; bottom: 0;}
.nav li {display: block; float: left;}
.nav li a{color: #6c6471; display: block; font-weight: bold; font-size: 93%; text-decoration: none; text-transform: uppercase; padding: 12px 10px 6px 10px;}
.nav li a:hover{background: #1179dd; color: #fff;}


/* Body Styles */

#bd {background: #fff; padding-bottom: 10px;}
.featrow {background: #0d68d7 url(../i/bg_featrow.jpg) repeat-x top left; color: #fff; margin-top: -5px;}

.featrow .feat1,
.featrow .feat2,
.featrow .feat3,
.featrow .feat4 {
	background: url(../i/bg_featbox.gif) no-repeat 0 15px;
	display: block;
	float: left;
	margin-right: 14px;
	width: 175px;
	
    /* min-height hack for ie6 */
    min-height: 140px;
    height: auto !important;
    height: 140px;
}

.featrow .feat1 {background: none;}
.featrow .feat4 {margin-right: 0;}

.featrow h3,
.featrow p {
	font-size: 85%;
}
.featrow p {margin: 0 0 .6em 1.4em !important;}
.featrow img {margin: 0 0 .6em 1.2em !important;}

.featrow a {color: #fff; outline: none;}
.featrow a:hover {text-decoration: none;}

.featrow h3 {display: block; margin: 17px 0 17px 15px !important; padding: 0 !important; text-indent: -1000px;}

.featrow h3.hd_about {
	/* background: url(../i/bg_feat_about.png) no-repeat top left;*/
	background: url(../i/bg_feat_petition.png) no-repeat top left;
	height: 18px;
	width: 123px;
}

.featrow h3.hd_patients {
	background: url(../i/bg_feat_patients.png) no-repeat top left;
	height: 18px;
	width: 132px;
}

.featrow h3.hd_help {
	/*background: url(../i/bg_feat_help.png) no-repeat top left;*/
	background: url(../i/bg_feat_law.png) no-repeat top left;
	height: 18px;
	width: 136px;
}

.featrow h3.hd_projects {
	/*background: url(../i/bg_feat_projects.png) no-repeat top left;*/
	background: url(../i/bg_feat_help.png) no-repeat top left;
	height: 18px;
	width: 132px;
}

.featrow h3.hd_newsletter {
	background: url(../i/bg_feat_newsletter.png) no-repeat top left;
	height: 18px;
	width: 132px;
}

/* Inner content styles */

#bd h2 {border-bottom: 1px solid #dfdff1; color: #422054; font-size: 182%; font-weight: bold; padding: 20px 0 3px 12px; margin-left: -12px;}
#bd h3 {font-size: 123.1%; font-weight: bold; padding: .8em 0;}
#bd h4 {font-size: 108%; font-weight: bold; padding: .8em 0;}
#bd h5 {font-size: 100%; font-weight: bold; padding: .8em 0;}

#bd p {
	font-size: 93%;
	line-height: 1.4em;
	margin: 0 1.6em 1.2em 0;
}

#bd p img.left {
	margin-top: 20px;
}

#bd ol,
#bd ul {
	font-size: 93%;
	margin: 0 3em 1.2em 0;
}

#bd ul li {
	line-height: 1.4em;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 .6em 1.2em;
}

#bd ol li {
	line-height: 1.4em;
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 0 .6em 1.2em;
}

#bd .linklist li {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 1em 0;
}


#bd table {width: 95%;}
#bd table th {background: #704786; border: 1px solid #fff; color: #e2e2f6; font-weight: bold; padding: 5px 5px;}
#bd table td {background: #e2e2f6; border: 1px solid #fff; padding: 5px 5px;}

#bd.newsletter .banner {
	background: #dfdff1 url(../i/hd_newsletter.jpg) no-repeat top left;
	display: block;
	height: 140px;
	width: 100%;
	text-indent: -10000px;
	margin: 0 0 10px 0;
}

#bd.newsletter .issue {
	clear: both;
	margin: 0 10px 10px 80px;
}

#bd.newsletter .issue img {
	border: 2px solid #dfdff1;
	float: left;
	margin: 15px 20px 10px 0;
}

#bd.newsletter .issue .text {
	overflow: hidden;
}







/* Sidebar styles */

#sidebar {
	border-right: 1px solid #dfdff1;
}

#sidebar h4 {
	border-bottom: 1px solid #dfdff1;
	font-size: 116%;
	margin: 0 0 10px 0;
	padding: 30px 10px 3px 20px;
}

#sidebar ul {width: 100%;}
#sidebar ul li {list-style-type: none; margin: 0 10px 1px 10px; padding: 0; width: 90;}
#sidebar ul li a{background: #dfdff1; display: block; color: #7675a5; padding: 5px 10px; text-decoration: none;}
#sidebar ul li a:hover{background: #fff;}




/* Footer styles */

#ft {color: #d7c7e0; padding: 10px 0;}
#ft h4{font-weight: bold; font-size: 93%; margin: 0 0 10px 10px;}
#ft p {font-size: 85%;}
#ft a {color: #d7c7e0;}
#ft a:hover {text-decoration: none;}
#ft .connect {display: block; float: left; margin: 0; width: 400px;}
#ft .connect span{margin: 0 20px 10px 10px;}