/* 

dark red: d60000
pinkish : ff3333

*/

#top-img-1 {
 background: url('../images/8.jpg') no-repeat;
}
#top-img-2 {
 background: url('../images/2.jpg') no-repeat;
}
#top-img-3 {
 background: url('../images/9.jpg') no-repeat;
}

html {
 text-align: center;
 padding: 6px;
}

html body
{
  max-width: 60em;
  margin: auto;
  text-align: left;

  font-size: 90%;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Trebuchet MS", Arial, Verdana;

}

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

html{
  height:100%;
}

#content
{
  max-width: 900px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;

  text-align: left;
  overflow:auto;

}

.filed-under {
 text-align: right;
 text-style: italic;
 color: silver;
}
.filed-under a {
 text-decoration: none;
 color: #ff3333;
}
.filed-under a:hover {
 text-decoration: underline;
}

#top a {
 color: white;
 text-decoration: none;
}

#top a:hover {
 color: black;
}

#title
{
  font-size: 20px;
  background: #d60000;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 30px 5px 10px;
}

.introduction
{
  font-family: Helvetica, Arial, sans-serif;
  line-height: 20px;
  color: #333333;
  font-style: italic;
  text-indent: 25px;
  padding-left: 6px;
  padding-bottom: 20px;

}

#main
{
  background: #fff;
  padding-right: 10px;
  padding-top: 20px;

}

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

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

#sidebar {
  padding: 20px 0 10px 10px;
  border-left: 1px solid #D9D9D9;
}

#sidebar .col
{
  padding: 15px 11px 15px 11px;
}

#sidebar h3, #sidebar .h3{
 margin-top: 3px;
}

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

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

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

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

.button {
  color: #000;
  cursor: pointer;
}

input.disabled {
  display:none;
  color: #666;
  cursor: default; 
}

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 {
  clear: right;  /* handles images staying within the article div */
  padding: 3px 6px;
  margin-bottom: 3px;
}

span.title {
 font-weight: bold;
 font-size: 1.3em;
 color: #d60000;
}

.title a {
 text-decoration: none;
 color: #d60000;
}

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

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

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

#top-search {
 width: 100%;
}

#search-box {
 float: right;
 padding: 20px 6px;
 background: #d60000;
 color: white;
 font-weight: bold;
}

#top .cloud {
 padding: 2px 15px;
}
#top .cloud a {
 color: black;
 text-decoration: none;
 white-space: nowrap;
}
#top .cloud a:hover {
 text-decoration: underline;
}
#top .cloud a.cloud-events,
#top .cloud a.cloud-resources {
 color:#d60000;
 font-weight: bold;
}

#top .cloud a.active {
  border: 1px solid #d60000;
  padding: 1px;
}

#notices {
 background: yellow;
 border: dotted 1px #d60000;
 padding: 1px 4px;
 margin: 0px 0px 10px 0px;
 font-size: 1em;
 font-style: oblique;
}

#notices p {
  text-indent: -10px;
  padding-left: 10px;
}

#upcoming {
 background: #f96;
 border: dotted 1px #d60000;
 padding: 1px 4px;
 margin: 0px 0px 10px 0px;
}

#upcoming h3 {
 color: #fff;
}

#upcoming dt {
 font-size: 1em;
 margin: 0px;
 font-style: oblique;
} 

#upcoming dd {
 font-size: 1em;
 margin-bottom: 4px;
 margin-left: 10px;
 * margin-left: 0px;
 padding: 0px;
}

.event-listing a {
 color: #d60000;
}
.event-listing a:visited {
 color: #d60000;
}

.prev-next {
 white-space: nowrap;
 margin: 20px 0px;
 height: 3em;
}

.prev-next a, .prev-next a:visited, 
.comment_who a, .comment_who a:visited {
 font-weight: bold;
 text-decoration: none;
 color: #d60000;
}
.prev-next a:hover {
 text-decoration: underline;
}
.prev-next b {
 font-size:2em;
}

.prev-next > div {
}

.prev-next a {
padding: 12px 50px;
}

