/* 
first, set default parameters to make page appear more uniform 
 across browsers.
*/
body, h1, h2, h3, p, ul li dl dd dt {
   padding: 0;
   margin:  0;
   font-size: 1em;
}

/* specific styling now begins... */

html, body {
   background-color: white;
}

h1 {
   font-family: "Century Gothic", Arial,Helvetica, sans-serif;
   font-size: 1.4em;
   font-weight: normal;
   font-variant: small-caps;
   letter-spacing: 0.3em;
   background-color: #60A9D7;
   text-align: center;
   color: #ffffff;
   padding-top: 1em;
   padding-bottom: 1em;
   border: 1px solid black;
}

h1 .dimtext {
   font-size: 0.75em;
}

div.mainbody {
   width: 760px;
   height: 100%;
   margin-right: auto;
   margin-left: auto;
   margin-top: 1em;
   background-color: #ffffff;
}

img.mainbody {
   margin-right:auto;
   margin-left:auto;
   margin-top:1em;
   margin-bottom:1em;
}

/* Navigation Bar stuff */
#navbar {
   background: #1a1a1a;
   margin: 2px 0;
  padding-bottom: 2px;
}

#navbar ul, #navbar ul li {
   font-family: "Century Gothic", Arial,Helvetica, sans-serif;
   font-variant: small-caps;
   font-size: 0.9em;
   margin: 0;
   padding: 0;
   list-style:none;
}

#navbar ul {
   text-align: center;
   padding: 5px 1em 5px 1em;
}

#navbar ul li {
   display: inline;
   margin-right: 1em;
   margin-top: 5px;
   margin-bottom: 5px;
}

#navbar ul li.last {
   margin-right: 0;
}

#navbar ul li a {
   text-decoration:none;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   /*color: #525252;*/
   color: #42d852; /*neonish green */
   /* color: #0084d7; header's blue, more saturated */
   /* color: #ff2d00; orange red */
   padding: 3px 1em 3px 1em;
}

#navbar li a:hover {
   border-bottom: 1px solid #ff2d00;
   border-top: 1px solid #ff2d00;
}

#navbar li a.this {
   /* color: #60a9d7;*/
   color: #0084d7;
} 

div.content {
   margin-right: auto;
   margin-left: auto;
   margin-top: 3px;
   padding: 2em;
   background-color: #90cc68;
   border: 1px solid black;
   font-size: 1.1em;
}

div.sidebar {
   float: left;
   width: 25%;
   padding-top: 5px;
   font-family: "Century Gothic", Arial,Helvetica, sans-serif;
   font-size: 0.8em;
   border-color: #999963;
   border: 1px solid #90cc68; 
}

.datetag {
   font-style: italic;
   float:right;
   font-size:0.8em;
}

.sidebar-head {
   color: #000000;
   font-weight: bold;
}

.sidebar dl {
  margin: 0;
  font-size: 0.8em;
  color: #1a1a1a;
}

.sidebar dl dt {
   padding-left:0.5em;
   padding-top:0.5em;
   font-weight: bold;
   clear:both;
}

.sidebar dl dd {
   font-style: normal;
   font-size: 0.95em;
   margin: 0;
   margin-bottom: 0.5em;
   padding-left: 1em;
  
}

.sidebar .datetag {
   font-style: italic;
   padding-left:0.5em;
   float: right;
   margin-bottom: 2.5em;
}

.sidebar a {
   text-decoration:none;
   color:#1a1a1a;
}

.sidebar a:hover {
   color:#ff2d00;/*#0084d7;*/
}

.sidebar a:visited {
   color:#42652b;
}

.urgent {
   color:blue !important; 
}

.dim {
   color:gray !important; 
}

div.main {
   padding: 0 10px 10px 10px;
   font-family: "Century Gothic", Arial,Helvetica, sans-serif;
   font-size: 1em;
   font-weight: normal;
   /*color: #424242;*/
   color: #000000;
   margin-left: 35%;
}

.firstmark {
   font-weight: bolder;
   color: black;
}

.main p {
   font-size: 0.9em;
   /*letter-spacing: 0.1em;*/
   margin-top: 0.25em;
   margin-bottom: 1em;
   line-height:1.3;
}

.main p.quote {
   font-size:0.8em;
   font-style:italic;
   padding: 0 2em 0 2em;
}

.main p.remphsize {
   font-size:1.1em;
   color: white;
}

.main p.emphsize {
   font-size:1.1em;
   color: black;

}
.main .posted {
   font-size:0.8em;
   font-style:italic;
   float: right;
}

.main h2 {
   font-size: 1em;
   color:#000000;
   margin:1em 0 0.5em 0;
   padding-top:1em;
   border-bottom: 1px solid black;
   /* clear: both;*/
}

.main h3 {
   font-size: 0.9em;
   font-weight: bold;
   margin: 0.75em 0 0.5em 0;
   color:#1a1a1a;
}

.main ul {
   margin:0;
   font-size:0.9em;
}

.main a {
   text-decoration:underline;
   color:#000000;
   font-size: 0.9em;
}
.main a:hover {
   color:#ff2d00;
}
.main a:visited {
   color:#42652b;
}

span.smaller {
   font-size: 0.9em;
}

h3.series {
   font-size: 0.75em;
   font-style: italic;
   margin: 1em 0 0 0.75em;
   padding-top: 1em;
   clear: left;
}

p.series-desc {
   padding:0;
   margin: 0 0 0.25em 1.25em;
   font-size: 0.75em;
   font-style: italic;
   
}

dl.recording-listing {
   margin-top: 0;
   margin-left:1em;
}

.recording-listing dt {
   float: left;
   clear: left;
   font-size: 0.8em;
   padding: 0;
   margin:0 0 0.5em 0;
}


.recording-listing dd {
   width: 60%;
   float: left;
   font-size: 0.8em;
   padding:0;
   padding-left: 1em;
   margin:0 0 0.5em 0;
}

.recording-listing dd a {
   font-size:  1.0em;
}

a.handout {
   font-size: 0.8em
}
.clear {
   clear:both;
}

.copyright {
  width: 760px;
  margin: 0.5em auto;
  font-family: "Century Gothic", Arial,Helvetica, sans-serif;
  font-size: 0.6em;
  color: #525252;
  text-align: center;
}

.copyright a {
   text-decoration:none;
}
  
.copyright a:hover {
   color:#0084d7;
}

table {
  border: 1px solid black;
  font-size: 0.9em;
}

td, th {
  border: 1px solid gray;
  padding: 0.5em;
}

.crossedout {
   text-decoration:line-through;
}

ul.qr li {
	padding-top:0.5em;
}

ul.qr2 li {
	text-size:normal;
	padding-top:0.5em;
}

ul.qr {
padding-bottom: 1em;
}