/* shelpley metcalf :: screen.css */

/*** BEGIN main layout ***/

body, div { margin: 0px; padding: 0px; }
body {
  background: #000;
  color: #fff;
  font-size: 62.5%; /* use ems later based multiples of 10px */
  line-height: 1.4em;
  font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
  margin: 0px; padding: 0px;
}
#wrap   {
  width: 800px;
  margin: 0px auto;
  background: #efefef url(banner3.jpg) top left no-repeat;
}
#banner { height: 135px; background: transparent; }

/*
#wrapLeft  { border: 1px solid red; }
#wrapRight { border: 2px solid blue;}
*/

#left   { float:left; width: 175px; height: 625px; background: transparent url(left-nav-bg.jpg) top left no-repeat;
}
#right  { float:right; width: 171px; background: transparent; }
#main   { margin: 0px 171px 0px 171px; background: transparent; }
#footer { color: #fff; background: #000; }
#break  {
  clear: both;
  height: 1px;
  font-size: 1px; line-height: 1px;
  border: none; background:transparent;
}

#innerBanner { display: none; }
 
#innerMain {
  padding: 1px 39px 20px 39px;
  color: #222; background: transparent;
  font-size: 1.2em; line-height: 1.8em;
}

#innerMain p { margin-top: 1.5em; }

#innerLeft {
  padding: 65px 45px 0px 20px;
}

#innerRight {
}

#innerFooter {
  padding: .2em 0 .8em;
  font-size: .9em;
  color: #555; background: transparent;
  text-align: right;
}

/* home page stuff */
body.index #left  { background: transparent; height: 550px; }
body.index #right { width: 190px; }
body.index #main  { padding: 0px; }
body.index #wrap  { background: #000 url(home-bg4.jpg) left top no-repeat; }
body.index #innerMain {
  color: #fff; background: transparent;
  padding: 17px 39px 20px 32px;
  font-size: 1.3em;
  margin-left: 1em;
  margin-right: 1.4em;
  /*
  font-style: italic;
  font-size: 1.7em;
  */
}
body.index #nav a          { color: #fff; }
body.index #nav a:hover    { color: #f6f; }
body.index li#home         { display: none; }
body.index img#right-image { display: none; }
body.index #sidebar        { margin-top: 290px; }
body.index .credits { padding-left: 15px; }
body.index .credits a { text-decoration: none; font-style: italic; font-size: 1.3em; color: #560844; }

/*body.index #innerMain p   { margin:29px 20px 0 10px; } */
body.index #innerMain a   { color: #fff; }
body.index #innerMain img { border: 2px solid #777; float: left; margin: 5px 15px 10px 0; }

/*** END main layout ***/


#nav, #nav li { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }
#nav li       { margin-bottom: 1em; }
#nav a        {
  display: block;
  color: #906; background: transparent;
  font-size: 1.3em; line-height: 1.2em;
  text-decoration: none;
  text-align: right;
}
#nav a:hover  { color: #000; }

#listen-header {
  background: transparent url(listen3.gif) left top no-repeat;
  width: 85px; height: 30px;
  text-indent: -10000px;
  margin-top: -25px;
}

#listen { margin: 0px; padding-left: 15px; }
#listen, #listen li { list-style: none; list-style-type: none; }
#listen li { margin-top: 7px; }
#listen a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-style: italic;
  font-size: 1.2em;
  padding: 2px 30px 8px 30px;
  /*
  border-top: 1px solid #333;
  background: transparent url(arrow.gif) 27px 6px no-repeat;
  */
  margin-top: -18px;
}
#youtube a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-style: italic;
  font-size: 1.5em;
  padding: 10px 0 0px 15px;
  /*
  border-top: 1px solid #333;
  */
}

.show {
  color: #21186b;
  font-size: 1.1em;
  font-weight: bold;
}


/* to hide listen block */
/*
 #listen-header, #listen { display: none; }
*/

h1, h2, h3 { color: #221566; }
h1 { font-size: 1.7em; font-weight: normal; margin: 1em 0em 0em 0em; }
h2 { font-size: 1.4em; font-weight: normal; margin: 1em 0em 0em 0em; }
h3 { font-size: 1.3em; }

img#right-image {  }