

/* Book Review CSS */



body {
	background: #84596B; 
	color: black;
	font-size: 14px;
	font-family: arial, verdana, helvetica, sans-serif; 
}


#wrapper {
	background: white;
	width: 1000px;
	padding: 30px;
	text-align: left;
	margin: auto; 
} 


h1, h2{
	font-size: 24 px;
	text-align: left;
}


p {
	line-height: 160%;
}


p a
	{
	text-decoration: none;
	color: #84596B;
	font-weight: bold;
}


p a:hover {
	color: #351029;
	
}


#footer {
	background-color: #84596B; 
	font-size: 14px;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: none;
	width: 1000px;
	margin-top: 3em;
}


#join span{
	line-height: 160%
}


#contact span {
	line-height: 160%;
	font-weight: bold;
}


#contact span a {
	text-decoration: none;
	color: #84596B;
}


#contact span a:hover {
	color: #351029;
}


#header ul {
	list-style: none;
	margin: 16px 0;
	padding: 0; 
	text-align: center;
	font-size: 14px;
}


#header li {
	display: inline;
	margin: 0 32px 0 0;
	color: black;
}


#header li a{
	color: #84596B;
	font-weight:bold;
	text-decoration: none;
}


#header li a:hover, #header li #current {
	color: #351029;
	background-color: none;
	text-decoration: none;
}





ul.linkslist li {
	list-style: none;
}


.linkslist h3 {
	text-align: left;
	font-size: 14px;
}


#blurbs h2 {
	text-align: left;
}


.linkslist li {
	line-height: 150%;
	padding-bottom: 20px;
}


li {
	list-style-type: square;
}


.linkslist a {
	text-decoration: none;
	font-size: 16px;
	color: #84596B;
}


.linkslist a:hover {
	color: #351029;
}


#blurbs {
	width: 300px;
	float: right;
	padding: 5px;	
}


#blurbs .linkslist li {
	width: 300px;
	float: right;
}


.bookinfo {
	line-height: 150%
}


.bookinfo a {
	text-decoration: none;
	color: #84596B;
	font-weight: bold;
}


.bookinfo a:hover {
	color: #351029;
}


.review {
	width: 600px;
	padding: 5px;
}



#caption { 
	font-family: georgia;
	font-size: 12px;
	font-style: italic;
}



.quote {
	float: left;
	width: 325px;
}


.pullquote {
	font-family: georgia;
	font-style: italic;
	font-size: 20px;
	color: white;
	background: url(images/world.jpg) top center no-repeat #84596B;
	padding-top: 225px;
	padding-bottom: 0px;
	margin: 5px 30px 5px 0px;
	line-height: 150%;
}


blockquote {
	padding: 10px;
}


.quote a {
	font-family: georgia;
	font-size: 12px;
	color: white;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}


.quote a:hover {
	color: black;

}


.figure {
	padding-top: 20px;
	padding-bottom: 5px;
}


/* Homepage CSS */


#home .links .button li {
	list-style: none;
}


#home .links .button li img{
	border: solid #84596B 1px;
}


#home .links .button {
	float: right;
	width: 174px;
	padding: 5px;
}


#home .links .button h2 {
	text-align: ;
}


#home .links .button p {
	font-family: georgia;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}


#home .intro {
	width: 600px;
}


#home .links .button li:hover img{
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #84596B;
	-webkit-box-shadow: 1px 1px 5px #84596B;
        box-shadow: 1x 1px 5px #84596B;
}


/* Resources CSS */


#resources p.slaverymap {
	font-family: georiga;
	font-style: italic;
	font-size: 20px;
}



#resources .figure3 {
	float: right;
	width: 450px;
	padding: 20px;
	margin-top: 5em;
	margin-left: 3em;
}



#resources .bibliography {
	margin-top: 3em;
}


#resources .links {
	line-height: 150%;
	float: left;
	width: 300px;
}


#resources .links a {
	text-decoration: none;
	color: #84596B;
	font-weight: bold;
}


#resources .links a:hover {
	color: #351029;
}


#resources p.box {
	font-size: 12px;
}



#resources .process {
	margin-top: 6em;
}


#resources #littleBoxes {
	margin-top: 3em;
}


/* EBoard CSS */

#eboard .figure {
	float: left;
	width: 250px;
	padding: 30px;
	margin-bottom: em;
}


#eboard .bio {
	width: 900px;
	padding: 10px;
	height: 370px;
}


/* Gallery CSS */


#gallery .figure6 {
	float: left;
	width: 175px;
	padding: 10px;
}


#gallery .figure7 {
	float: right;
	width: 350px;
	padding: 20px;
	padding-bottom: 100px;
}


#gallery .figure8 {
	float: left;
	width: 380px;
	padding: 20px;
	padding-bottom: 60px;
}


/* Survey CSS */

#survey h2{
	font-size: 22px;
}

#survey p {
	line-height: 150%;
}




#survey .form fieldset {
	border: 1px solid #351029;
}





/*Book Review Home CSS */


#bookreview_home li {
	list-style: none;
	
}


#bookreview_home span {
	font-size: 24px;
}


#bookreview_home li {
	line-height: 150%;
}


#bookreview_home li a {
	font-weight: bold;
	color: #84596B;
	text-decoration: none;
}


#bookreview_home a:hover {
	color: #351029;
}





/* Timeline CSS */


.description { 
	width: 1000px;
}



/* 425 Basic CSS Document */


/* clearfix css */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
