/* ___________________________________________________________________
   
                    about.css ~ "German Sports Car"
    XGB Web and Software Design ~ www.xgbdesign.com ~ rev. 2009.08.26
   ___________________________________________________________________
*/
	
/* Main styles: ___________________________________________________________________________________*/

body {
	color: Silver;
	background-color: #303030;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}
	
div#matte {
	color: White;
	background-color: #404040;
	border: 2px solid #B22222;
	margin: 0 2% 0 2%;
	padding-bottom: 15px;
}

div#textarea {
	color: Silver;
	background-color: #303030;
	border: 2px solid #B22222;
	margin: 0 8% 0 8%;
	font-size: 90%;
	padding: 0 5% 2.0em 5%;
	text-align: justify;
}

h3 {
	color: White;
	background-color: #303030;
	font-variant: small-caps;
	text-align: center;
	padding-top: 1.2em;
}

div#references {
	font-size: 8pt;
	border-top: 1px solid;
	margin-top: 2.5em;
	padding-top: 1.7em;
}

div#footer {
	color: Silver;
	background-color: #404040;
	font-size: small;
	font-style: italic;
	border-top: 1px solid #B22222;
	padding-top: 1.2em;
	margin: 0 15% 1.3em 15%;
	text-align: center;
}

/* Pullquote and associated styles: _______________________________________________________________ */

div#pullquote1, div#pullquote2, div#pullquote3, div#pullquote4 {
	color: White;
	background-color: #303030;
	border: solid #B22222;
	border-width: 5px 0 5px 0;
	font: 1.5em serif;
	font-style: italic;
	padding: 0.7em 7px 0.7em 7px;
	text-align: left;
}

div#pullquote1 { 
	float: left; 
	width: 330px; 
	margin: 0 18px 15px 0; 
}

div#pullquote2 { 
	float: right; 
	width: 290px; 
	margin: 0 0 15px 18px; 
}

div#pullquote3 { 
	float: left; 
	width: 310px; 
	margin: 0 18px 15px 0; 
}

div#pullquote4 { 
	float: right; 
	width: 270px; 
	margin: 0 0 15px 18px; 
}

.verseline { 
	display: block; 
	text-align: left; 
}

.stanza { 
	display: block; 
	margin-bottom: 0.7em; 
}	

.author {
	display: block;
	color: Silver;
	background-color: #303030;
	font-size: 0.7em;
	margin-left: 20px;
}

/* Link and associated styles: ____________________________________________________________________ */

a#top { 
	display: block; 
	height: 20px; 
}

div.linkwrapper {
	display: block;
	font-size: 9pt;
	padding: 2.7em 0 2.7em 0;
	text-align: center;
}

.divider { 
	display: inline; 
	padding: 0 20px 0 20px; 
}

a, a.outgoing { 
	display: inline; 
	text-decoration: none; 
}

a#mailto { 
	display: inline; 
	font-size: small; 
	font-style: italic; 
}

a:link, a:visited, a:active, a#mailto:link, a#mailto:visited, a#mailto:active { 
	color: #B22222; 
	background-color: #404040; 
}

a:hover, a#mailto:hover { 
	color: White; background-color: #404040; 
}

a#mailto:hover { 
	font-weight: bold; 
}

a.outgoing:link, a.outgoing:visited, a.outgoing:active { 
	color: #B22222; background-color: #303030; 
}

a.outgoing:hover { 
	color: White; 
	background-color: #303030; 
}

/* Miscellaneous: _________________________________________________________________________________ */

.item { 
	display: block; 
	margin-bottom: 1.0em; 
}

.emphatic { 
	color: White; 
	background-color: #303030; 
}