/*
 * Style sheet for my kempt.net pages
 * $Id: kempt.css,v 1.9 2008/02/01 21:30:05 gadams Exp $
 */

body {
    color: black;
    background: white;
}
a:link {
    color: #a02030;
    /* color: #7f5b31; */
    background: transparent;
}
a:visited {
    color: #315b7f;
    background: transparent;
}
a:active {
    color: #332649;
    background: transparent;
}
a:hover {
    color: #a02030;
    background: #e0e0e0;
}

BLOCKQUOTE.sidebar {
    padding: 1em;
    border: solid thin;
    margin: 1em 0;
	color: black;
    background: #ddd;
}

body {
	font-family: "Georgia", "Times", "Times New Roman", serif;
	margin:  0;
	padding: 0;
}
p, li {
    /* Make the text more readable. */
    /* <http://www.maxdesign.com.au/presentation/em/> suggests using 30em. */
    max-width: 35em;
    /* text-align: justify; */
    /* An interesting effect:
    margin-left: auto;
    margin-right: auto;
    */
    /* IE 5-6 kludge (emulates 30em max-width).
       Is this necessary in IE 7? */
    width: expression( 
        document.body.clientWidth > (500/12) * 
        parseInt(document.body.currentStyle.fontSize) ?
            "30em" :
            "auto" );
}
.content {
	margin: 10px;
	padding: 0;
}
.contentx {
	margin: 0px 10px;
	padding: 10px 20px;
	border-left: 2px solid #315b7f;
	border-right: 2px solid #315b7f;
}
.contentx {
	margin: 10px;
	padding: 0px 10px;
	border-left: 2px solid #315b7f;
	border-right: 2px solid #315b7f;
}

h1, h2, h3 {
	font-family: "Helvetica", sans-serif;
}

h1 {
	border-bottom: 1px solid #999;
	margin-right: 5em;  /* Tune this to the content of the navigation div! */
	x-float: left;
	x-width: auto;
}
p {
    x-clear:left;
}

div.slogan {
	font-family: "Textile", "Helvetica", fantasy;
	color: black;
	background-color: #b5c9e2;
	border: 1px black solid;
	margin-left: 5em;
	margin-right: 5em;
	padding: 2px;
}

div.pullquote {
	/* font-family: "Herculanum", "Arial", "Helvetica", fantasy; */
	font-size: 1.5em;
	color: black;
	background-color: #b5c9e2;
	border: 1px black solid;
	margin-left: 10%;
	margin-right: 10%;
	padding: 2px;
	font-style: italic;
	max-width: 18em;
}

/* Highlight settings by putting a light gray box around them */
.config {
	padding: .5em;
	border: solid thin;
	margin: 0 1em;
	color: black;
	background: #ccc;
	white-space: pre;
	font-family: monospace;
	font-size: 0.8em;
}
/* Highlight examples by putting a light yellow box around them */
div.example {
	padding: .5em;
	border: solid thin;
	margin: 0 1em;
	color: black;
	background: #ffc;
	white-space: pre;
	font-family: monospace;
	font-size: 0.8em;
}

.header {
	color: #ffffff;
	background-color: #315b7f;
	text-align: center;
	font-size: small;
	margin: 0em;
	padding-top: 4px;
	padding-bottom: 4px;
}

.footer {
	color: #ffffff;
	background-color: #315b7f;
	text-align: center;
	font-size: small;
	margin: 0em;
	padding-top: 4px;
	padding-bottom: 4px;
}

.footer address a:link {
	background-color: #315b7f;
	color: #ffffff;
	/* text-decoration: none; */
}

.footer address a:visited {
	background-color: #315b7f;
	color: #ffffff;
	/* text-decoration: none; */
}

.footer address a:hover {
	background-color: #315b7f;
	color: #ffeeee;
	/* text-decoration: none; */
}

.navigation {
    float: right;
    border: 1px solid;
    margin: 1em;
    padding: 0.5em;
}

table.config {
	margin-left: 5em;
}

table.config td {
	padding-left: 1em;
}
/*
 * Microsoft's "Core Fonts for the Web" are:
 *
   Andale Mono (formerly Monotype.com) 
   Arial
   Arial Black 
   Comic Sans MS 
   Courier New 
   Georgia 
   Impact
   Times New Roman 
   Trebuchet MS 
   Verdana 
   Webdings 
   Adobe Minion Web
 *
 */