/*
* common styles for web sites
* all sites may reference this at common location
* and also reference a local stylesheet for colors and local items
*/
/*
*/
/*
@import url ("http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css");
@import url ("http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css");
*/
body {margin: 0px; color: black; background: white;}
body, p, td, th, li {font-family: Verdana, Arial, Helvetica, sans-serif;}
body { margin-right: 4px; margin-left: 4px; margin-top: 4px;}
@media screen {
body, p, td, th, .highlightblock { font-size: 13px;}
li { font-size: 12px; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4, h5 { font-size: 13px; }
p.smaller, span.smaller, div.smaller { font-size: 10px; }
.navbox { font-size: 10px; }
/*
body, p, td, th, .highlightblock { font-size: 100%;}
li { font-size: 93%; }
h1 { font-size: 182%; }
h2 { font-size: 153.9%; }
h3 { font-size: 123.1%; }
h4, h5 { font-size: 100%; }
p.smaller, span.smaller, div.smaller { font-size: 77%; }
.navbox { font-size: 77%; }
*/
div.printeronly, tr.printeronly {
display: none;
}
}
@media print {
body, p, td, th, .highlightblock { font-size: 10pt;}
li { font-size: 9pt; }
h1 { font-size: 18pt; }
h2 { font-size: 15pt; }
h3 { font-size: 12pt; }
h4, h5 { font-size: 10pt; }
p.smaller, span.smaller { font-size: 8pt; }
.navbox { font-size: 8pt; }
span.noprint, div.noprint, td.noprint, th.noprint {
display: none
}
div.printeronly {
display: block;
}
tr.printeronly {}
a:link, a:visited {text-decoration: none;}
}
p { font-style: italic; margin-top: 0px; margin-bottom: 0.8em; }
p.indent, div.indent { margin-left: 12px; margin-right: 15px; }
h1 {font-weight: bold; padding-top: 0px; margin-top: 0px; margin-bottom: 0.25em; }
h2 {font-weight: bold; padding-top: 0px; margin-top: 12px; margin-bottom: 0.25em; }
h3 {font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }
h4 {font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; text-decoration: underline;}
h5 {font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }
span.subHeader { font-size: 50%; font-weight: normal; }
div.spacer {clear:both; height:1px;}
li.extern { list-style-type: circle; font-size: 100%; }
li.intern { list-style-type: disc; font-size: 100%; }
li.nobull { list-style-type: none; font-size: 100%; }
li.inset { margin-left: 1em; list-style-type: circle; }
li.doubleinset { margin-left: 2.5em; list-style-type: square; }
li a { font-weight: bold; }
ul.condensed {
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0.95em;
padding-left: 0.6em;
}
ul.menu {
margin-top: 6px;
margin-bottom: 6px;
margin-left: 1.2em;
padding-left: 0.6em;
white-space: nowrap;
}
/*
* fixed-width font span most typically used for date at beginning of a element
*/
span.fixedwidth {
font-family: 'Andale Mono', 'Courier New', Courier, monospace;
}
span.warnyellow, td.warnyellow { background: yellow; }
span.warngreen, td.warngreen { background: #33fd86; }
span.warnred, td.warnred { background: #ffb3bb;}
form { margin: 0px; padding: 0px; }
/* styles for tables used as structural elements:
* note if nesting tables, use un-classed TDs for page structuring, then
* specify class=XXX on final cell that actually prints stuff. this avoids
* successive applicationof percentage-based font size specification
*/
table { margin: 0; page-break-before: avoid; }
table td, table th {
padding: 0;
vertical-align: top;
}
/*
* miscellaneous styles
*/
td.cent, th.cent, span.cent, div.cent { text-align: center; }
td.left, th.left, span.left, div.left { text-align: left; }
td.right, th.right, span.right, div.right { text-align: right; }
td.nowrap, th.nowrap { white-space: nowrap }
.tallspacerblock { margin-top: 10em; }
.spacerblock { margin-top: 6em; }
/*
* stuff for simple masthead
* (for top of subsidiary pages or picture pages, just the site name etc)
*/
div#simplemasthead {
padding: 4px;
border-bottom: #808080 1px solid;
margin-bottom: 18px;
font-size: 10pt;
color: #808080;
font-family: Verdana, Arial, Helvetica;
}
div#simplemasthead .sml {
text-align: left; float: left; width: 328px;
}
div#simplemasthead .smr {
text-align: right; float: right; width: 328px;
}
/* this is for optional menu strip that goes right under simplemasthead */
div#sm_topmenustrip {
padding: 4px;
margin-top: -18px;
margin-bottom: 24px;
font-size: 8pt;
color: #808080;
font-family: Verdana, Arial, Helvetica;
text-align: right; width: 99%;
}
/*
* generally, structural elements and link colors are defined in
* site-related files. but for the footer, i define a muted link
* color here so that i can put in my "site by sk8stuff" note with
* a little more subtlety
*/
table#footer a:link, div#footer a:link {color: #666666;}
table#footer a:visited, div#footer a:visited {color: #666666;}
span.magiclink a:link, span.magiclink a:hover { text-decoration: none; font-weight: normal; }
/*
* general highlight block
* (note colors are defined in local stylesheet)
*/
.highlightblock {
margin-left: 12px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 16px;
padding: 4px 8px 4px 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.insidetitle { -moz-border-radius: 6px 6px 0 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
border-radius: 6px 6px 0 0;
padding: 4px 8px 4px 8px;
margin: -4px -8px 4px -8px;
font-weight: bold;
text-align: center;
}
/*
* captionblock typically used for captions on simple picture pages
*/
.captionblock {
border: 1px solid #081d89;
padding: 2px;
text-align: center;
}
/* this is for the sk8 family logo */
div.sk8logo {
margin-top: 36px;
margin-right: 4px;
}
/* this is to support validate.js library */
span.helpnofloat {
color:red;
font-size:11px;
font-weight:normal;
text-align:left;
padding-left: 6px;
}