body    {margin:0;padding:0;}
h1      {color:#333;margin:0;padding:0;}
h2      {font-size:50%;color:#999;margin:0 0 1.5em 0;padding:0;}
#links  {font-size:50%;margin:0;padding:0;}
.dim, span.dim a { color: #ccc!important; padding:0!important;}
img{border:0;margin:0;padding:0;}

a, a:link {
  color: #3c83bb;
}
a:visited {
  color: #3c83bb;
}
a:hover {
  color: #3c83bb;
}
a:active {
  color: #3c83bb;
}


#container {
}

#main   {
    position:absolute;right:0;
    top:40px;
    width:100%;
    color:#aaa;
    text-align:center
    ;margin:0;font:28.5px/1.0 Helvetica,Arial,Sans-serif;font-weight:bold;
}

#main.simple {
  top:40%;
}

#present {
  width:40%;
  margin:0 auto;
  padding:0;
  float:left;
}

#present h2 {font-size:50%;color:#999;margin:.5em 0 2em 0;padding:0;}

#past {
  width:30%;
  float:left;
  text-align:right;
}

#future {
  width:30%;
  text-align:left;
  float:right;
}

#past, #future {
  line-height:2;
  padding-top:18px;
  font-size:14.25px;
  color:#ddd;
  font-weight:bold;
  letter-spacing:1px;
/*  font-family:"Hoefler Text", "Helvetica Neue", Helvetica, Times, Arial, sans-serif;*/  
  font-family:"Hoefler Text", Garamond, "Palatino", "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
  font-variant: small-caps;
}

#past a, #future a { 
  color:#ddd; text-decoration:none; 
  padding:10px 15px;
  border:1px solid transparent;
}
#past a:hover, #future a:hover { 
  color: #b2b2b4;  
  border: 1px solid #ddd; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius:3px;
}


#past small, 
#future small {
  font-weight:normal;
}

h1.year a {
  color:#333;
  margin:0;
  padding:0;
  text-decoration:none;
}

h1.year a:hover{color:#333;margin:0;padding:0;text-decoration:none;}

.caps {
/*  font-size:80%;*/
  text-transform:lowercase;
  font-variant: small-caps;
}

.f img{float:left;margin-right:10px;margin-bottom:0;
  width:70px;
  height:71px;
}

.nav {
  font-weight:normal;
  font-size:12px;
  color:#ddd;
}

.hide {
  display:none;  
}
.nav a {
  padding:4px 6px;
/*  color:#FF3300;*/
  color:#cc0000;
  margin:0;
  text-decoration:none;
}
.nav a:hover {
  color:#fff;
  background:#cc0000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}



.details {
/*  font-family:"Hoefler Text",Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family:"Hoefler Text", Garamond, "Palatino", "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
  font-weight:normal;
  font-size:16px;
  line-height:1.6em;
  color:#666;
}

.details h3 {
  font-style:italic;
  font-size:16px;
  font-weight:normal;
  margin:1em 0 0 0;
  padding:0;
  line-height:1.6em;
  border-bottom: 1px dotted #999;
  display:inline;
  text-transform:lowercase;
}

.details p {
  margin-top:.5em;
}
.details ul {
  margin:.5em 0 1.6em 0;
  padding:0;
}

.details li {
  list-style:none;
  margin:0;
  padding:0;
}

.details .section {
  margin:0 auto;
  max-width:30em;
}

.details a { 
  text-decoration:none; 
}

.details a:hover { 
  color: #b2b2b4;  
  border-bottom: 1px solid #ddd; 
}


#about {
  margin-top:40px;
}
#about h1 {
  font-weight:normal;
  color:#cc0000;
}
#about p, #about h3 {
  text-align:left;
}

#about .details {
  font-size:16px;
  line-height:1.6em;
  color:#333;
}

#about .details p {
  margin-top:1em;
}

#about .details h3 {
  font-size:18px;
  line-height:1.6em;
  text-align:left;
  display:block;
  color:#999;
  text-transform:none;

}
#about hr {
  margin-bottom:2em;
  margin-top:2em;
}

#about .smallitalic {
  font-size:14px;
  line-height:1.4em;
  font-style:italic;
  color:#999;
}


#about .siteinfo {
  text-align:center;
}


hr.fleuron {
  background:transparent url(fleurons.gif) no-repeat;
  border:none;
  height:25px;
  width:25px;
  margin:2em auto 2em auto;
}

hr.fleuron.sun {
  background-position:0 -25px;
}
hr.fleuron.crown {
  background-position:0 -50px;
}


p.siteinfo {
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:1px;
}