/* Style Rules for breastcancer.org (Base Structural Layer) */
/* //////////////////////////////////////////////////////////////////////////////
Markup Standards & Styling: Daniel Humann (based on original breastcancer.org design)
Foraker Design - Boulder, Colorado | http://www.foraker.com
///////////////////////////////////////////////////////////////////////////// */

/* The Basics 
------------------------------------------------------------------------------------------------------------------------ */

* { padding: 0; margin: 0; }


html, body {
	min-height: 100%;
	height: 100%;
}


body {
	margin: 0;
	padding: 0;
	font-size: medium;
}



/* Parent Container
------------------------------------------------------------------------------------------------------------------------ */

#foundation {
	position: relative;
	width: auto;  	/* width set to '760px' for Fixed-width and 'auto' for Fluid-width ; */
	margin: 0 auto;
}


/* ---- Layout Wrapper ---- */

#wrap, #footer {
	position: relative;
	height: auto;
	min-width: 760px; /* 760px */
	max-width: 80em; /* 1280px */
	margin: 0 auto;
	text-align: left;
}


#top {
	display: none;
}
		
#masthead {
	margin: 0;
}



/* Core Content
------------------------------------------------------------------------------------------------------------------------ */

#content {
	position: relative;
	margin: 0;
	padding: .25em 0;
	z-index: 10;
}

body.dictionary #content {
	text-align: center;
}

/* Main Content Wrapper
------------------------------------------------------------------------------------------------------------------------ */

#main {
	position: relative; 
	float: right;
	width: 67%;
	height: auto;
	z-index: 100;
	margin: 0 1em 1em 0.5em;
}


/* hr rules required to repair min-width problems with IE 6/Win. */

hr.hrleft, hr.hrright { width: 160px; }
hr.hrmid { width: 407px; }
hr.hrfull { width: 760px; }




/* --- "Main" in Dictionary --- */

body.dictionary #main {
	float: none;
	width: 80%;
}



body.info #main,
body.forum #main {
	float: none;
	width: 90%;
}

body.forumHome #main {
	float: left;
	width: 68%;
	margin: 0 4px 0 8px;
}



#crumbs {
	display: block;
	text-align: left;
}



/* Sidebar
------------------------------------------------------------------------------------------------------------------------ */

body.dictionary #options {
	width: 80%;
}



#sidebar {
	float: left;
	width: 28.5%;
	height: auto;
	margin: 0 0 2px 2px;
}



body.forumHome #sidebar {
	float: right;
	margin: 2.75em 4px 2px 0;
}


/* Special cases */
body.illustration {background-color:#ffe;}
body.illustration div#imageDisplay {padding:2em;}
body.illustration img {margin-bottom:20px;}
body.illustration p {margin-bottom:7px;}
body.illustration ul {margin-left:25px; margin-bottom:20px;}
body.illustration ul li {padding-bottom:5px;}


/* Footer
------------------------------------------------------------------------------------------------------------------------ */

#footer {
	clear: both;
	padding: .5em;
}


/* Clearfix
------------------------------------------------------------------------------------------------------------------------ */
.clearfix:after, .psaInfo:after, .celebPsaInfoBlock:after, #stagesandkey:after, #content:after, .dictionaryInfoBlock:after, #donationConfirmation div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .psaInfo, .celebPsaInfoBlock, #stagesandkey, #content, .dictionaryInfoBlock, #donationConfirmation div {display: inline-block; _height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix, * html .psaInfo, * html .celebPsaInfoBlock, * html #stagesandkey, * html #content, * html .dictionaryInfoBlock, * html #donationConfirmation div {height: 1%;}
.clearfix, .psaInfo, .celebPsaInfoBlock, #stagesandkey, #content, .dictionaryInfoBlock, #donationConfirmation div {display: block;}