/* general elements */ 

* {
  margin: 0px;
  padding: 0px;
}

a {
  color: #008;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  padding-left: 15px;
}

input {
  padding: 2px;
  margin: 0px;
  border: none;
  color: #666;
  text-transform: none;
  font-family: "Lucida Grande", "Bitstream Vera Sans","Lucida Sans Unicode", "Trebuchet Unicode MS", Verdana, Helvetica, sans-serif;
}

textarea {
  font-family: "Lucida Grande", "Bitstream Vera Sans","Lucida Sans Unicode", "Trebuchet Unicode MS", Verdana, Helvetica, sans-serif;
}

img {
  border: 0px;
}

blockquote {
  margin: 8px 0px 8px 10px; 
  padding: 8px; 
  background-color: #eee;
  border-left: 6px solid #ddd;
}

form {
  margin: 0px;
  padding: 0px;
}

.cleardiv {
  clear: both;
}

/* new design */

body {
  background-color: #861e20;
  color: black;
  font-family: "Lucida Grande", "Bitstream Vera Sans","Lucida Sans Unicode", "Trebuchet Unicode MS", Verdana, Helvetica, sans-serif;
  font-size: 13px;
}

#container {
  margin: 0 auto;
  width: 800px;
}

#header {
  background-image: url(/pictures/header_logo.jpg);
  background-repeat: no-repeat;  
  background-position: top left;
  color: white;
  padding-top: 5px;  
  padding-bottom: 10px;
}

#header-link {
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  height: 100px;
  width: 500px;  
}

#header-navigation {
  text-align: right;
  line-height: 1.3;
  font-size: 14px;
  padding-right: 5px;
  color: #888;
}

#header-navigation a {
  color: white;
}

#header-navigation a:hover {
  color: white;
}

#header-navigation input {
  text-align: right;    
  background-color: #ddd;
  width: 75px;
  color: #861e20;
  margin-top: 2px;  
}

#main {
  background-color: white;
  border-left: 5px solid #631618;
  border-right: 5px solid #631618;
  border-bottom: 5px solid #631618;
  margin-bottom: 5px;  
}

#main-navigation {
  background-color: #631818;
  padding: 5px;
  font-size: 14px;
  text-align: center;  
  color: #888;
  line-height: 1.5;
}

#main-navigation a {
  color: white;
}    

#main-navigation .section {
  font-size: 12px;
}

#main-navigation .dynamic {
  font-size: 12px; 
  margin-top: 2px; 
  padding-top: 2px;
  border-top: 1px dotted #666;
}

#main .entry, 
.pivot-search-result, 
#tagpage,
#main .pivot-error {
  margin: 15px;
  border-top: 2px dotted #aaa; 
  padding-top: 5px;
  padding-bottom: 10px;
  line-height: 1.4;
}

#main .sticky-entry {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #ddd;  
  line-height: 1.4;
  width: 510px;
}

#main .entry h1, 
#main .sticky-entry h1, 
.pivot-search-result h2, 
#tagpage h2,
#main .pivot-error h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;  
  color: #631818;
}

#main .entry h1 a {
  color: #631818;
}

#main .entry h2, 
#main .entry h3,
#tagpage h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;  
  color: #631818;
}

#tagpage h3 {
  margin-top: 10px;
}

#main .entry-info {
  font-size: 12px;
  margin-bottom: 10px;
  color: #666;
  text-transform: lowercase;
}

#main .entry .commentlink-some a {
  border-bottom: 1px dotted #666;
}

#main .pivot-error {
  background-image: url(/pictures/warning_icon.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 80px;
}

#main .pivot-error p {
  font-weight: bold;
}

#main .pivot-error-footer {
  margin: 15px;
}

#main .entry #social-stuff {
  margin-top: 20px;
}

#sidebar-toggle {
  float: right; 
  background: #ffc;
  padding: 5px;
}

#sidebar-toggle a {  
  padding-left: 18px; 
  background: url(/pictures/icon_tip.png) no-repeat left center;
}

#sidebar {
  float: right;
  width: 200px;
  background-color: #ddd;
  border-top: 10px solid white;
  border-left: 15px solid white;  
  border-right: 10px solid white;
  border-bottom: 10px solid white;
  color: #444;
  padding: 10px;
  font-size: 12px;
  background-image: url(/pictures/sidebar_background.png);
  background-repeat: repeat-y;
  background-position: top right;
  line-height: 1.4;
}

#sidebar #close {
  float: right;
}

#sidebar #close a {
  color: #666;
  padding-right: 18px; 
  background: url(/pictures/icon_close.png) no-repeat right center;
}

#sidebar .topic {
  margin-bottom: 15px;
  text-transform: lowercase;
}

#sidebar .topic h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #631818;
}

#sidebar .topic h1 a {
  color: #631818;
}

#sidebar .topic h1#about a {
  padding-left: 22px;
  background: url(/pictures/icon_about.png) no-repeat left center ;
}

