@charset "utf-8";
/* CSS Document */

html, body, div {margin:0;padding:0;}

body {
	background-color:#CCCCCC;
	font-family:"Trebuchet MS",sans-serif;
}

#header {
	height:100px; padding-top:15px;
}

#container {
	background-color:white;
	width:960px;
	margin:5px auto;
	padding:0px;
}

#images-group {
	clear:both;
	width:630px;
	height:610px;
	float:right;
	position:relative;
	margin-left:15px;
}

#content {
	padding:10px;
	width:940px;
}

h1 {
	font-variant:small-caps;
	text-align:center;
	font-weight:normal;
	position:relative;
}

#h1-title {
	font-size:28px;
}

#h1-author {
	position:absolute;
	top:35px;
	right:100px;
	font-variant:normal;
	font-size:24px;
}

h2 {
	margin-bottom:5px;
}

p {
  margin-top:0px;
}

#showing-art {
	margin-bottom:50px;
}

#content a, #content a:link, #content a:visited {
	color:black;
	font-weight:bold;
}

#content a:hover, #content a:active {
	color:red;
}

#footer {
	background-image:url(footer.png);
	background-position:left top;
	background-repeat:repeat-x;
	border-top:3px solid #CCCCCC;
	clear:both;
	font-size:11px;
	height:150px;
	margin:0;
	padding:0;
	text-align:center;
}

#quote {
	width:570px;
	margin:0px auto 20px auto;
	padding:10px 15px;
	border:1px solid #aaaaaa;
	background-color:#eeeeee;
}

#quote span {
	display:block;
	font-size:12pt;
	font-style:italic;
}

#drue h3 {
  margin-bottom:0px;
}

#drue h4 {
  margin-top:0px;
  margin-bottom:5px;
}

/* Images */

#portrait {
  float:left;
  margin-right:10px;
}

#michelle-and-drue {
	float:right;
	margin-left:15px;
}

#drue-scroll {
	position:absolute; top:58px; left:0px;
}

#md-quote {
	position:absolute; top:0px; left:285px;
}

#barack-and-drue {
	position:absolute; top:335px; left:250px;
}

#mlk-portrait {
	float:right;
}