/*** BASICS ***/

.hide { display: none; }


/*** BASICS ***/

* { line-height: 2em; }

body { font-family: Bitstream Vera Serif, Georgia, serif; }
body { margin: 0; font-size: 12px; background-image: url(/common/music-tile.jpeg); }

a { text-decoration: underline; font-weight: bold; color: #5f3e1f; background: transparent; }
a:hover { text-decoration: none; }

h1 a { background: none; padding-left: none; }


/*** HEADINGS ***/

h1, h2, h3, h4, h5, h6 { line-height: 1.5em; }
h2, h3, h4, h5 { margin: 0.5em 0 0 0; }

h2, h4 { font-weight: bold; }
h2, h3, h4 { font-style: normal; }
h3, h5 { font-weight: normal; }

h1 { font-size: 160%; letter-spacing: 0.3em;
     text-transform: none;
     font-variant: small-caps;
     text-align: center;
     margin: 0; padding-top: 0.5em; }
h2 { font-size: 180%; text-align: center; }
h3 { font-size: 140%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; font-style: italic; }

/*** LAYOUT ***/

#header { margin: auto; width: 80%; padding: 0 1em; max-width: 900px; border: 1px solid #777; border-top: 0; background-color: white; padding-top: 10em; max-height: 170px; background: url(/common/music-header.jpeg); }

#content { width: 70em; }
#content { margin: auto; padding: 0 1em 0 1em; margin-top: 2em; }


/*** STYLING ***/

/** contexts **/

#contexts { display: none; }
#contexts { padding: 0.5em; font-size: 90%; }
#contexts * { text-align: center; }
.context em { font-style: normal; font-weight: bold; }

/** content **/

#content p { padding: 0.7em 0; margin: 0; }
#content li p { text-indent: 0; }

#content code { font-size: 90%; }
#content ul { list-style-type: square; margin-top: 0.5em; }

hr { width: 100%; border: none; border-top: 1px dashed black; }

#content dt { font-weight: bold; }
#content dd ul { padding-left: 0; margin-left: 0; }


/*** SHEET MUSIC-SPECIFIC ***/

.sheets { border: 0px solid #777; margin: 0; padding: 0; border-bottom: 0; background-image: url(/common/music-tile-dark.jpeg); }
.sheets div { display: block; padding: 0.5em 1em; margin: 0; }
.sheets div h4 { margin: 0; padding: 0; font-size: 120%; }

.sheets div {
background: repeat-x;
background-image: url(/common/music-line.png);
background-position: bottom;
padding-bottom: 1em; }

.sheets ul { margin-left: 0; padding-left: 2em; }
.sheets .half { width: 45%; float: right; padding-left: 5%; background: none; }
.sheets .clear { clear: both; }

.sheets ul li { padding-bottom: 1em; }