.typography {
  font-size: small;
}

.typography ol, .typography ul, .typography p {
  padding: 0;
  margin: 0 0 1em;
}

.typography ul li {
	padding: 0 0 3px 13px;
	margin: 0 0 3px;
}

.typography ol li {
	padding: 0;
	margin: 0 0 3px 2em;
}

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5 {
	font-weight: bold;
	margin: .8em 0 0.2em 0;
	line-height: 1em;
}
div.typography h1 { font-size: 150%; }
div.typography h2 { font-size: 130%; }
div.typography h3 { font-size: 110%; }
div.typography h4 { font-size: 100%; }

.typography hr {
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #fc0;
	border-left: none;
	clear: both;
}

.typography q {
	font-style: italic;
}

.typography blockquote {
  font-style: italic;
  margin: 0;
  padding: 1em 1.5em;
}

.typography h3 cite { /* For attributions placed above a quotation as a header */
  font-size: 90.91%; /* inverse of 110% (return to normal size) */
  font-style: normal;
  font-weight: normal;
}

.typography cite {
  display: block;
  margin: -1em 0 1em;
  text-align: right;
}
.typography p cite, .typography blockquote cite, .typography h3 cite {
  display: inline;
}

/*************** classes ***************/
.typography .accent {color: #993366;}

.typography div.right, .typography div.left {
	padding: .5em;
}

.typography .right {
	float:right;
	margin-left: 10px;
}

.typography .left {
	float:left;
	margin-right: 10px;
}

/** sectioned pages (t.o.c. etc.) **/
.typography .toc {
  border-bottom: 1px solid #FC0;
}
.typography .toc .back-to-top { /* shouldn't happen -- but Textpattern... */
  display: none;
}
.typography div.section {
  position: relative;
  border-bottom: 1px solid #FC0;
}
.typography .image {
	display: inline;
}

.typography .videoSwapVersion {
	font-family:verdana; 
	font-size:x-small; 
	margin:3px 0;
}

/*********** CQ schedule page ***********/
/* Should these styles be embedded in the 
   one page that uses them? */
.typography .CQlist {
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
}
.typography .CQlisthead {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.typography .CQlistmonths {
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
}
.typography .Series1 {color: #399}
.typography .Series2 {color: #936}
.typography .Series3 {color: #060}
.typography .Series4 {color: #f63}
.typography .Series5 {color: #c03}

/* Expandable blocks of content */
/* These blocks (if javascript is enabled)
   will be hidden until clicked, except for 
   contained h2, h3, or h4 elements */
.typography .expandable * {
  display: none;
}
.typography .expandable h2,  .typography .expandable h3, .typography .expandable h4 {
  display: block;
  font-weight: normal;
  font-size: 100%;
  padding-top: 2px;
  cursor: pointer;
}
.typography .expandable {
  color: #399;
}
.typography .expandable:hover {
  text-decoration: underline;
}
.typography .expandable * * {
  display: inline;
}
.typography .expanded {
  padding-bottom: 10px;
  padding-top: 10px;
  background: none;
}
.typography .expanded h2, .typography .expanded h3, .typography .expanded h4 {
  margin-top: 0;
}