#sidebar .topic h1#gallery {
  padding-left: 22px;
  background: url(/pictures/icon_pictures.png) no-repeat left center ;
}

#sidebar .topic h1#expo a {
  padding-left: 22px;
  background: url(/pictures/icon_pictures.png) no-repeat left center ;
}

#sidebar .topic h1#radio a {
  padding-left: 22px;
  background: url(/pictures/icon_radio.png) no-repeat left center ;
}

#sidebar .topic #play-button {
  height: 24px;
  width: 73px;
  background: url(/pictures/radio_play.png) no-repeat left center ;
}

#sidebar .topic #play-button:hover {
  background: url(/pictures/radio_play_hover.png) no-repeat left center ;
}

#sidebar .topic h1#calendar a {
  padding-left: 22px;
  background: url(/pictures/icon_calendar.png) no-repeat left center ; 
}

#sidebar .topic h1#feeds {
  padding-left: 22px;
  background: url(/pictures/icon_feeds.png) no-repeat left center ;
}

#sidebar .topic h1#comments {
  padding-left: 22px;
  background: url(/pictures/icon_comments.png) no-repeat left center ;
}

#sidebar .topic h1#related {
  padding-left: 22px;
  background: url(/pictures/icon_related.png) no-repeat left center ;
}

#sidebar .topic h1#archives {
  padding-left: 22px;
  background: url(/pictures/icon_archives.png) no-repeat left center ;
}

#sidebar .topic h1#links a {
  padding-left: 22px;
  background: url(/pictures/icon_links.png) no-repeat left center ;
}

#sidebar .topic h1#help a {
  padding-left: 22px;
  background: url(/pictures/icon_help.png) no-repeat left center ;
}

#sidebar .topic h1#stuff {
  padding-left: 22px;
  background: url(/pictures/icon_stuff.png) no-repeat left center ;
}

#sidebar .topic h1#calendarhelp {
  padding-left: 22px;
  background: url(/pictures/icon_tip.png) no-repeat left center ;
}

#sidebar .topic h1#twitter {
  padding-left: 22px;
  background: url(/pictures/favicon_twitter.ico) no-repeat left center ;
}

#sidebar .topic h1#news {
  padding-left: 22px;
  background: url(/pictures/icon_newspaper.png) no-repeat left center ;
}

#sidebar .topic .iconlink {
  opacity: 0.6;
  filter: alpha(opacity=60);
  zoom: 1;
  margin-left: 1px;
}

#sidebar .topic .iconlink:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  zoom: 1;
}

.feed-link {
  padding-left: 20px;
  background: url(/pictures/standard_feed_icon.png) no-repeat left center;  
  text-transform: none;
}

#sidebar .event-date {
  font-size: 11px;
  margin-right: 5px;
}

#sidebar .event-confirmed {
  border-bottom: 1px dotted #444;
}

#sidebar .event-cancelled {
  text-decoration: line-through;
}

#sidebar a.event-external {
  color: #444;
}

#sidebar a.event-external:hover {
  color: #000080;
}

#sidebar img.addthis {
  opacity: 0.8;
  filter: alpha(opacity=80);
  zoom: 1;
}

#sidebar #jslideshow_div {
  text-align: center;
}

#sidebar #jslideshow_div div {
  height: 30px;
}

#sidebar #jslideshow_img {
  border: 5px solid white;
}

#sidebar ul#news li span {
  font-size: smaller;
}

#footer {
  background-color: #861e20;
  color: #888;
  text-align: center;
  margin-bottom: 15px;
}

#footer a {
  color: white;
}

/* pivot generated stuff */

.pivot-search-result form {
  display: none;
}

.pivot-popupimage {
  margin-right: 5px;
  margin-bottom: 5px;
}

