/*
	
	Author Name	  : Sean Aquino
	Author email  : sean [at] design-uchi [dot] com
	Style Name	  : lpfi 2008
	Created		  :	04-2008
	Comments	  : Base styles take from yui ver.2.5.1
					
*/


/*  tag reset                    
**********************************************/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/* base layout                     
**********************************************/

/*positioning defaults- shouldn't need to edit*/
html { margin: 0 0 1px 0; min-height: 100%;background:#DEDDCC;} /*prevents scrollbar shift*/
body{text-align:center; }
#ft{clear:both;}
.bd-col{position:relative;}
#main-col .bd-col{position:static;}
#main-col{width:100%;}
#bd:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#main-col .bd-col{float:none;width:auto;}

#doc,#doc2,.twocol-300right {margin:auto;text-align:left;width:57.69em;min-width:750px;}
#doc2{width:73.076em;}

.twocol-240right .bd-col {float:right; width:18.4615em; *width:18.00em;}
.twocol-240right #main-col .bd-col {margin-right:19.4615em; *margin-right:19.125em;}
.twocol-240right #main-col { margin-top:15px; float:left;margin-right:-25em; padding-bottom:0px;/* IE: preserve layout at narrow widths */}

.twocol-300right #main-col{float:left;margin-right:-25em;}
.twocol-300right .bd-col{float:right;width:23.0769em;}
.twocol-300right #main-col .bd-col{margin-right:24.0769em;}

.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;}
.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


