/* Bob Husson */
/* 01/24/2008 */

@media all   {
body {background-color: black; font-family: sans-serif; font-size: 10pt; margin-left: 5%; margin-right: 5%}
/* p {text-align: justify} */
p b {color:blue}

 #Content { width:836px; background-color: black; color: white; margin:0px auto; }  

 /*  #Content { width:800px; background-color: #6666ff; margin:0px auto; }  */


/* a {color: #000066; text-decoration: none} */

a {font-weight: normal; text-decoration: none; color:#0066CC} 

a:hover {font-weight: bold; text-decoration: none}


h3 a:hover {text-decoration: underline; font-style: italic; text-decoration: none} 

#head {text-align: center; font-size: 9pt}
/* #head a {border: 1px solid black; background-color: white; padding: 5px 5px 0px 5px} */
#head a:hover {font-weight: bolder} 


#midsection {text-align: center; clear: both}

.date {float: left; font-size: 10pt}

#blogsection {text-align: center; font-size: x-large}
#blogsection  a:hover {text-decoration: underline}

#textstuff  {width: 700px; text-align: justify; margin: 0 auto;}

/* .textstart {float: left}  */
.textstart:first-line {font-variant: small-caps}
.textstart:first-letter {float: left; font-size: 300%; line-height: 0.8}

#ticketform {font-size: 10pt; border-collapse: collapse; width: 680px; 
                  background-color: white; margin-left: auto; margin-right: auto;
                   }

/* #ticketform td {vertical-align: top;} */
#ticketform th {width: 100%}


#calendar {float: right; font-size: 7pt; margin-left: 15px; border-collapse: collapse}
/* #calendar a:hover {text-decoration: underline} */

.notice {font-style: italic; color: #FFFF00; text-align: center}
.notice a {font-style: italic; color: #FFFF00; text-align: center}
.notice a:hover {font-weight: bolder}

.features {font-family: serif; font-size: larger; text-align: justify}

.ital { font-style: italic; font-weight: bold; }

#nea {background-color:yellow; border: none }
#calendar th {background-color:lightblue; border: 1px solid blue; font-size: 9pt}

#calendar td {vertical-align: top; width: 80; height: 120; border: solid 1px black;
              background-color: white}

.calhead {font-size: 15pt} 

.calhead2 {font-size: 13pt}

 #venues {background-color: lightblue}

/*.venuetable {background-color: inherit; border: none} */

#ticketform td.date {vertical-align: top; text-align: left; font-size: 10pt}

#ticketform td.dater {vertical-align: top; text-align: right; font-size: 10pt}

.bolder {font-weight: bold; font-variant: small-caps}

.reading {color:darkcyan}

.fringe {color:darkgoldenrod}

.caution {color:red; background-color:white}


#calendar th.prev, #calendar th.next {background-color:white; border: 1px solid black}
/* #calendar td.prev, #calendar td.next {background-image: url(back.jpg); text-align: left}
*/
#calendar td.movie {background-color:lightgreen; text-align: right}
#calendar td.main {background-color:pink; text-align: right}
#calendar td.fringe {background-color:yellow; text-align: right}
#calendar td.reading {background-color:lightcyan; text-align: right}

.venuehead {display: block; font-size: 12pt}

.venue {display: block; font-size: 10pt; left: 20px}

.moviep {background-color:lightgreen}

.mainp {background-color:pink; border-spacing: 3px 0px;}

.fringep {background-color:yellow}

.readingp {background-color:lightcyan}

.clownp {background-color:purple}

#bottom {text-align: center; clear: both; margin-top: 10px; color: white}

#bottom  a:hover {font-weight: 900; text-decoration: none}

#bottom  a {color:white; text-decoration: none}

.intro {background-color: gray; color: white; border-color: white: padding: 5px; border: 5px solid}
.introhead {font-size: x-large}
.introtail {font-size: x-large; text-align: right}


#introstuff  {width: 820px; text-align: justify;  background-color: gray; color: white; border-color: white; padding: 5px; border: 3px solid; font-size: large}

#audstuff  { text-align: justify;  background-color: black; color: white; padding: 5px; font-size: large}

#sponsors  { padding: 10px 20px}


}

@media print {
#head {display: none}
#calendar {float: none; width: 80%;}


#bottom {display: none}
}