/*--------------------------------------------------------------
 * Class "main" is for the main content window.
 *--------------------------------------------------------------*/
.main {
    background: url(images/stucco.jpg);
    color: #880000;
    font-size:14pt;
}    

.main h1 {
    text-align: center;
}

.main h2 {
    font-size: 20pt;
}

.main h3 {
    font-size: 18pt;
}

.main p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:black;
}

.main a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12pt;
}

a.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12pt;
    padding-left: 20pt;
}    

.main strong {
    color: red;
}

/*--------------------------------------------------------------
 * Class "info" is for the boxes on the left of the screen.
 *--------------------------------------------------------------*/
.info {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    background-color: #FEF0B8;
    color: #880000;
}

.info h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #996600;
}

.info ul li {
    text-indent:-30;
    list-style-position:inside;
}

table.calendar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    background-color: #aaffff;
    color: #880000;
}


/*--------------------------------------------------------------
 * Class "ads" is for pages with ads.
 *--------------------------------------------------------------*/
.advs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: black;
}

.advs h3{
    font-weight: normal;
    border-top: 1pt black solid;
    color: #996600;
    margin-bottom: 0;
}

.advs h4{
    font-weight: normal;
    color: #996600;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
 * Class "contact" is for the contact info on a performer profile page.
 *--------------------------------------------------------------*/
.contact {
    color: #880000;
    font-size:18pt;
}

.contact a {
    font-size:16pt;
}

.fineprint {
    font-size: 8pt;
}

/*--------------------------------------------------------------
 * Class "concert" is for house concert performer entries.
 *--------------------------------------------------------------*/
h4.concert  {
    font-size: 18pt;
    font-weight: bold;
    color: #880000;
    
}

/*--------------------------------------------------------------
 * Class "schedule" is for event schedule tables.
 *--------------------------------------------------------------*/
.schedule tr td {
    font-size: 12pt;
    text-align: center;
}

.schedule tr th {
    background-color: #808080;
    color: blue;
}

/*--------------------------------------------------------------
 * Class "event-info" is for the event info window.
 *--------------------------------------------------------------*/
.event-info table {
	width: 70%;
    color: #880000;
	background-color: #ffe;
	margin-bottom: 2em;
}
	
/*--------------------------------------------------------------
 * Class "profile" is for the member profiles.
 *--------------------------------------------------------------*/
td.profile {
    padding-left: 30px;
}

/*--------------------------------------------------------------
 * Class "error" is for error messages.
 *--------------------------------------------------------------*/
.error {
    color: red;
    font-weight: bold;
}

/*--------------------------------------------------------------
 * Classes used for the event signup page. Eventually, we should probably merge these into the main site.
 *--------------------------------------------------------------*/
a.link-button {
	border: 1pt solid black;
	cursor: pointer;
	background: white;
	padding: 1em;
	margin: 0.3em;
}

a.link-button:hover {
	background: #888;
}

.signup-error {
	border: 1pt solid black;
	margin: 1em;
	padding: 1 em;
	width: 50%;
	background: #ffd;
}

/*------------------------------------------------
 * Classes for songfest/songworks workshop descriptions
 *------------------------------------------------*/

.workshops {
	background: #ffe; 
	border: 1pt solid black; 
	border-radius: 10px; 
	padding: 10px; 
	margin: 20px;
}

.workshops h3 {
	background: #ddd;
	border: 1pt solid black;
}

.workshops h4, .workshops h5 {
	margin: 0.5em 0;
}
.workshops p {
	smargin: 0 5em;
}

/*---------------------------
 * Classes for the new History page
 *--------------------------*/
dt {
	font-weight: bold;
	margin-top: 1em;
}

.history-date {
	font-weight: bold;
}