/*  

light blue of menu hover: acffff

*/

@media print {
 #top, 
 #sidebar,
 .navigation {
  display: none;
  visibility: collapse;
  width: 0px;
 }
 #main {
  margin: 0px;
  clear: both;
 }
}

@media screen {
 #print-top {
  display:none;
 }
}

html body {
  min-height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 95%;
  font-size: 100%;
  font-family: "Trebuchet MS", Arial, Verdana;
}

html>body {
  font-size: 80%;
  font-family: "Trebuchet MS", Arial, Verdana;
}

body {
  background-image: url("../images/11.jpg");
  background-repeat: repeat-y;
  min-width: 630;
}

#top {
  height: 190px;
  background-image: url("../images/6.jpg");
  background-repeat: no-repeat;
  background-position: top;

}

#top a {
  text-decoration: none;
}

#top img {
  border: none;
}

#logo {
  float: left;
}

#notices {
  overflow: visible;
  min-width: 300px;
}

#notices ul {
  margin: 0;
  padding: 0;
}

#notices li {
  margin-top: 4px;
  color: #ffffff;
  list-style: none inside url("../images/16.gif");
}

#notices li a {
  color: #ffffff;
  font-weight: bold;
  font-size: 125%;
}

#notices li a:hover {
  text-decoration: underline;
}

#search_box {
clear: both;
padding-top: 20px;
}

#main {
  min-width: 400px;
  min-height: 100%;
  margin-left: 200px;
  margin-right: 10px
  height:100%;
}

#main .col {
  padding: 12px 35px 30px 35px;
}

#main h1 {
  font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #eeeeee;
  color: #604000;
}

#main h1 a {
  font-weight: normal;
}

#main p {
  line-height: 20px;
}

#sidebar {
  width: 200px;
  padding-top: 10px;
  float: left;
}

div.submenu li
{
  display: block;
  list-style-type: none;
}

div.submenu li a
{
  font-weight: bold;
  font-size: 120%;
  display: block;
  color: #0000ff;
  padding: 0.3em 0 0.3em 0.4em;
}

div.submenu li a.active {
  background-image: url("../images/12.gif"); 
  background-repeat: repeat-y;
  filter:alpha(opacity=80); 
  -moz-opacity:0.8
}

div.submenu li a:hover {
  background-image: url("../images/13.gif");
  background-repeat: repeat-y;
  filter:alpha(opacity=80); 
  -moz-opacity:0.8
}

div.blogmenu {
 border-left: 5px #dba6b6 double;
 padding-left: 4px;
 background-image: url("../images/32.gif");
 background-position: center center; 
 background-repeat: no-repeat;
 background-color: transparent;
}


div#feeds {
  width: 80%;
  background-image: url("../images/19.jpg"); 
  background-repeat: repeat-x;
  padding-top: 10px;
}

.post {
  padding: 0 15px 25px 15px;
}

.introduction {
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic;
  color: blue;
  padding-top: 5px;
  line-height: 20px;
  text-indent: 25px;
  padding-left: 0;
  padding-bottom: 10px;
}

#main .articleimg {
  float: right;
  padding: 5px;
  border: 1px solid #eeeeee;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

a.auto-link {
 text-decoration: none;
}
a.auto-link:hover {
 text-decoration: underline;
}
a.auto-link img {
 padding: 2px;
 border: 1px solid white;
}
a.auto-link:hover img {
 border: 1px solid red;
}

input {
  background-color: #FFFFFF;
  padding: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  border: 1px solid #728c40;
  margin-bottom: 2px;
}

textarea {
  background-color: #FFFFFF;
  padding: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  border: 1px solid #728c40;
  margin-bottom: 2px;
}

a { 
  color: #f03000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

li {
  list-style-image: url(../images/li.gif);
  line-height: 20px;
  text-align: left;
}

.logo {
  float: right;
  margin-right: 30px;
}

.clearer {
  clear: both;
}

.txpCommentInputMessage {
  color: #000000;
}

.postmeta {
  margin-top: -11px;
  padding: 0;
  font-size: 0.8em;
  line-height: 0.8em;
  text-align: right;
}

.article {
  border: dotted thin #f03000;
  padding: 3px 6px;
  margin-bottom: 3px;
}

h3#comment {
  background-image: url("../images/19.jpg"); 
  background-repeat: repeat-x;
  padding-top: 4px;
}

div.comment {
  background-image: url("../images/23.gif"); 
  background-repeat: no-repeat;

}


div.comment p.comment_who {
  text-indent: 25px;
}

div.comment div.comment_what {
  background-image: url("../images/24.gif"); 
  background-repeat: repeat-y;
  padding-left: 10px;
}


div.article_heading span.title {
  font-weight: bold;
  font-size: 120%;
}

div.article_heading span.posted {
  color: blue;
}

div.article_heading span.author {
  color: grey;
}

ol ol {
  list-style:lower-alpha
}

/*  
----- calendar stuff 
*/

#calendar-big td, #calendar-big tr.calendar-dow th {
 border: 1px solid #ff3333;
}

@media print {
 #calendar-big td, #calendar-big tr.calendar-dow th {
  border: 1px solid silver;
 }
}

#calendar-big {
 border-collapse: collapse;
 width: 100%;
}

#calendar-big tr.calendar-top th {
 font-weight: bold;
 font-size: 2em;
 padding: 3px;
 border: none;
}
#calendar-big th a {
 font-size: 2.2em;
 color: #d60000;
 text-decoration: none;
}
#calendar-big tr.calendar-dow th {
 font-weight: bold;
 font-size: 1em;
 padding: 3px;
}

#calendar-big td {
 vertical-align: top;
 text-align: left;
}
#calendar-big td h4 {
 margin-top: 2px;
}

#calendar {
 position: absolute;
 top: 20px;
 right: 36px;
 background: #ff9;
 padding: 4px;
 border: 1px solid blue;
 margin: 2px;
 font-size: 0.9em;
}
#calendar th a {
 font-weight: bold;
 font-size: 2em;
 padding: 3px;
}
#calendar td {
 text-align: right;
}
#calendar td div {
 padding: 0px 4px;
 border-top: 2px solid #ff9;
 border-right: 2px solid #ff9;
}

body {
  behavior:url("/htc/csshover.htc");
}

.hasarticle {
  font-weight: bold;
  color:red;
  position: relative;
  cursor: default;
}

#calendar td div.hasarticle:hover {
  background: #acffff;
  z-index:10;
  border-top: 1px solid red;
  border-right: 1px solid red;
}

.hasarticle ul {
  position:absolute;
  top: 1.4em;
  right: -1px;
  z-index:3;
  display: none;
  padding: 0px;
  margin: 0.1em 0px 0px 0px;
  background: #acffff;
  list-style: none;
  border-bottom: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
}

.hasarticle ul li {
  padding: 5px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
}

div.hasarticle:hover ul {
  display: block;
  margin: 0;
}

/*  
----- calendar stuff end
*/

/*
--- contact tables
*/

.contact {
  border-spacing: 0;
}
.contact td,
.contact th {
  padding: 3px;
  margin: 0;
}

.contact th {
  text-align: left;
  background-color: #444;
  color: #fff;
}

.contact .odd {
  background-color: #ddd;
}

dt {
 margin-top: 4px;
}