/********************************
  Basic HTML Styles
********************************/


h3 {
  color:#4B3A28;
  font-size: 150%;
  font-variant:small-caps;
}

h4 {
  color: #555;
  text-decoration: none;
}

pre {
    font-family: Verdana,Georgia,sans-serif;
}

blockquote {
  font-size: 11px;
  color: #666666;
  background: #F8F8F6;
  padding: 10px 10px 10px 10px;
  text-align: left;
  border: 1px solid #E6E0D0;
  border-right: none;
  border-bottom-color: #F8F8F6;
  -moz-border-radius : 8px;
}

blockquote blockquote {
  margin-left: 1em;
}

/*
  used for excerpts of preformatted text,
  like poetry, etc.
*/
blockquote pre {
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

hr {
  width: 70%;
  height: 1px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

ul {
  list-style-type: square;
}
/* use for clearing elements */
hr.clear, div.clear {
  visibility: hidden;
  clear: both;
  height: 1px;
  margin: 0px;
  padding: 0px;
}

/* 
  somewhere the cite element was set to be a smaller font-size.
  this is to revert it back to normal font-size, so that it can
  be used semantically
*/
cite {
  font-size: 100% !important;
}

.disabled { color: #777;}

/********************************
  Template
  Styles that apply to the 
  global site template
********************************/

#programOnDemand {}

.media_info {
  font-size: 80%;
  font-style: italic;
}

#programOnDemand #readMore {
  text-align: left;
  margin-top: .5em;
  padding-top: .5em;
  border-top: 1px solid #dfc28a;
}

div#mainContent {
  padding: 10px; padding-top: 0;
}

/********************************
  Program Index
********************************/

.programIndex h3 {
  font-size: 110%;
  margin: 0;
}

/********************************
  Particulars Page
********************************/

div.particulars {}
.particulars h3 {
  margin-bottom: 0;
}
.particulars .note { margin-top: 0;}

/* generic particular */
.particulars .particular {
  margin-bottom: 1em;
}
* html .particulars .particular { margin-bottom: .5em; }
.particulars .particular h4 {
  text-decoration: none;
  color: #563D1F;
  font-variant: small-caps; 
  font-size: 110%;
  margin-bottom: 0;
  margin-top: 0;
}

.particulars .particular h4 .time { font-weight: normal; }
.particulars .particular p {
  margin-top: 0;
  margin-bottom: 1em;
}



/* musical element */
.particulars .musical_element {}
.particulars .musical_element .album_art {
  float: left; margin-right: 5px; 
  margin-bottom: 0px;
}
.particulars .musical_element .album_art a,
.particulars .musical_element .album_art a:hover {
  border: none !important; text-decoration: none !important;
}
.particulars .musical_element .album_art img { border:none; }
.particulars .musical_element p { margin-bottom: 0px;}
.particulars .musical_element cite.song,
.particulars .musical_element cite.artist { font-style: normal; }
.particulars .musical_element cite.album {}

.particulars .image {
  float: right;
  text-align: center;
  background: #ddd;
  margin: 10px;
}

.particulars .left {
  margin-left: 0; margin-right: 10px; float: left;
}
.particulars .image img {
  margin: 20px 20px 0px 20px;
  border: 5px solid #fff;
}
.particulars .image .caption {
  text-align: left;
  padding: 10px 20px;
}
.particulars .image .caption p {
  margin-top: 0px;
  margin-bottom: 1em;
  width: auto;
}
.particulars .image .caption .cite { font-style: italic;}

.particulars .video {
  float: right;
}

/********************************
  Reflections Page
********************************/

div.reflections { margin-left: 5px; }

.reflections .reflection {
  margin: 2em 0;
}
.reflection h3 {
  font-size: 110%;
  display: inline;
}
.reflection h4.date {
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  margin-left: .5em;
}
.reflection .body { 
  margin: .5em 0; padding: 0 .5em;
}
.reflection .body p { margin: .5em 0; }

.reflection address { margin-bottom: 2em; }
.reflection address .name {}
.reflection address .location,
.reflection address .station {
  font-style: normal;
}
/********************************
  Transcripts Page
********************************/

/* parent div for transcript */
div.transcript { margin-left: 10px; padding: 10px; }

/* broadcast date */
.transcript h3 {
  margin-bottom: 0;
}
.transcript h4.broadcast_date {
  margin-top: 0;
  font-size: 110%;
  font-weight: normal;
  padding-left: .3em;
}

/* use to label voices in transcript */
.transcript .voice_label {
  color: #4B3A28;
  font-weight: bold;
  font-variant: small-caps;
  font-weight:500;
  font-size: 100%;
}

/* this should probably just be a global style eventually */
.transcript .note { font-style: italic; }

/* SCRIPTED DIALOGUE */
.transcript div.scripted {}
.transcript div.scripted blockquote { font-size: 100%; } /* mainly a bugfix for safari */

/* INTERVIEW DIALOGUE & READINGS */
.transcript blockquote { color: #666; padding-top: 0; padding-bottom: 0; }
.transcript blockquote p {
  color: #666;
  margin-top: .5em;
  margin-bottom: 1em;
}

/* INTERVIEW DIALOGUE & READINGS */
div.feature {}
.feature h3 {
  margin-bottom: 0;
}
.feature .byline { margin-top: 0;}