@charset "utf-8";
/* Reset */

body, div, p, h1, h2, h3, h4, h5, h6, quote, blockquote { margin: 0; padding: 0; }

/*Main Layout Elements */

body {
text-align: center; /* text align center centers for IE, auto margins centers in css2 compliant browsers */
background-color: #ccc;
color: #000;
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
}

#container {
margin: 0 auto; /* text align center centers for IE, auto margins centers in css2 compliant browsers */
text-align: left; /*resetting the text alignment here */
background: #fff;
width: 56em; /* width in ems, works out to around 960px at 1024 res with a regular font size */
max-width: 1200px; /* sets a max width for css2 compliant browsers to prevent awkward line breaks at high resolutions */
border-left: 1px solid #666;
border-right: 1px solid #666;
}

#banner { 
margin: 0;
padding: 0;
height: 140px;
width: 100%;
}

#masthead { /* top of the document, add a nav div in this div if desired, height will need to be altered to reflect the size of the nav plus the size of the banner*/
height: 140px;
width: 100%;
background: url(images/banner.jpg) no-repeat; /* using quotes in url paths causes background images to disappear in MAC IE */
}

#leftcol {
float: left;
width: 22%;
padding: 1%;
text-align: center;
margin: 0px auto; /* text align center centers for IE, auto margins centers in css2 compliant browsers */
}

#content {
float: right;
width: 73%; /* combined width of leftcol and content area is 95%. This is for fault tolerance. */
padding:1%;
}

#footer {
clear: both;
text-align: center;
padding: 1em;
}

/* Typography  note: some typographical elements are combined in layout if they are attached to a layout element*/
quote, blockquote {
font-weight: bold;
font-style: italic;
padding: .5em 0;
font-size: 1.2em;
font-family: "Times New Roman", Times, serif;
text-indent: -.5em;
}

#footer p {font-size: xx-small;}

#catch blockquote { padding-bottom: .1em;}

.author {
padding-top: 0;
color: #666;
font-size: .8em;
text-align: right;
}
h2 {
padding: .5em 0;
font-weight: bold;
font-family:"Times New Roman", Times, serif;
font-variant: small-caps;
}

p { padding: .5em 0}

.about { letter-spacing: .1em; margin-bottom: 1em;}

.highlight { color: #F00; }

/*Links*/
a {
	color: #ea1e2a;
}
a:hover {
	text-decoration: underline;
}

/*Lists*/
#leftcol h4 {
text-align: left;

}
#leftcol ul {
margin: 0;
padding: 0;
text-align: left;
list-style:none;
}
#leftcol li {
padding: .5em 0;
margin: 0;
}

#leftcol li a:hover { color: #0000CC;}

#source ul, #source li {
list-style: none;
}

#source ul { margin: 0; padding: 0; }
#source li {margin: .5em 0; padding:0;}

li.quote {text-indent: -.5em; color:#ea1e2a;}

/*Misc */

.hideme {display: none;} /* simple image replacement*/

:link img, a:visited img, a:hover img { border: none; text-decoration: none;} /* turns off borders and underlines on images wrapped in an anchor*/