.prev-next-left {
float:left;
}
.prev-next-left a {
background:url('../images/larrow.gif') no-repeat 0% 50%;
}
.prev-next-right {
float:right;
}
.prev-next-right a {
background:url('../images/rarrow.gif') no-repeat 100% 50%;
}

h1, .h1 {
font-size: 1.4em;
font-variant: small-caps;
margin-bottom: 3px;
color: #f33;
border-top: #f33 1px solid;
}

h2 {
font-size: 1.2em;
font-decoration: italic;
font-weight: bold;
color: #d63333;
margin-top: 3px 0px;
margin-bottom: 3px;
}

h3, .h3 {
font-size: 1.2em;
font-variant: small-caps;
margin-bottom: 3px;
color: #f33;
}

.h3 a {
 color: #f33;
 text-decoration: none;
}

.h3 a:hover {
 text-decoration: underline;
}

h4, .h4 {
font-decoration: italic;
font-weight: bold;
color: #d63333;
margin-top: 3px 0px;
margin-bottom: 3px;
}

blockquote {
 font-style: italic;
}

.mini-ctrl {
font-variant: small-caps;
}

a.auto-link {
text-decoration:none;
}
a.auto-link:hover {
text-decoration:underline;
}

.excerpt {
padding: 0px 0px 0px 10px;
}
.excerpt p {
padding: 3px 0px 0px 0px;
margin: 0px;
}

span.more {
padding-left: 20px;
}
.more a, a.more {
color: #d60000;
}

#sidebar hr {
border-top: solid #d60000 1px;
border-bottom: none;
}

.comments_error {
 font-weight: bold;
 color: red;
}

.instruct {
 color: #0066FF;
 font-style: italic;
}

.inserted {
 margin: 10px;
 padding: 5px;
 border: dotted blue 3px;
}

ins {
 text-decoration: none;
 border-bottom: dotted blue 2px;
}

del {
 color: red;
}


/*  
----- 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;
 font-size: 1.1em;
 position: relative;
 width: 100%;
}

#calendar {
 position: relative;
 background: #ff9;
 padding: 4px;
 border: 1px solid #d60000;
 margin: 2px;
 font-size: 0.9em;
}
#calendar th {
 font-weight: bold;
 font-size: 1em;
 padding: 3px;
}
#calendar tr.calendar-top th {
 font-size: 1.1em;
}

.calendar-top th {
 text-align: center;
}

#calendar th a {
 color: #d60000;
 text-decoration: none;
 font-size: 2em;
}
#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: #ffcccc;
  z-index:10;
  border-top: 1px solid red;
  border-right: 1px solid red;
}

.hasarticle ul {
  position:absolute;
  top: 1.0em;
  right: -1px;
  * right: 1px;
  z-index:3;
  display: none;
  padding: 0px;
  background: #ffcccc;
  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;
}

.cycle8 {
 font-size: 0.6em;
 color: #fff;
 padding: 2px;
 background-color: #F33;  
 position: absolute;
 right: 2px;
}

/* journals
------------------------------------------------ */

ul.journals_menu {
  margin: 0 0 10px 10px;
  padding-left: 0;
}

ul.journals_menu li {
  list-style: none;
}

ul.journals_menu li.active {
  font-weight: bold;
}

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

#top-print {
  display:none;
  visibility: collapse;
}

@media print {
 #sidebar, 
 .calendar-top th a, 
 #txpCommentInputForm,
 h3#comment,
 .prev-next, 
 #top-search,
 .introduction,
 .instruct,
 #top {
  display: none;
  visibility: collapse;
 }
 #top-print {
  display: block;
  visibility: visible;
 }
 #title {
  font-size: 1.em;
  padding: none;
  margin: none;
  text-align: center;
  border: 1px solid black;
 }
 #main {
  border-top: 1px solid silver;
  padding: 5px 0px;
  width: 100%
 }
 #calendar-big tr.calendar-dow th {
  width: 14%;   
 }
 #calendar-big td {
  height: 8em;   
  font-size: 0.8em;
  font-weight: normal;
 }
 #calendar-big td h4 {
  font-weight: bold;
 }
 #calendar-big td a {
  text-decoration: none;
  color: black;
 }
}