/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
 *    because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
 *    normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
/* end undohtml.css */

/***************************************************
 * general attributes
 */
.center { text-align: center; }
.invisible { display: none; }
.debug { display: none; }

/* links */
a:link { color: #CC6633; }
a:visited { color: #FF9900; }
a:active { color: #FFCC00; }

/* body */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 0.5em;
  margin-top: 0.5em;
}

/* headers */
h2 {
  color: #ff9900;
  background-color: #26354a;
  margin-bottom: 1em;
  padding: 0.1em;
  padding-left: 0.2em;
}

/*
 * Filetype indicators for non-web files
 */
a[href $='.pdf'] { 
  background: transparent url(/images/pdf-logo_14x14.gif) no-repeat center right;
  padding-right: 16px;
}

a[href $='.doc'] { 
  background: transparent url(/images/word_icon.gif) no-repeat center right;
  padding-right: 20px;
}

/*
 * Indicator for external website
 */
a[rel ~= 'external'] { 
  background: transparent url(/images/external.png) no-repeat center right;
  padding-right: 12px;
}

/***************************************************
 * main content specific CSS 
 */
#maincontent {
  float: left;
  font-size: 0.75em;
  width: 75%;
}

/* main content paragraphs */
#maincontent p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

#warning {
  background-color: #F1CC01;
  border: 2px solid #002E62;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0px 1em;
}

#warning a:link {
  color: blue;
}

.attention {
  background-color: LightBlue;
  border: 2px solid #002E62;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0px 1em;
}
.feedback {
  border-top: 1px solid;
}
.response {
  font-style: italic;
}


/***************************************************
 * Q/A lists
 */
ul.questionAndAnswer {
  padding: 1em;
}
li.question {
  font-weight: bold;
  padding-top: 0.75em;
}
li.question:before {
  content: "Q: ";
  font-weight: bold;
}
li.answer:before {
  content: "A: ";
  font-weight: bold;
}

/***************************************************
 * generic sidebar specific CSS 
 */
#sidebar {
  background-color: #cccccc; 
  float: right;
  font-size: 0.75em;
  width: 24%;
}

#sidebar p {
  margin: 0.25em;
}

#sidebar h2 {
  font-size: 0.85em;
}

/***************************************************
 * page header and footer CSS
 */
#header, #footer {
  clear: both;
}
span.linkarea {
  background-color: #ffffff; 
  border-color: #ff6600;
  border-style: solid;
  border-width: 0 1px 0 0;
  color: #ff6600;
  font-size: 0.75em;
  margin: 1px;
  padding: 1px 1em;
}
#links a:hover {
  background: #ff6600 none repeat scroll 0 0;
  color: #ffffff;
}
#links :link, #links :visited {
  color: inherit;   /* inherit the linkarea font color */
}
#header span.linkarea {
  letter-spacing: 0.1em;
}
#home {
  float: right;
  display: none;        /* default for nonmembers: rjcMember.css turns it back on */
}
#logo {
  height: 101px;        /* this should be 101px already, but force it just in case */
}
#footer {
  padding-top: 1em;
}
#links {
  border: 4px solid #ff9900;
  border-left: none;
  border-right: none;
  margin-bottom: 0.75em;
  margin-top: 0.30em;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
#index .hideable { /* don't display hideable objects on index.php */
  visibility: hidden;
}
/***************************************************
 * errors CSS
 */
.error {
  font-color: red;
  font-size: 80%;
  font-style: italic;
}
