in a .
**/
div.inline-list p, ul.inline, ul.inline li {
display: inline
}
ul.inline, ul.inline li {
margin: 0;
padding: 0;
/*font-weight: bold;*/
font-size: inherit !important;
/* once overrode li's smaller style, left just in
case we decide to add it back later*/
}
ul.inline li:after {
content: " "
}
/* also see .smaller */
ul.vmargin {
margin: 2em
}
/**
We may change .grid to just table later, since it
may be just redundant
**/
table.grid { /* also see .smaller */
border-collapse: collapse;
border: 2px solid #DEDEDE !important;
margin: 0px auto;
}
table.grid td, table.grid th {
padding: 5px;
border: 1px solid #DEDEDE
}
table.grid td {
text-align: left;
background-color: white
}
table.grid td.alt {
/*background-color: #F5F5F5;*/
}
table.grid th {
/*background-color: #EFEFEF;*/
background-color: #F5F5F5;
text-align: right
}
table.grid th.alt {
/*background-color: #E5E5E5;*/
}
.sidebar form p { margin: 5px 0 }
/* HEADERS */
/**
Notice the double applications --
e.g. div.pagetitle h1 *and* h1.pagetitle.
This is because sometimes the h1 will contain
a description under it, sometimes it won't.
Same goes for h2.
**/
div.pagetitle, h1.pagetitle {
text-align: left !important;
}
div.pagetitle h1, h1.pagetitle {
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1.7em;
text-transform: uppercase;
/*letter-spacing: -1px;*/
color: #003963;
}
div.pagetitle small {
font-family: Georgia;
font-size: 0.75em;
color: black;
font-style: italic;
text-transform: none;
letter-spacing: -0.5px;
margin: 0
}
div.subsec, h2.subsec {
text-align: center;
/*padding-bottom: 10px;
border-bottom: 1px dashed #003963;*/
margin-bottom: 0.7em;
margin-top: 0.7em;
font-variant: small-caps;
}
div.subsec h2, h2.subsec {
font-size: 1.85em;
line-height: 0.95em
}
div.subsec h2, h2.subsec, div.subsec small {
font-family: Georgia, "Times New Roman", Times, serif;
/*font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif*/
letter-spacing: -0.5px;
}
div.subsec small {
margin: 0;
/*font-family: "Book Antiqua";*/
font-size: 0.55em;
font-variant: normal;
letter-spacing: 0;
font-weight: normal;
font-style: italic;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.2em;
font-variant: small-caps
}
/* STRUCTURAL CLASSES */
/**
.display is just a fancy box. It's used for DISPLAYing
(hence the name, duh) things like collections, or maybe
a CD compilation, or else something we want to put
in a box with maybe an image by it.
**/
div.display {
/*width: 80%;*/
border: 1px solid silver;
margin: 1.5em auto;
padding: 1em;
}
div.display div.img {
padding: 1em;
margin: 0px auto;
text-align: center;
/*float: left;*/
}
div.display div.content {
/*margin-left: 23%;*/
}
div.display div.content {
text-align: left
}
div.display h3 {
color: navy;
text-align: center;
border-bottom: 1px solid silver;
padding-bottom: 1em
}
div.content h3 {
text-align: center;
}
/**
.item is best used to contain an item and a
picture to the left/right of the item.
**/
div.item {
min-height: 175px;
clear: both
}
/* CLASSES - GENERAL APPEARANCE */
.left {
float: left;
/*text-align: left*/
}
.right {
float: right;
/*text-align: right*/
}
.smaller, table.grid {
font-size: 0.9em
}
.bigger {
font-size: 1.15em
}
.smallcaps {
/*font-size: 0.95em;*/
font-variant: small-caps;
text-transform: lowercase;
}
.clear, .backtotop, hr, img.left, img.right {
clear: both;
/*height: 0*/
}
.no-b {
font-weight: normal
}
/* CLASSES - INLINE */
.songtitle {
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1em;
}
.money, .money2 {
font-size: 0.95em; /* unless explicitly specified */
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
span.songtitle, .money2 {
/*color: #084A73*/
/*color: #003963;*/
/*color: #0c574e;*/
/*color: #226096;*/
/*color: #306755;*/
/*color: #19675f;*/
/*color: #444;*/
color: #666;
/*font-weight: bold;*/
font-size: 0.95em
}
.songtitle b, b.songtitle {
color: black !important;
}
.money {
color: #306755;
/*font-weight: bold;*/
}
/* CLASSES - MISCELLANEOUS */
/**
To accentuate text we're switching from
a .note model to a .hilite/.note model.
* p.note is a box, so it's used for more important
notes.
* .note refers to anything that's NOT p.note, like
span.note or em.note. It's used for things like
"note: this piece is out of print", etc., or
"new!" or "nominated for XXX award!!"
* .hilite is now just what it is -- it's as if
you highlighted the text. It's a softer notice
than the above, and is used for things like
"see XXX page for an alternate version of this
piece", etc.
**/
p.note {
text-align: center;
border: 1px solid silver;
background-color: #F5F5F5;
-moz-border-radius: 7px;
padding: 3px;
color: #444
}
p.note a {
font-weight: normal
}
.note {
/*color: #890000;*/
color: #891f1f;
}
.hilite {
}
/*
.description {
font-size: 1.15em;
font-family: Tahoma
}
.description h2, .description h3 {
font-weight: normal;
}
.description h2 { font-size: 1.15em }
.description h3 { font-size: 0.95em }
*/
blockquote.quote {
width: 75%;
font-size: 0.85em;
margin: 30px auto;
background-color: #F5F5F5;
padding: 0.7em;
border: 3px double silver;
/*-moz-border-radius: 10px;*/
}
.quote blockquote {
margin: 0;
margin-left: 30px
}
.quote h3 {
color: black;
text-align: left;
font-weight: bold;
font-variant: small-caps;
font-size: 1.5em;
margin: 0;
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid silver
}
/*.quote .author {
font-weight: bold;
}*/
.quote p.author {
text-align: right;
margin-top: -5px
}
.quote hr {
width: 90%;
color: gray;
background-color: gray;
height: 1px;
}