/* 
m.css - Master CSS Document
copyright 2009 Foster Cares, Inc.
http://fostercares.tv
*/

/* N O R M A L I Z E */
	
@import url(n.css);

/* N A V - M A R K E R S */
	
@import url(n-m.css);
	
/* G L O B A L - T A G S */
	
html { text-align: center; background: #03202f url(../i/html-bgd.gif) left top repeat-x; }
body { position: relative; margin: 0 auto; width: 775px; text-align: left; font-size: small; font-family: Tahoma, "Lucida Grande", "Lucida Sans", Arial, sans-serif; line-height: 1.5em; color: #666; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { color: #666; text-decoration: none; border-bottom: 1px dashed #666; outline: none; }
a:hover { color: #333; border-bottom: 1px solid #333; }
em { font-style: italic; color: #999; }
strong { font-weight: bold; }
label, button, input[type=submit] { cursor: pointer; }

/* G L O B A L - C L A S S E S */

br.clear { clear: both; }
div.donation-btn { margin: 20px 0 40px 0; text-align: center; }

/* P A G E - W R A P */
	
div#page-wrap { font-size: 90%; }

/* B R A N D I N G */

div#branding { width: 775px; height: 100px; background: url(../i/branding-bgd.jpg) left top no-repeat; }
div#branding div.pad { padding: 60px 20px 0 80px; }
div#branding h1 { float: left; width: 185px; height: 32px; text-indent: -9999px; background: url(../i/h1-bgd.png) left top no-repeat; }
div#branding ul { float: right; height: 32px; }
div#branding ul li { float: left; margin-left: 20px; }
div#branding ul li a { font-size: 125%; color: #e8dcd6; line-height: 32px; border: none; }
div#branding ul li a:hover { color: #fff; border: none; }

/* I C O N */

img#icon { position: absolute; top: 15px; left: -90px; }

/* I N T R O */

body.index div#intro { clear: both; width: 775px; height: 424px; margin-top: 1px; padding-top: 15px; background: #fff url(../i/intro-bgd.jpg) left top no-repeat; }
body.index div#messaging { padding: 15px 40px 15px 80px; color: #ececec; border-top: 1px solid #000; border-bottom: 1px solid #000; background: url(../i/messaging-bgd.png) left top repeat; }
body.index div#messaging h2 { font-size: 200%; margin-bottom: 0.75em; }
body.index div#messaging p { font-size: 155%; line-height: 1.45em; }
body.the-benefits div#intro, body.our-founders div#intro, body.privacy-policy div#intro, body.confirmation div#intro, body.thanks div#intro { clear: both; width: 775px; height: 300px; margin-top: 1px; padding-top: 15px; background: #fff url(../i/intro-2-bgd.jpg) left top no-repeat; }

/* D O N A T E */

body.index div#donate { position: absolute; top: 477px; left: 640px; }
body.the-benefits div#donate, body.our-founders div#donate, body.privacy-policy div#donate, body.confirmation div#donate, body.thanks div#donate { position: absolute; top: 355px; left: 640px; }

/* C O N T E N T - W R A P */

div#content-wrap { font-size: 120%; background: #fff url(../i/site-info-bgd.gif) left bottom no-repeat; }
div#content-wrap h3 { margin: 1.5em 0 0.5em 0; font-size: 130%; color: #cb8935; }
div#content-wrap h3.first { margin-top: 0; }
div#content-wrap h3.mission-heading { margin-top: 2em; }
div#content-wrap p { margin-bottom: 0.5em; }
div#content-wrap ul { margin: 0 4em 0 2em; padding-bottom: 1em; list-style-type: circle; }
div#content-wrap ul li { margin-bottom: 0.5em; }

/* F O U N D E R S - G R A P H I C */

div#founders-graphic { margin: 0 20px 20px 20px; }
div#founders-graphic img { display: block; margin: 3px; }

div#content-wrap div#founders-grid-container { margin-top: 20px; }
div#content-wrap ul#founders-grid { background: url(../i/FoundersGridVerticle.jpg) no-repeat; height: 854px; list-style-type: none; margin: 0; padding: 0; position: relative; width: 686px; }
div#content-wrap ul#founders-grid { margin: 0; }
div#content-wrap ul#founders-grid li a { border: none; display: block; position: absolute; text-indent: -9999px; }
div#content-wrap ul#founders-grid li a img { border: none; height: 0; width: 0; }
div#content-wrap ul#founders-grid li a:hover img { height: 100px; left: 6px; position: absolute; top: 6px; width: 100px; z-index: 50px; }

/* For each grid item, create a new line of code representing it's name. Adjust the height, width and placement as necessary. */

ul#founders-grid li#grid-0001 a { height: 12px; width: 12px; left: 48px; top: 36px; }
ul#founders-grid li#grid-0002 a { height: 12px; width: 12px; left: 60px; top: 24px; }
ul#founders-grid li#grid-0003 a { height: 12px; width: 12px; left: 36px; top: 24px; }
ul#founders-grid li#grid-0004 a { height: 12px; width: 12px; left: 60px; top: 0; }
ul#founders-grid li#grid-0005 a { height: 24px; width: 24px; left: 36px; top: 0; }
ul#founders-grid li#grid-0006 a { height: 36px; width: 36px; left: 0; top: 12px; }
ul#founders-grid li#grid-0007 a { height: 12px; width: 12px; left: 72px; top: 0; }
ul#founders-grid li#grid-0008 a { height: 12px; width: 12px; left: 24px; top: 0; }
ul#founders-grid li#grid-0009 a { height: 12px; width: 12px; left: 12px; top: 0; }
ul#founders-grid li#grid-0010 a { height: 12px; width: 12px; left: 0; top: 0; }

/* P R I M A R Y - C O N T E N T */

div#primary-content { float: left; width: 445px; margin-left: 20px; padding-bottom: 20px; }
body.confirmation div#primary-content, body.thanks div#primary-content { float: none; width: 690px; margin-right: 20px; }

/* S E C O N D A R Y - C O N T E N T */

div#secondary-content { float: right; width: 245px; margin-right: 20px; padding-bottom: 20px; font-size: 90%; }
div#secondary-content p em a { color: #999; border-bottom: 1px dashed #999; }
div#secondary-content p em a:hover { color: #666; border-bottom: 1px solid #666; }
body.confirmation div#secondary-content, body.thanks div#secondary-content { display: none; }

/* N E W S L E T T E R - S I G N U P - F O R M */

form#newsletter-signup-form { margin: 20px 0; }
form#newsletter-signup-form fieldset { padding: 20px; border: 1px solid #cb8935; }
form#newsletter-signup-form label { color: #999; }
form#newsletter-signup-form input#email { display: block; width: 205px; margin-bottom: 10px; padding: 2px 3px; color: #cb8935; font-weight: bold; }
form#newsletter-signup-form input[type=checkbox] { margin: 0 3px 10px 0; }
form#newsletter-signup-form input[type=submit] { display: block; margin-top: 10px; }

/* S I T E - I N F O */

div#site-info { padding: 1em 0; font-size: 80%; text-align: center; color: #999; }
div#site-info a { color: #999; border: none; }
div#site-info a:hover { color: #fff; border: none; }