p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
}

body {
font-family: 'Open Sans', arial, sans-serif;
background: url(bg.jpg) repeat fixed;
margin: 0; 
padding: 0;
color: #000;
font-size: 14.66px;
}

p {
margin: 1em 0;
}

ul, ol {
margin: 0.5em 0 1em 0;
padding: 0 0 0 1.8em;
}

li {
margin: 0.2em 0;
padding: 0;
}

h1 {
font-size: 30pt;
font-weight: bold;
}

.singlecol h1 {
font-size: 26pt;
}

hr {
border: 1px solid #999;
border-width: 1px 0 0 0;
margin: 0.5em 0;
}

h1.front {
font-size: 17pt;
font-weight: normal;
margin-top: 0.5em;
}

h1 small {
font-size: 14pt;	
}

hr.narrowonly {
display: none;	
}

blockquote {
margin: 1em 1em 1em 1.25em;
}

.big {
font-size: 12pt; 
}

small, .small {
font-size: 90%;
}

.listlabel {
margin-bottom: 0.2em;
}

.notopmargin {
margin-top: 0.5em;	
}

.border {
border: 1px solid #ccc;
}

#content, #footer {
max-width: 900px;
margin: 0 0 0 220px;
padding: 0 20px;
border: 1px solid #ccc;
border-width: 0 1px;
}

#header {
width: 200px;
margin: 10px;
position: fixed;
top: 0;
left: 0;
}

.leftnofix #header {
position: static;
float: left;
}

#header h2 {
margin: 0 0 1em 0;
padding: 0;
font-size: 16pt;
}

.headerlower {
color: #906860;
}

.headerbookcover img {
border: 1px solid #bbb;
}

#content {
background-color: #fff;
position: relative;
}

#content:after {
content: "";
display: table;
clear: both;
}

#header:after {
content: "";
display: table;
clear: both;
}

#content p {
margin: 1em 4px;
}

#colleft, #colright {
float: left;
}

#colleft {
width: 40%;
margin-right: 20px;
}

#colright {
width: 55%;
width: calc(60% - 20px);
}

#footer {
clear: both;	
font-size: 9pt;
background-color: #fff;
padding: 0 20px 0.5em 20px;
border-bottom: 1px solid #ccc;
}

#footer hr {
margin-top: 0;
padding-top: 0;
border-style: double;
border-top-width: 3px;
}

#footer p {
margin: 1em 4px;
}

.month  {
border: 2px solid #777;
border-collapse: collapse;
font-size: 11pt;
background-color: #fff;
}

.month a {
text-decoration: none;
border-bottom: 1px solid;
}

.month a.current {
color: #b83b26
}

.month p  {
margin: 0;
}

.month td {
border: 1px solid #777;
padding: 3px 4px;
text-align: center;
}

a {
color: #2b2b7c;
}

a:hover {
color: #b83b26;
}

@media (max-height: 695px) {
#header {
position: static;
float: left;
}
}

@media (max-width: 849px) {
#colleft, #colright {
float: none;
}

#colleft {
width: auto;
margin-right: 0;
padding-top: 1px;
}

#colright {
width: auto;
}

hr.narrowonly {
display: block;	
}
}

@media (max-width: 580px) {	
#content, #footer {
margin-left: 0;
border-width: 0;
}

#content {
border-top-width: 1px;
}

#content img {
max-width: 100%;
height: auto !important;
}

#header {
position: static !important;
float: none !important;
width: auto;
}

#header h2, .month, #header p {
float: left;
}

#header p {
clear: left;
}

#headlower {
display: none;	
}

.month {
margin: 0 20px 10px 0;
}

#header h2 {
margin-right: 20px;
margin-bottom: 0.5em;
}

#header p {
margin-top: 0.5em;
}
}