@charset "utf-8";

body {
  margin: 0px 0px 20px 0px;
  background-color: #FFC018;
  text-align: center;
}

a {
  text-decoration: underline;
}

a:link {
  color: #8FABBE;
}

a:visited {
  color: #8FABBE;
}

a:active {
  color: #8FABBE;
}

a:hover {
  color: #006699;
}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#container {
  line-height: 140%;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0px;
  /*width: 750px;*/
  width: 90%;
  background-color: #FFFFCC;
  border: 1px solid #000000;
}

#banner {
  font-family: Verdana, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #000000;
  text-align: left;
  padding: 15px;
  border-bottom: 1px solid #FFFFFF;
  height: 45px;
}

#banner-img {
  display: none;
}


#banner a {
  color: #CCCCCC;
  text-decoration: none;
}

#banner h1 {
  font-size: xx-large;
  font-weight: bold;
}

#banner h2 {
  font-size: medium;
  font-weight: bold;
  line-height: 250%;
}

#center {
  float: left;
  /*width: 500px;*/
  width: 70%;
  overflow: hidden;
  background-color: #FFFFCC;
}

#center a {
  color: #666666;
  text-decoration: underline;
}

.navigator {
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  margin: 0;
  padding: 0.5em;
}

.content {
  padding: 15px 15px 5px 15px;
  background-color: #FFFFCC;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
}

.articlead {
  margin: 0 auto;
  border-style: solid;
  border-width: 0px;
  border-color: #a60015;
  padding: 0.5em;
  font-size: 1.0em;
  line-height: 2.0em;
}

#right {
  float: left;
  /*width: 250px;*/
  width: 30%;
  background-color: #FFFF99;
  overflow: hidden;
}

.content img {
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px;
}

.content blockquote {
  padding: 1em;
  margin-left: 20px;
  line-height: 150%;
  font-size: medium;
  color: #666666;
  background-color: #CCCCFF;
}

/*
.content pre {
  padding: 1em;
  margin-left: 20px;
  color: #666666;
  background-color: #FFCCCC;
  overflow: visible;
}

.content code {
  font-family: Verdana, Arial, sans-serif;
  font-family: monospace;
  font-size: medium;
  font-weight: normal;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
  overflow: visible;
}
*/

.content pre {
  padding: 1em;
  margin-left: 20px;
  color: #666666;
  background-color: #FFCCCC;
  /* overflow: auto; */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

.content code {
  /*font-family: Verdana, Arial, sans-serif;*/
  font-family: monospace;
  font-size: medium;
  font-weight: normal;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
  /* overflow: auto; */
}

.content p {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  font-weight: normal;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
}

.content li {
  line-height: 150%;
}

.content h2 {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.content h3 {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: large;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.content p.posted {
  color: #999999;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  border-top: 1px solid #999999;
  text-align: left;
  margin-bottom: 25px;
  line-height: normal;
  padding: 3px;
}

/*
.content img {
  border: 1em solid #FFFFCC;
}
*/

.simple-frame {
  border: 2px solid #AAAAAA;
}

.sidebar {
  padding: 15px;
}

#calendar {
    line-height: 140%;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  padding: 2px;
  text-align: center;
  margin-bottom: 30px;
}

#calendar table {
  padding: 2px;
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}

#calendar caption {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  letter-spacing: .3em;
}

#calendar th {
  text-align: center;
  font-weight: normal;
}

#calendar td {
  text-align: center;
}

.sidebar h2 {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  text-align: center;
  font-weight: bold;
  letter-spacing: .3em;
}

.sidebar ul {
  padding-left: 0px;
  margin: 0px;
  margin-bottom: 30px;
}

.sidebar ul ul {
  margin-bottom: 0px;
}

.sidebar #categories ul {
  padding-left: 15px;
}

.sidebar li {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  text-align: left;
  line-height: 150%;
  margin-top: 10px;
  list-style-type: none;
}

.sidebar #categories li {
  list-style-type: circle;
}

.sidebar img {
  border: 3px solid #FFFFFF;
}

.photo {
  text-align: left;
  margin-bottom: 20px;
}

.link-note-left {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  line-height: 150%;
  text-align: left;
  padding: 2px;
  margin-bottom: 15px;
}

.link-note-center {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  line-height: 150%;
  text-align: center;
  padding: 2px;
  margin-bottom: 15px;
}

#powered {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  line-height: 150%;
  text-align: left;
  color: #666666;
  margin-top: 50px;
}

#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
  width: 80%;
}

.commenter-profile img {
  vertical-align: middle;
  border-width: 0;
}

div.pleasecomment {
  margin-top     : 1em;
  margin-bottom  : 1em;
  margin-left    : 1em;
  margin-right   : 1em;
  padding-top    : 0.5em;
  padding-bottom : 0.5em;
  padding-left   : 0.5em;
  padding-right  : 0.5em;
  border-style: solid;
  border-width: thin;
  text-align: center;
}