.pivot-link-video {
  padding-right: 20px;
  background-image: url(/pictures/link_icon_video.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.pivot-link-audio {
  padding-right: 16px;
  background-image: url(/pictures/link_icon_audio.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.pivot-link-picture {
  padding-right: 22px;
  background-image: url(/pictures/link_icon_picture.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.pivot-link-internal {
  padding-right: 18px;
  background-image: url(/pictures/link_icon_internal.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.pivot-technical-info {
  color: gray;
  font-size: 11px;
}


/* comment form & entries */
 
.commententry, .commentform, .commentmessage {
  background-color: #eee;
  padding: 5px;
  margin-bottom: 15px;
  color: #444;  
  text-transform: lowercase;
}

.commentform {
  font-size: 12px;
}

.commentmessage {
  background: #ffc url(/pictures/icon_info.png) no-repeat 6px 6px;
  padding-left: 25px;
  border: 0px;
}

.commententry .commentgravatar {
  float: right;
  margin-left: 5px;
  margin-bottom: 1px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  zoom: 1;
  border: 1px solid white;
}

.commententry:hover .commentgravatar,
.commententry .commentgravatar img:hover {
  opacity: 0.99;
  filter: alpha(opacity=99);
  zoom: 1;
}

.commententry .commentcontent {
  min-height: 25px;
}

.commententry .commentfooter {
  padding-left: 18px;
  background-image: url(/pictures/icon_comment.png);
  background-repeat: no-repeat;
  background-position: center left;
  font-size: 11px;
  color: #666;
  margin-top: 10px;    
}

.commententry:hover .commentfooter,
.commententry:hover .commentfooter a {
}

.commententry .commentfooter a {
  color: #666;
  text-decoration: underline;
}

.commentinput {
  font-size: 13px;
  width: 230px;
  border: 1px solid #ccc;  
  color: #666;
  background-color: #fff;
  padding: 1px;
}

.commentinput:focus {
  background-color: #ffc;
}

.commentbutton {
  background-color: #999;
  font-size: 13px; 
  color: white;
  padding-left: 6px;  
  padding-right: 6px;  
  padding-top: 2px;  
  padding-bottom: 3px;  
  text-transform: lowercase;
}

.commentdisclaimer {
  color: #666;
  font-size: 11px;
}

.commentform tr.spacer {
  height: 5px;
}

/* fixed entry: FAQ */

div.faq_q, div.faq_a {
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 2px;  
  padding-bottom: 2px;  
  padding-left: 25px;  
}

div.faq_q {
  background-image: url(/pictures/faq_icon_q.png);
  font-weight: bold;  
  padding-bottom: 5px;  
}

div.faq_a {
  background-image: url(/pictures/faq_icon_a.png);
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #999;
}

/* fixed entry's: news and related */

#main .entry #news .item {
  margin-top: 15px;
  border-top: 1px solid #ddd;
  padding: 5px;
}

#main .entry #news .item:hover {
  background-color: #eee;
}

#main .entry #news .item .title,
#main .entry #news .item .title a {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;  
  color: #631818;
  text-transform: lowercase;
}

#main .entry #news .item .body {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}

#main .entry #news .item .body img {
  float: left;
  margin-right: 10px;
}

#main .entry #news .item .body blockquote {
  margin: 0;
  padding: 0;
  background-color: inherit;
  border: 0;
}

#main .entry #news .item .footer {
  clear: left;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 11px;
  color: #666;  
}

/* fixed entry: sitemap */

#main .entry #sitemap {
  border: 0;
}

#main .entry #sitemap .title {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;  
  color: #631818;
  background-color: #eee;
}

#main .entry #sitemap .desc {
  font-size: 12px;
}

/* fixed entry: calendar */

.eventpopup {
  display: none;
  position: absolute;
  background-color: white;
  color: black;
  border: 2px solid #631818;
  padding: 5px;
  width: 155px;  
  text-transform: none;
}

.eventpopup .title, 
.eventpopup .title-with-entry {
  font-size: 13px;
}

.eventpopup .title-with-entry {
  background-image: url(/pictures/link_icon_internal.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 16px;
  margin-right: 2px;  
}

.eventpopup .location, .eventpopup .location-with-coverage {
  color: #666;  
}

.eventpopup .location-with-coverage {
  background-image: url(/pictures/icon_ticket.png);  
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 16px;
}

.eventpopup .fulldate {
  color: #666;
  font-size: 10px;  
}

.eventpopup .description {
  font-size : 10px;
  border-top: 1px solid #666;
  margin-top : 4px;
  padding-top : 4px;
}

.eventpopup .coverage {
  border-top: 1px solid #666;
  margin-top : 4px;
  padding-top : 4px;
}

a.event-external {
  color: black;
}

a.event-external:hover {
  color: #000080;
}

.event-confirmed {
  border-bottom: 1px dotted #666;
}

.event-cancelled {
  text-decoration: line-through;
}

#calendar tr.header {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  background-color: #eee;
  color: #666;
}

#calendar tr.header a.previous,
#calendar tr.header a.next {
  margin-top: 4px;
}

#calendar tr.header a.previous {
  float: left;
  background-image: url(/pictures/icon_previous.png);
  background-repeat: no-repeat;
  background-position: center left;  
  padding-left: 20px;
}

#calendar tr.header a.next {
  float: right;
  background-image: url(/pictures/icon_next.png);
  background-repeat: no-repeat;
  background-position: center right;  
  padding-right: 20px;
}

#calendar tr.week {      
  font-size: 11px;
}

#calendar td {
  padding: 3px;
  border : 1px solid white;
}

#calendar td.title {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

#calendar td.title #month {
  font-size: 18px;
  font-weight: bold;  
  color: #631818;
}

#calendar td.inrange, 
#calendar td.inrange-today {
  background-color: #e0e0e0;
}

#calendar td.outrange, 
#calendar td.outrange-today {
  background-color: #eee;
}          

#calendar td.inrange-today, 
#calendar td.outrange-today {
  border: 1px solid #06f;
}

#calendar td .day {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: right;      
  color: #06f;
  margin-bottom: 2px;
}

#calendar .events .event-item {
  background: url(/pictures/icon_dot.gif) no-repeat 0px 3px;
  padding-left: 12px;
}