body {text-align: center; font: 101% normal Verdana, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #8FB1F1; color: #003; background-image: url(/images/nitidastone.jpg);}

#wrapper {margin: 1em; padding: 0.5em; background-color: #F8DFCB; text-align: left; /* opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; */}

html #wrapper #nav {float: left; width: 200px; color: #000; margin: 2em 0 0 0; padding: 0; /* background: url(/images/nitidastone.jpg); */ padding: 5px; /* opacity:0.0; filter: alpha(opacity=0); -moz-opacity: 1.0; */}

#content {max-width: 78%; margin-left: 220px; margin-right: 1em; background-color: #FFF; padding: 1em;}

h1 {color: #FFF; background-color: #8FB1F1;  padding: 0 10px; margin: 0; font-size: 1.1em;}
h2 {color: #FABFA0; border-top: 5px solid #FABFA0; padding: 0 10px; margin: 0; font-size: 1em;}
h3 {color: #8FB1F1; font-size: 1em; padding: 0 10px; margin: 0; }
h4 {color: #A1C9FD; font-size: 0.95em; padding: 0 10px; margin: 0;}
h5 {font-size: 0.9em; padding: 0 10px; margin: 0; margin-top: 1em;}
h6 {font-size: 0.85em; font-weight: bold; padding: 0 10px; margin: 0;}


a {color: #006;}

#content p, #content ul {margin: 1em; font-size: 0.85em; line-height: 1.3em;}
#content ol {font-size: 0.85em; line-height: 1.3em;}
ul.lnks {margin: 0; padding: 0; list-style-type: none;}

img, iframe {margin: 0.7em;}

.clear {float: none; clear: both;}
.cntr {text-align: center; margin-bottom: 1.5em;}

div.pullquote {display: block; width: 150px; background-color: #EEF; float: right; border: 1px solid #CCD; margin: 3px 1px 3px 10px; padding: 2px;}
div.pullquote h2 {background-color: #FABFA0; color: #FFF; margin: -2px -2px 0 -2px;}
div.pullquote p {font-size: 0.6em; margin: 2px 0; line-height: 0.8em;}
div.pullquote dl {margin: 2px 0;}
div.pullquote dt {font-size: 0.75em; font-weight: bold}
div.pullquote dd {font-size: 0.7em; margin-left: 1em;}
div.pullquote dt.pause, div.pullquote dt.pause a, div.pullquote dd.pause, div.pullquote dd.pause a {color: #9999CC;}

img.imglt {float: left;}
img.imgrt {float: right;}

#nav {font-size: 0.8em;}
#nav h2 {width: 200px; border: 0; padding: 0;}
#nav h2 span {display: none;}
#nav h2.nitidaridge {background: url(/images/nitidahead200.jpg) top no-repeat; width: 200px; height: 50px; margin: 0 -5px; }
#nav ul, #nav li, #nav li li {margin: 0; padding: 0; list-style-type: none;}
#nav ul {margin: 5px 0; width: 190px;}
#nav ul li {background-color: #EEE; border-bottom: 1px solid #CCC; margin-bottom: 1px; }
#nav h3 {color: #9E7C32; padding: 0 3px;}
#nav ul ul {margin: 0;}
#nav li li {padding-left: 5px; border-left: 1px solid #CCC; border-top: 1px solid #CCC;}
#nav a {text-decoration: none; display: block;}
#nav a:hover {background-color: #FFFF99 }


#nav h2.mf {background: url(/images/mfhead200.jpg) top no-repeat; width: 200px; height: 50px; margin: 0 -5px; }
#nav h2.mmm {background: url(/images/mmmpage.jpg) top no-repeat; width: 200px; height: 50px; margin: 0 -5px;}
p.picap {text-align: center; padding: 1em; border: 1px solid #ccc;}
p.picap img {display: block; margin: 0 auto;}

object {display: block; margin: 1em auto;}

#twitter_div {display: none;}
#home #twitter_div {display: block; background-color: #DDD; padding: 2px 4px; margin-top: 2em;}
#twitter_div h2.twitter-title {background-color: #CCC; color: #369;}
#twitter_div h3 {background-color: #CCC; color: #69C; font-style: italic;}
#twitter_div li {font-size: 0.85em; color: #468;}


table.schedule {margin: 1em auto; font-size: 0.85em; border: 3px solid #DDD; vertical-align: top;}
table.schedule tr td {vertical-align: top; border: 1px solid #999; padding: 3px;}
table.schedule tr th {border:  1px solid #999; padding 2px 5px; background-color: #DDD;}
table p {margin: 2px;}
th.time {font-weight: normal;} 
td.sv {background-color: #cc99ff; font-weight: bold; text-align: center;}
td.nr {background-color: #99ffff; font-weight: bold; text-align: center;}
td.mol {background-color: #ffff99; font-weight: bold; text-align: center;}
td.hips {background-color: #6699ff; font-weight: bold; text-align: center;}
td.wb {background-color: #ffcc99; font-weight: bold; text-align: center;}
td.mp {background-color: #99ff99; font-weight: bold; text-align: center;}
td.bbq {background: url(/Montreal_Musicians_Meetup/BBQ-main_Full.jpg) top right; font-size: 2em; font-weight: bold; color: #FFF; text-align: center; vertical-align: middle;}
span.venue {font-weight: normal; font-style: italic; display: block;}

#content ul li li {font-size: 1em;}