/* lpfi.org specific spacing and backgrounds */
body {background:url(../images/page-bg.png) 0px 0px repeat-x #DEDDCC;}
.twocol-300right #main-col {background: url(../images/main-bg.gif) 0px 0px repeat-y; border-top:1px solid #C8C7BF; border-bottom:1px solid #C8C7BF; padding-bottom:120px;}
#main-col {background: none #FFFFFF; border-top:1px solid #C8C7BF; border-bottom:1px solid #C8C7BF; padding-bottom:120px;}
#main-content {padding: 20px 25px; font-size:1em;}
.twocol-300right #main-content {padding:20px 25px 20px 15px;}
#mainnav-bar-wrapper { position:absolute; top:66px; left:0px; margin-left:0px;}
#sidebar {padding: 20px 10px; font-size:1em;}


/* default styles                     
**********************************************/

h1 {font-size:1.8em; line-height:1.6em; font-weight:bold; margin-bottom: 0.6em;}
h2 {font-size:1.6em; line-height:1.4em; font-weight:bold; margin-bottom: 0.6em;}
h3 {font-size:1.4em; line-height:1.2em; font-weight:bold;  margin-bottom: 0.4em;}
h4 {font-size:1.2em; line-height:1em; font-weight:bold;  margin-bottom: 0.2em;}
h5 { font-size:1em; font-style:italic; line-height:1.4em;}
h6 { font-size:1em; font-style:italic; font-weight:normal; line-height:1.4em;}

strong, label { font-weight:bold; }
em { font-style:italic;}
a:link {color:#7D0C00;}
a:hover { color:#047391;}
a:visited {	color:#AE1000;}

/* default styles within the pagebody, i.e. not the header or footer */
.bd-col p {margin-bottom: 1em; line-height:1.2em;}
.bd-col hr { margin: 10px 0; color:#231F00; height:1px; border: 1px solid #8C8C8C;}
.bd-col ol, .bd-col ul { margin:10px 0px 10px 0px;}
.bd-col ol, .bd-col ol li {list-style:decimal;}
.bd-col ul, .bd-col ul li {list-style: disc; margin-bottom:8px;}
.bd-col li{ margin-left:40px;}

#main-content img, #sidebar img { float:left; margin: 0px 10px 10px 0px;}

.bd-col blockquote {margin: 15px 10px 15px 10px; font-style:italic;}
.bd-col fieldset {border:1px solid #C8C7BF; padding:5px;}

.bd-col dt {margin-top:10px; font-weight:bold;}
.bd-col dd {font-style:italic;}

.bd-col table {margin:10px 0px 10px 0px; border:1px solid #047391;}
.bd-col th { background: #047391; color:#000000; font-weight:bold; text-align:center; padding:5px;}
.bd-col td {padding:5px; border-right:1px solid #047391; border-bottom:1px dotted #047391; vertical-align:top;}
.bd-col table .even, .zebra { background: #BED4DE;}



/* page styles                     
**********************************************/

/*image replacement for site title */
#site-title {background: url(../images/site-title.gif) no-repeat center 0px; width:320px; height:60px;}
#site-title a { display: block; width:320px; height:60px;}
#site-title a:hover { background-color: transparent; text-decoration: none; }
#site-title span { display: block; width: 0; height: 0; overflow: hidden; }

#hd a:link, #hd a:hover, #hd a:visited {text-decoration:none; color:#7D0C00;}
#hdwrapper {position:relative; height:146px;}
#secondary-nav {position:absolute; top:10px; right:0; width:310px; color:#000; text-align:right;}
#missionheader {margin:0px 10px 35px 0px; float:left; font-weight:bold;}

/* twitter styles */
#top-story ul#twitter_update_list {list-style-type:none; padding-left:0px;margin-left:0px}
#top-story ul#twitter_update_list li {display:inline;}
#top-story ul#twitter_update_list li span {display:block;}
#top-story img {float:left; margin-right:5px;}

/*general page styles*/
#top-story { position:absolute; top:72px; width:450px;}

#sidebar li{ margin-left:20px;}


/* special case styles                     
**********************************************/

.large-header, .large-header:link, .large-header:visited{ font-size:4em; line-height:.8em; text-decoration:none; color:#000000;}
.large-header:hover { color:#047391;}

.wp-header, .wp-header:link, .wp-header:visited{ font-size:3em; line-height:.8em; text-decoration:none; color:#000000;}
.wp-header:hover { color:#047391;}

.boxborder {border:1px solid #C8C7BF; padding:5px;}
.hidden {display:none;}
.spacing {margin:20px 0px;}
.topspacing { margin-top:40px;}
.bottomspacing { margin-bottom:40px;}
.center {text-align:center;}
.right {text-align:right;}
.clear {clear:both;}

.small {font-size:0.8em;}
.red {color:#7D0C00;}
.large {font-size:1.5em;}
.white {color:#fff;}
.black{color:#000;}
a.no-underline {text-decoration:none;}
.quiet {color:#666666;}


.bd-col .calendar-list, .bd-col .calendar-list li { list-style: url(../images/calendar.png);}
.bd-col .news-list, .bd-col .news-list li { list-style: url(../images/newspaper.png);}

/*image special case styles */
.icon, #main-content .icon, #sidebar .icon {margin:0px 2px; vertical-align: text-bottom;}
.no-float, #main-content .no-float, #sidebar .no-float {float:none; margin: 0px 0px 20px 0px;}
.photocaption { font-size: 0.8em; color:#8C8C8C; font-style:italic;} 
.photocaptioncontainer {float:left; margin-right:10px;}

/*search sidebar*/
#cse-search-box {margin-bottom:10px;}
#cse-search-box legend {display:none;}
#cse-search-box fieldset { border:none; padding:0px;} 
#cse-search-box label {display:none;}
#cse-search-box fieldset ol { display:inline;}
.bd-col #cse-search-box fieldset ol li {clear: none; display:inline; margin-left:0px;}
#sidebar #cse-search-box fieldset input[type='text'], #sidebar #cse-search-box fieldset input.text { width:200px; margin-left:0px;} 
#sidebar #cse-search-box fieldset input[type='submit'], #sidebar #cse-search-box fieldset input.submit { margin-left:0px; }


/*sidebar forms and buttons*/

#donate-sidebar, #maillist-sidebar, #facebook-sidebar, #facebook-homepage, #news-sidebar {margin:0 1px -1px 1px; padding:0; border:1px solid #D8D8D8;} 
#donate-sidebar div, #maillist-sidebar div, #facebook-sidebar div, #facebook-homepage div, #news-sidebar div { padding: 5px 10px; border:1px solid #FFF;}
#donate-sidebar, #donate-sidebar h3, #donate-sidebar a:link,#donate-sidebar a:visited, #maillist-sidebar, #maillist-sidebar h3, #maillist-sidebar a:link,#maillist-sidebar a:visited {color:#FFFFFF; text-decoration:none; line-height:1em;}


/*donate sidebar*/
#donate-sidebar a:hover, #maillist-sidebar a:hover {color:#FFFFFF; text-decoration:underline;}
#donate-sidebar {background:#7D0C00 url(images/donate-btn-bg.png) repeat-x 0px 0px;}


/*maillist sidebar*/
#maillist-sidebar {background: #067492 url(images/maillist-btn-bg.png) 0px 0px repeat-x;}
#maillist-sidebar legend {display:none;}
#maillist-sidebar fieldset {border:none; margin-bottom:0;}
#maillist-sidebar ol li, #maillist-sidebar ol {display:block; margin-left:0px;}
#maillist-sidebar form fieldset input[type='text'], #maillist-sidebar form fieldset input.text { width:168px;color:#666666; font-style:italic; display:block;}
#maillist-sidebar form fieldset label { display:none; }
#maillist-sidebar form fieldset input[type='submit'], #maillist-sidebar form fieldset input.submit { margin-left:0px; display:block;}

/*facebook sidebar*/
#facebook-sidebar, #facebook-homepage {background:#EDEDED url(none);}
#facebook-sidebar div img.no-float, #facebook-homepage div img.no-float {margin:0;}
/*news sidebar*/
#news-sidebar {background:#F0F0EA url(../images/news-section-bg.png) 0px 0px repeat-x;}

/* twitter styles */
ul#twitter_update_list {list-style-type:none; padding-left:0px;margin-left:0px}
ul#twitter_update_list li {display:inline;}
ul#twitter_update_list li span {display:block;}

/* general forms                    
**********************************************/
form fieldset ol {list-style:none; margin-left:0px;}
.bd-col form fieldset ol li {margin-left:0px; clear: both; margin-bottom:10px; list-style:none; }

#sidebar form fieldset label { float:left; text-align: right; margin-right:10px; width:50px; }
form fieldset label { float:left; text-align: right; margin-right:10px; width: 258px; }
form .choiceset label,#sidebar form .choiceset label{float:none; text-align:left; margin-left:10px;} /*for radios and checkboxes */

/* styles for inputs also needs javascript snippet in scripts/gen.js */
#sidebar form fieldset input[type='text'], #sidebar form fieldset input.text { width:125px;} 
form fieldset input[type='text'], form fieldset input.text { width:190px;} 

#sidebar form fieldset input[type='radio'], #sidebar form fieldset input.radio { margin-left:33px; } 
form fieldset input[type='radio'], form fieldset input.radio { margin-left:238px;}

#sidebar form fieldset input[type='checkbox'], #sidebar form fieldset input.checkbox { margin-left:33px; } 
form fieldset input[type='checkbox'], form fieldset input.checkbox { margin-left:238px; } 

#sidebar form fieldset input[type='submit'], #sidebar form fieldset input.submit { margin-left:60px; }
form fieldset input[type='submit'], form fieldset input.submit { margin-left:265px; }

#sidebar form fieldset input[type='button'], #sidebar form fieldset input.button { margin-left:125px; }
form fieldset input[type='button'], form fieldset input.button { margin-left:299px; }

#sidebar form fieldset input[type='file'], #sidebar form fieldset input.file { clear:both; float:none; width:85px;} 
form fieldset input[type='file'], form fieldset input.file { width:190px; } 

form fieldset select { width:190px; }
#sidebar fieldset select { width:125px; }
#sidebar form fieldset textarea { width:125px;}
form fieldset textarea { width:190px; }

/* donation cart forms */
.donation-product fieldset label { width: 420px; }

/* footer                  
**********************************************/
#ft { margin-top:20px; text-align:center;}
#ft li {display:inline; margin-right:10px;}