/********************************
  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; background: #fff; }

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

blockquote.verse { width: 60%; }
blockquote.verse_wide { width: 80%; }

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

/* 
  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;
}

/********************************
  Global Classes
********************************/

ul {  list-style-type: square; }

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

hr.clear_left {
  visibility: hidden;
  clear: left;
  height: 1px;
  margin: 0px;
  padding: 0px;
}

.disabled { color: #777;}

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

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

/*
  container for the MP3 and RealPlayer
  audio links
*/
#programOnDemand {}
#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 Page
********************************/

#program_index_nav {}
#program_index_nav .program_index_column {
  float: left;
  width: 200px; 
  margin-left: 2px;
}

/*
  navigation columns
  default is a 3 column layout, with
  the middle one being widest
*/
#program_index_nav #first_column { width: 255px; }
#program_index_nav #second_column { width: 300px; }
#program_index_nav #third_column { width: 200px; }

/* use for navigation link lists */
#program_index_nav ul.program_details_nav {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

#program_index_nav .nav_box {
  background: #eee;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #000;
/*  font-size: 11px;*/
  padding: 10px;
  text-align: left;
  margin-bottom: 2px;
}
#program_index_nav .nav_box h3 {
  margin-bottom: 0;
  margin-top: 0;
  color: #000000;
/*  font-size:13px;*/
  font-size: 110%;
  font-variant:small-caps;
  font-weight:bold;
}
#program_index_nav .nav_box img { margin: 5px; margin-left: 0; border: 1px solid #ddd; }
#program_index_nav .nav_box a.img:hover { background: transparent !important; }
#program_index_nav .nav_box p {
  margin-top: 0;
  margin-bottom: 1em;
}


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

div.particulars {
  padding: 10px;
}
.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 a.img:hover { background: transparent !important; }
.particulars .image img {
  margin: 20px 20px 0px 20px;
  border: 5px solid #fff;
}
.particulars .image .caption {
  text-align: left;
  padding: 0 10px;
}
.particulars .image .caption p {
  margin-top: 0px;
  margin-bottom: 1em;
  width: auto;
}
.particulars .image .caption .cite { font-style: italic;}
.particulars .image .enlarge_link {
  text-align: right;
  padding-top: 3px;
  margin: 0 5px;
}

.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;}


/********************************
  Credits
********************************/
.credits {
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-color: #F8F8F6 none repeat scroll 0%;
    border: 1px solid #E6E0D0;
    border-width:1px 0px 0px 2px;
    color:#666666;
    padding:10px;
}
.credits h3 {
  color: #4B3A28;
  margin: 0;
}
.credits .column {
  width: 25%;
  margin-right: 5%;
  float: left;
}

.credits h4 {
  font-size: small;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  color: #4B3A28;
}
.credits p { margin-top: 0; }

/********************************
  Lists
********************************/

.lists {}
.lists h3 {
  margin-bottom: 0;
}
.lists cite { display: block;}
.lists cite .artist,
.lists cite .song,
.lists cite .label,
.lists cite .publisher,
.lists cite .author,
.lists cite .isbn { font-style: normal;}

.lists #books {
  margin-bottom: 1em;
}
.lists #books .book {
  width: 370px;
  margin: 10px 10px 10px 0;
  float: left;
}
.lists #books .book a.image_link:hover { background: transparent;}
.lists #books .book img { 
  border: none;
  float: left;
  margin: 0 5px;
}


.lists #music {
  clear: both;
  margin-bottom: 1em;
}
.lists #music .album {
  width: 370px;
  margin: 10px 10px 10px 0;
  float: left;
}
.lists #music .album a.image_link:hover { background: transparent;}
.lists #music .album img { 
  border: none;
  float: left;
  margin: 0 5px;
}