* {
margin: 0;
padding: 0;
border: 0;
}

html {
background: #CC0000;
}

body { /* for lightbox */
margin: 0;
padding: 0;
}

#content-column {
margin: 2.5em 30% 2em 10%;
padding: .5em;
background: #FFFFFF;
border: 5px solid black;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
position: relative;
min-height: 400px;
}

h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #000000;
}

p, blockquote, ul, ol, dl {
margin-bottom: 1.8em;
line-height: 1.5em;
}

p:last-child {
margin-bottom: 0;
}

address, .vcard {
margin: 0 0 1.8em 2em;
font-style: italic;
}

ul, ol {
list-style-position: inside;
}

dl dd {
margin-left: 2em;
}

dl dt {
font-weight: bold;
}

/* GENERAL */
strong {
font-weight: bold;
color: #000000;
}

.left {
float: left;
}

.right {
float: right;
}

.half {
width: 50%;
}

.nomargin {
margin: 0;
}

.oops {
text-decoration: line-through;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* HEADER */
#header h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.5em;
letter-spacing: 5px;
text-transform: uppercase;
white-space: nowrap;
position: absolute;
top: -1.1em;
left: 0;
}

#header h1 a {
text-decoration: none;
color: #000000;
}

#header h2 {
font-family: Garamond, "Times New Roman", Times, serif;
font-size: 1.5em;
font-style: italic;
text-transform: lowercase;
position: relative;
top: -10px;
float: right;
}

.byline {
color: #999999;
font-style: italic;
font-variant: small-caps;
}

/* NAVIGATION */
#nav {
position: fixed;
right: 5%;
top: 10%;
width: 20%;
}

#nav h1 {
border-bottom: 1px solid black;
text-transform: uppercase;
font-size: 1em;
padding: 2px;
}

#nav ul {
color: white;
margin: 0;
}

#nav ul li {
list-style: none;
border-bottom: 1px dotted black;
}

#nav ul li a {

color: white;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
background: url(arrow.png) no-repeat left center;
}

#nav ul li a span {
margin-left: 1em;
}

/* INSET */
img.inset {
background: #FFFFFF;
padding: 5px;
border: 5px solid black;
margin: 10px 10px 10px -60px;
float: left;
max-width: 300px;
max-height: 300px;
}

/* NEWS */
ul#news {
list-style-type: none;
}

ul#news > li {
margin-bottom: 1.8em;
}

ul#news > li:last-child {
margin-bottom: 0;
}

ul#news > li p, ul#news > li ul {
margin-bottom: .5em;
}

/* MUSIC */
#set {
list-style: none;
margin-bottom: 0;
}

#set li {
margin-bottom: 1.2em;
}

#set li:last-child {
margin-bottom: 0;
}

#set .title {
display: block;
font-family: Georgia, Times New Roman, serif;
font-size: 1.2em;
color: #000000;
}

#set .artist {
display: inline;
}

#set .artist:before {
content: "By: ";
font-variant: small-caps;
color: #999999;
}

#set .solo {
display: inline;
}

#set .solo:before {
content: "Solo: ";
font-variant: small-caps;
color: #999999;
}

#set .arranger {
display: inline;
}

#set .arranger:before {
content: "Arr: ";
font-variant: small-caps;
color: #999999;
}

/* MEMBERS */
#members {
list-style: none;
margin-bottom: 0;
}

#members li {
margin-bottom: 1.2em;
border: 1px solid black;
padding: 0 .2em .2em .2em;
text-align: justify;
position: relative;
}
/* clearfix for members section */
#members li:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#members li:last-child {
margin-bottom: 0;
}

#members li img {
float: left;
margin: 5px 5px 5px -30px;
background: white;
padding: 2px;
border: 2px solid black;
}

#members .name {
font-family: "Century Gothic", "Helvetica", sans-serif;
font-size: 120%;
letter-spacing: 3px;
}

#members .position {
position: absolute;
top: 0;
right: .4em;
font-family: Garamond, "Times New Roman", Times, serif;
font-style: italic;
}

/* PICTURES */
#pictures {
}

#pictures:after { /*clearfix */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#pictures img {
float: left;
border: 1px solid black;
margin: .2em;
}

/* DISCOGRAPHY */
img.cd {
background: #FFFFFF;
padding: 5px;
border: 5px solid black;
margin: 10px 10px 10px -60px;
float: left;
width: 200px;
height: 200px;
}

/* ALUMNI */
ol#alumni {
list-style: none;
margin-bottom: 0;
}

ol#alumni li {
margin-bottom: 1.8em;
}

ol#alumni li:last-child {
margin-bottom: 0;
}

ol#alumni li ul {
list-style-type: disc;
margin-bottom: 0;
}

ol#alumni li ul li {
margin: 0;
}

/* REVIEWS */
blockquote {
font-family: Garamond, "Times New Roman", Times, serif;
line-height: 1.3em;
margin: 0 1em 1em 1em;
text-align: justify;
background: #CCCCCC;
}

.newspaper {
font-variant: small-caps;
}