/* * * * * * * * * * * * * * * * * * */
/*  CSS file for MHD Web site.     */
/* * * * * * * * * * * * * * * * * * */
body {
	padding:0; margin:0; text-align:center; background:url(../2010/p3f.jpg) repeat #265028;
	font-size:medium; font-family:"Palatino Linotype", Georgia, Arial, Verdana, Times;
}

li { list-style-position: outside; list-style-type:none; padding-bottom:9px; }
#articles li { list-style-position:inside; list-style-type:disc; padding-bottom:9px; margin-left:12px; }

a:link       { color: #000099; text-decoration: none; border: 1px solid #ffe; border-bottom:1px dotted #ffcc66; }
a:visited { color: #990099; }
a:hover { background-color:#FFCC66; border: 1px solid #f66; }
a:active { color: #FFFF66; }

a.plain:link, a.plain:hover { border:none !important; }

p, ul, ol, dl, li, dt, dd, blockquote { padding: 0; margin-top: 0.3em; margin-bottom: 0.6em; border: 0; }

/* Some defaults to get a more consistent look */
h1, h2, h3, h4, h5, h6 { padding: 0; margin-top: 0.5em; margin-bottom: 0.3em; border: 0; }

/* Using these values for the size of the headings creates a natural relationship between them. */
h1 { font-size: 160%; }
h2 { font-size: 144%; }
h3 { font-size: 125%; }
h4 { font-size: 118%; }
h5 { font-size: 100%; }
h6 { font-size: 75%; }

p.dropcap:first-letter {font-size:2em}    /*  usage is <p class='dropcap'>*/


/* * * * * * * * * * * * * * * * * * */
/*  DFF's 2-column design for MHD*/
/* * * * * * * * * * * * * * * * * * */

.MHDHeader { width:920px; text-align: center; margin:16px auto; background-color:#003300; z-index:1; }

#menubar { margin:8px 0 16px 0; }

.menubutton { display: inline; position: relative; padding: 0 10px; margin:0;
	color: #000000; text-decoration: none; white-space: nowrap; cursor: pointer; 
	font-variant:small-caps; font-weight:bold; }

.menubutton a, .menubutton a:visited { padding: 4px 8px; background-color: #e0d6b9; color: #000099;
	border: 1px solid #c4ba9d; text-decoration:none; }
.menubutton a:hover 	{ padding: 4px 8px; background-color:#FFCC66; border: 1px solid #fff; }

#home #navhome a, #schedule #navschedule a, #venues #navvenues a,  
	#speakers #navspeakers a, #organizers #navorganizers a, #sponsors #navsponsors a, 
	#articles #navarticles a	{ color:#990099; background-color:#a4c58c; border: 1px solid #cccccc;}

#home #navhome a:hover, #schedule #navschedule a:hover, #venues #navvenues a:hover,  
	#speakers #navspeakers a:hover, #organizers #navorganizers a:hover, #sponsors #navsponsors a:hover, 
	#articles #navarticles a:hover	{ border: 1px solid #ffffff;}

.MHDTitle {
	width:912px; padding:0; margin:0 auto; text-align:center; border:double 4px #118a44;
	font-family: "Palatino Linotype", Georgia, Arial, Verdana, Times;
	font-size: 130%; font-weight:bold; font-variant:small-caps; letter-spacing:1px; 
	color:#000; background-color:#89c1a7;
}

.MHDTitleAlt {
	width:840px; padding:0; margin:0 auto; text-align:center; border:double 4px #118a44;
	font-family: "Palatino Linotype", Georgia, Arial, Verdana, Times;
	font-size: 130%; font-weight:bold; font-variant:small-caps; letter-spacing:1px; 
	color:#006b33; background-color:#dddd99;
}

.evdate { color:#639; background-color:#eed; }
.evtitle { color:#030; background-color:#f8eeb4; padding-left:4px; padding-right:4px; }

.MHDBody { width:908px; margin: 0 auto; padding: 6px; background-color:#fefeee; 
	text-align:left; font-family:	"Palatino Linotype", Georgia, Arial, Verdana, Times;  font-size:110%;
}

.MHDBody img { padding:8px; }
.MHDBody p { padding:2px; text-indent:1.4em; }

.MHDBody a 	{ text-decoration: none; border: 1px solid #ffe; border-bottom:1px dotted #ffcc66; }
.MHDBody a:link 	{ color: #000099; border: 1px solid #ffe; border-bottom:1px dotted #ffcc66; }
.MHDBody a:visited  { color: #224499; }
.MHDBody a:hover 	{ background-color:#FFCC66; border: 1px solid #f66; }
.MHDBody a:active 	{ color: #FFFF66; }

.MHDFooter {
	clear:both; width:912px; margin:0 auto 8px auto; text-align:center;
	font-family:"Palatino Linotype", Georgia, Arial, Verdana, Times;
	font-size:16px;	font-weight:bold; font-variant: small-caps; vertical-align:middle;
	letter-spacing:1px; color:#337788; background-color:#89c1a7; border: double 4px #118a44;
}

.MHDFooter a:link, .MHDFooter a:visited 	{ color: #009; padding:4px; text-decoration:none; 
	border: 1px dotted #81ba9f; margin-top:8px; }
.MHDFooter a:hover 	{ background-color:#FFCC66; border: 1px solid #f66; }
.MHDFooter a:active 	{ color: #FFFF66; }


/* * * * * * * * * * * * * * * * * * */
/*  ImageBox for Retrospective     */
/* * * * * * * * * * * * * * * * * * */
.ImageBox { width: 290px; float: left; margin: 0 12px; }
.BoxTitle { margin:6px auto; font-weight:bold; text-align:center; }
.BoxThumb { margin-left:auto; margin-right: auto; }
.BoxCaption {	width:90%; padding:4px; margin-left:auto; margin-right:	auto; }
.BoxFooter { background:#aee7ff; width: 80%; margin: 0 auto; font-size: x-small; font-weight:bold; font-style:italic; padding-bottom: 4px; }


/* * * * * * * * * * * * */
/*      */
/* * * * * * * * * * * * */

.MHDAdvisory { font-style: italic; font-weight: bold; color: #33aa66; }

.MHDDate { margin-bottom: 6px; font-size:14pt; font-weight: bold; font-style:italic; 
	color:#003300; background-color: #a7cbaa; padding:6px; text-align:center; clear:both; }

.MHDEvent { margin-bottom:9px; margin-left: 9px; font-weight: bold; }
.MHDEventText { padding-bottom: 9px; padding-left: 9px; }
.MHDSponsor { margin-bottom: 16px; margin-left: 9px; clear: both; }
.MHDSponsor a { font-weight:bold; }
.MHDBold {font-weight: bold; }
.MHDMap { float: left; margin: 0px 16px 24px 8px; }

/* * * * * * * * * * * * * */
/*  Biography Formatting */
/* * * * * * * * * * * * * */
.MHDBio { clear:both; margin-top:10px; margin-bottom:20px; }
.MHDBioPix { float: left; margin: 16px 12px 6px 6px; padding:6px; 
	border:1px solid #cc9; text-align:center; background-color:#f6fff6; }
.MHDBioText { }
.MHDBioIndex { font-weight:bold; }
.MHDEmphasis { font-weight:bold; color:#6633FF; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* misc stuff */
#slideset { width: 510px; height:340px; float:right; margin-left:10px; }
#noslideset { width: 510px; float:right; margin-left:10px; }
/*#slideset img { border:1px solid #393; }*/
.blurb { width: 380px; }
p.blurb { line-height:1.7em; }
.separator { clear:both; padding:4px; color:#efe; background-color:#89c1a7; }
.emphasis { color:#030; background-color:#cdd; padding:6px; font-size:105%; }
.marker { color:#d73012; }
h1#home-sponsors { color:#006b33; clear:both; text-align:center; }
#sponsor-box { width:100%; font-size:94%; position:relative; }
/*#sponsor-box ul { float:left; }*/
#sponsor-box li { margin-bottom:16px; }
#sponsor-box li a, #sponsor-box li a:visited { color: #009; padding:4px; text-decoration:none; 
	background-color:#e8fff4; border: 1px solid #d4eae0; }
#sponsor-box li a:hover { background-color:#FFCC66; border: 1px solid #f66; }
#list-left { width:420px; font-size:100%; font-weight:bold; padding-left:12px; }
#list-right { position:absolute; top:0; right:0; width:420px; font-size:100%; font-weight:bold; }

div.jump-days { background-color:#87ab8a; font-size:11px; }
ul.jump-list { float:left; margin-top;0; padding-top:4px; margin-left:4px; margin-right:4px; }
ul.jump-list li { list-style-position: outside; list-style-type:none; float:left; display:inline;
	padding:2px; margin-right:3px; }
ul.jump-list a 	{ text-decoration: none; border: 1px solid #ffe; padding:2px; background-color: #e0d6b9; }
ul.jump-list a:link 	{ color: #000099; border: 1px solid #ffe; }
ul.jump-list a:visited  { color: #224499; }
ul.jump-list a:hover 	{ background-color:#FFCC66; border: 1px solid #f33; }
ul.jump-list a:active 	{ color: #FFFF66; }
