/* the pre markup was derived from rubyStyle.css, the rest is from previous
iterations of my website http://repose.cx/. help yourself to bits you like. */

body {
	margin:2em;
	font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background:#fff;
	text-align: justify;
}
 
h1, h2, h3, h4 {
	/*font-family: lucida, Verdana, sans-serif;*/
	font-weight: normal;
	color: #666;
}

a {
	text-decoration: none;
	border:none;
	color: #7070AA;
	font-weight:bold;
}

h1 { 
	margin: 0;	
	font-size: 24px;	
/*	font-weight:bold; */
	padding:10px 20px 10px 0;
	text-align:right;	
	border: DarkGrey 1px solid;
	background:#EEF;
}

h1 a {
	color: #7070AA;
}

h2 { 
	margin: 10px 0 0 0;
	padding:2px;
	font-size: 16px;
	color: #666;
	text-align:left;
	/*font-weight:bold;*/
	border-bottom:DarkGrey 1px solid;
}

h2 a {
	color: #7070AA;
}

h3 { 
	margin: 10px 0 0 0;
	padding:2px;
	font-size: 14px;
	color: #666;
	text-align:left;
	border-bottom:DarkGrey 1px dashed;
}

h3 a {
	color: #7070AA;
}

h4 { 
	margin: 10px 0 0 0;
	padding:2px;
	font-size: 100%;
	color: #676E04;
	text-align:left;
	font-style:italic;
}

h4 a {
	color: #7070AA;
    font-size: 14px;
}

table {
	margin:2em;
	/*font-family: lucida, Verdana, sans-serif;*/
	font-weight: normal;
	font-size: 100%;
}

img {
	float: right;
	margin: 10px;
	border-style:solid; 
	border-width:1px;
}

#im { 
    clear: right;
}

pre {
	border: #666 1px solid;
	padding: 0.5em;
	margin-left: 1em;
	margin-right: 2em;
	white-space: pre;
	background-color: #EEF;
	color: black;
/*	font-size: 120%;*/
}

code {
	white-space: pre;
	color: black;
/*	font-size: 120%; */
}

.verse {
    white-space: pre;
    margin-left: 100%;
}

dt { 
     font-weight: bold;
}

li {
     margin-bottom: 0.9ex;
}

#footer {
  margin:0 auto;
  padding: 7px 0px 0px 0px ;
  border-top:#BBC4A3 1px solid;
  clear: both;
  font-size: 80%;
  color: #999;
  text-align:center;
  width:100%;
}