/***********
HoganSystem CSS Document 
These values are the minimum required for HoganSystem to work.
For example, they enable a logical layout of the pages
that manage the website.

However, any specifics here may be overridden in:
- site-display.css / site-print.css
- skin.css
- theme.css
- <style></style> in a specific page
- in-line style declarations (<tag style="color:#123"></tag>)

Please keep selector specificity and the !important keyword
in mind; they may be of use to you.
*******/

/***USEFUL DEFAULTS*
(Headings: We suggest you do not override
the text-align on h1 and h1.title independently.)
h1=main title
h1.subtitle = optional subtitle (right under main title)
h2...h6: section headings
SS equivalent of <center>: <tag class="center"> */
h1,h1.subtitle, .center {text-align:center;}
h1 { font-size: 160%; }
h1.subtitle, h2 { font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%; font-style: italic;}
h5 {font-size: 110%; text-transform: uppercase}
h3 {font-size: 100%;}

.left { text-align: left; }
.right { text-align: right; }

/***Links*/
a:link, a:visited { text-decoration: underline; } 

/***Floats*/
.floatLeft, .colorfulFloatLeft {
 float: left; 
 clear: left; 
 margin-right: .5em; 
}
.floatRight, .colorfulFloatRight {
 float: right; 
 clear: right; 
 margin-left: .5em; 
}

/***"BAD" things: Errors, alerts...*/
#errors {
  color:#c00;
  background-color:white;
  border: .1em solid #c00;
}
.critical { /* error messages, warnings - red border */
  border: .1em solid rgb(255, 0, 0);
  padding: .4em;
  color: black;
  background-color: rgb(255, 221, 221);
}
.important { /* simply for attention - e.g. the Next Meeting head on the home page*/
  color: #cc0000;
  background-color:white;
}

/***miscellaneous HoganSystem necessities*/
/*for previewing html pages - feel free to override*/
.preview {
  border: 2px ridge #555;
  background-color: #eee;
  color: black;
}
/*code... is good*/
.code, code	{
	font-family: "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "Lucida Console", "anything but courier", monospace;
}
/* Fix IE/Win code size bug -waffle.wootest.net */
* html code	{
	font-size : 105%; 
}

/* !important necessary here. however this may still
be overridden w/ another !important keyword */
.hide {display: none !important;}
/*make sure <input type="hidden" class="inputHidden"> always hidden.
Yes css2 would be better, but MSIE doesn't afford us that luxury*/
input.inputHidden {display: none !important;}
/*why do forms have extra spacing?*/
form {
 margin:0px;
 padding:0px;
}
.required {
font-weight: bold;
}


/*Data table? Borders, please!  
  Also, please set color, etc in your site/skin file*/
.data { border-collapse: collapse; }
.data td, .data th {
 border: 1px solid;
 margin: 0;
 padding: .2em; 
}
th {font-weight: bold; }
.data thead th { text-align: center;}
.data tbody th { text-align: right;}

/*Default font sizes*/
body.hugeFont {font-size: 1.30em;}
body.largeFont {font-size: 1.15em;}
body.normalFont {font-size: 1em;}
body.smallFont {font-size: .875em;} 
body.tinyFont {font-size: .75em;}
body.serif {font-family: Georgia, "Bitstream Vera Serif", serif;}
body.sansSerif {font-family: Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;} 


/*and quotes*/
q:before {content: open-quote}
q:after {content: close-quote}
blockquote p:before {content: open-quote}
blockquote p:after {content: no-close-quote}
blockquote p:last-child:after {content: close-quote}