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 {
background-color: white;
border: 1px solid gray;
/*border-top: 1px solid #003963;
border-bottom: 1px solid #003963;*/
padding: 4px 0;
margin: 25px 0 !important; /* overrides margin: 0 set below if singular */
text-align: center;
}
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;
margin: 0
}
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.7em;
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.6em;
font-variant: normal;
letter-spacing: 0;
font-weight: normal;
font-style: italic;
line-height: 1.5em;
display: block;
margin-top: 0.3em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.2em;
font-variant: small-caps
}
/*----------------------------------------
* STRUCTURAL ELEMENTS
*--------------------------------------*/
/**
.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: 90%;
border: 1px solid gray;
background-color: white;
margin: 0px auto 15px auto;
padding: 0 1em;
/*height: 100%*/
}
div.display div.img {
padding: 1.5%;
float: left;
/*min-width: 130px;*/
/*width: 25%;*/
/*height: 100%*/
}
div.display div.content {
width: 69%;
padding: 1.5%;
border-left: 2px dotted silver;
margin-left: 27.1%;
/*height: 100%*/
min-height: 200px
}
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 {
padding: 0 3em 20px 3em;
margin: 0.5em 0 0 0;
}
/**
.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;*/
overflow: hidden;
}
/*----------------------------------------
* BASIC CLASSES
*--------------------------------------*/
/* this is not hidden in the print stylesheet */
.printonly {
display: none
}
.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;
/*clear: left*/
/*height: 0*/
}
.no-b {
font-weight: normal
}
/*----------------------------------------
* MISC CLASSES
*--------------------------------------*/
a.more {
/*color: #AB5320;*/
color: #AB725F;
border-bottom-color: #AB5320;
font-weight: bold;
font-style: italic;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.songtitle {
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
/*font-size: 1em;*/
}
/*
.money, .money2 {
font-size: 0.95em; /* unless explicitly specified *\/
font-family: Arial, Helvetica, sans-serif;
}
.money {
color: #4d5c6f;
}
*/
span.songtitle/*, .money2*/ {
color: #666;
}
.songtitle b, b.songtitle {
color: black !important;
}
/**
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;*/
color: #333;
}
.red {
color: #891f1f;
}
.hilite {
font-style: normal;
/*background-color: #feffd6;*/
background-color: #FFFCC5
/*font-style: italic*/
}
/*
.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.9em;
margin: 30px auto;
background-color: #F5F5F5;
padding: 7px 12px;
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.4em;
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;
}