@CHARSET "ISO-8859-1";

html {
  background-color: #bbb; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

body {
  margin: auto;
  margin-top: 10px;
  width: 760px;
  background-color: #fff;
  padding: 45px;
}

div {

  margin-bottom: 1em;

}

ul#links{
  list-style-type: none;  
  padding: 0;
  margin: 0;
  width: 740px;
  text-align: center;
  padding: 3px 10px;
  background-color: #eee;
  margin: auto;
  margin-bottom: 10px;
  font-size: 12px;  
}
ul#links li{
  display: inline;
  padding: 5px 6px;
  margin: 5px 0;
}

ul#links a{
  text-decoration: none;
  color: #000;
}
ul#links a:hover{
  border-bottom: 2px solid #c00;
  color: #C00;
}

h1#title {
  font-family: Georgia, serif;
  font-size: 48px;
  color: #C00;
  margin: 0;
  padding: 5px 0 12px 15px;
}

#today {
  width: 740px;
  margin: auto;
  margin-bottom: 4px;
  background-color: #c00;
  color: #fff;
  padding: 3px 10px;
  font-style: italic;
  
}
.title a{
  color: #008f8f;
  }
.title a:hover{
  color: inherit;
} 
  
.title{
  font-size: 1.2em;
    color: #008F8F;
    padding: 0;
    margin: 4px 0;
  }
.main-topic .title{
  font-size: 1.6em;
}



#content {
  float: left;
  width: 540px;
  
  margin-top: 4px;
}


#extras{
  margin-top: 4px;
float: right;
  width: 200px;
  }


#footer{
  border-top: 1px dotted #333;
  text-align: center;
  clear:both;
  margin: auto;
  padding-top: 10px;
  color: #333;
font-size: smaller;
}

.day {
  font-weight: bold;
}


.extra {

  background-color: #f0f0f0;
  margin-bottom: 10px;  
  font-size: 13px;
}

.extra .content {
padding: 6px; 
  
}

.header{
  background-color: #fff;
  color: #c00;
  padding: 3px;
  border-bottom: 3px solid #c00;  
  
}

.article{
  clear: both;
  padding: 4px;
  margin-bottom: 6px;
  }



.image-holder-l{
float: left;
padding: 3px;
border: 1px solid #999;
margin-right: 4px;
}


.image-holder-r{
float: right;
padding: 3px;
border: 1px solid #999;
margin-right: 4px;
}


a, a:visited, a:active{
text-decoration: none;
color: #8f0000;
}

a:hover{
color: #c00;

}


#content .header {
border: 0;
margin: 0;
padding: 4px;
color: #c00;
font-weight: bold;
font-size: smaller;
}

.subcontent{
  margin-top: 10px;
}
.subcontent .content {
padding: 5px; 
border-top: 1px dotted #008f8f;
  border-left: 1px dotted #008f8f;
}

.subcontent h2 {

font-size: smaller;
margin-top: 16px;
}

.subcontent h2:first-child{
  margin-top: 0;
  }


.single-page-content{
  width: 700px;
  border: 1px dotted #ddd;
  margin: 2em auto;
  padding: 1.5em;
}

.entry{
  margin: 2em 3em 1em;
}

.date{
  font-size: smaller;
}

.link {
  text-align: center;
  padding-bottom: .5em;
}

.center {

text-align: center;
}




#staff{
margin: auto;
background-color: #eee;
width: 600px;
padding: .5em;
}

.by {
font-size: smaller;
color: #008f8f;

}

.online{
color: #008f8f;

}