/********************************************************** YUI Reset v2.5.0 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

em { font-style: italic; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }





/****************************************************************** Clearing */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear-right { clear: right }




/******************************************************** Global Definitions */

body {
  background: #9AD1E0 url(images/5.gif) repeat scroll top center;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  }

hr, .no-css { display: none }

div.hr {
  border-top: 1px dashed #ddd;
  margin: 18px 0;
  height: 1px;
  }

blockquote {
  border-left: 1px solid #999;
  margin: 1em 0 1em 0;
  padding: 0 2em;
  }

p, .p {
  margin: 1em 0;
  line-height: 17px;
  }

ul, ol {
  padding: 0;
  margin: 1.2em 0;
  }

li { margin: 2px 0 2px 20px }

  ol li { list-style: decimal }
  ul li { list-style: circle }




/****************************************************** Layout & Positioning */

#ribbon {
  background: transparent url(images/8.gif) repeat-x scroll top center;
  height: 80px;
  top: 88px;
  left: 0px;
  position: absolute;
  width: 100%;
  }

#outer {
  position: relative;
  width: 700px;
  margin: 0 auto;
  }

#logo {
  position: absolute;
  top: 20px;
  left: 18px;
  }

#navigation {
  color: #E76464;
  font-size: 13px;
  height: 36px;
  left: 255px;
  line-height: 36px;
  position: absolute;
  text-align: left;
  top: 94px;
  }

#center {
  padding-top: 130px;
  }

#page {
  border: 6px solid #7C2924;
  border-width: 6px 0;
  background: #FFF url(images/3.gif) repeat-y scroll top center;
  text-align: left;
  }

#sidebar {
  float: left;
  width: 250px;
  font-size: 12px;
  }

  #sidebar-inner { padding: 110px 35px 35px 35px; }

#content {
  float: left;
  width: 444px;
  }

  #content-inner { padding: 32px; }

#footer {
  color: #7098A3;
  padding: 1em 0 5em 0;
  font-size: 11px;
  text-align: center;
  }




/******************************************************* Generic Positioning */

.next { margin-top: 40px }

.first, .first-element { margin-top: 0 }

.no-bottom { margin-bottom: 0 }

.no-margin { margin: 0 }

.grid-block {
  float: left;
  width: 140px;
  text-align: left;
  margin-right: 35px;
  height: 240px;
  }




/********************************************************************* Forms */

fieldset {
  border: 1px solid #CCC;
  padding: 5px 22px 12px 22px;
  margin: 1em 0 1.5em 0;
  }

legend {
  font-weight: bold;
  font-size: 15px;
  }

.form-button {
  padding: 4px 10px;
  }

.form-input {
  padding: 2px;
  font-size: 13px;
  border: 2px inset #666;
  }




/************************************************************ Generic Floats */

.float-right {
  float: right;
  margin: 0 0 20px 20px;
  }

.float-left {
  float: left;
  margin: 0 20px 20px 0;
  }




/************************************************************ Generic Frames */

.framed {
  border: 1px solid #CCC;
  padding: 4px;
  }




/******************************************************************* Headers */

h1 { font-size: 36px; line-height: 36px; font-weight: bold; color: #43AACA; margin-bottom: 12px; }
h2 { font-size: 16px; line-height: 21px; font-weight: bold; color: #852C26; margin-bottom: 12px; }
h3 { font-size: 16px; line-height: 20px; font-weight: normal; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; }




/**************************************************************** Typography */

.small {
  font-size: 11px;
  line-height: 16px;
  }

.regular {
  font-size: 12px;
  line-height: 17px;
  }

.b { font-weight: bold }

.uppercase { text-transform: uppercase }

.faded { color: #AAA }
.red { color: #A83830 }

.centered { text-align: center }

blockquote + h2, blockquote + h3, blockquote + p, p + h1 { margin-top: 2em }

.dropcap {
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-right: 5px;
  }

.callout, .callout-left, .callout-right {
  color: #FFF4E5;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
  }

  .callout-left {
    width: 35%;
    float: left;
    margin: 0 20px 20px 0;
    }

  .callout-right {
    width: 35%;
    float: right;
    margin: 0 0 20px 20px;
    }

#sidebar .header {
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  margin: 24px 0 4px 0;
  padding: 5px 8px;
  float: left;
  }
  
  #sidebar .jokecast-header { background-color: #7DC8CD; }
  #sidebar .podcast-header { background-color: #EF9437; }
  #sidebar .links-header { background-color: #006633; }




/********************************************************************* Links */

a:link,
a:visited,
a:active,
a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #852C26;
  }

  a:hover { color: #30100E; }

a.external:link, a.external:visited, a.external:active, a.external:hover {
  background: transparent url(images/6.gif) no-repeat scroll right center;
  padding-right: 13px;
  }

a.jump:link, a.jump:visited, a.jump:active, a.jump:hover {
  background: transparent url(img/fast-forward.gif) no-repeat scroll left center;
  padding-left: 14px;
  }

  #navigation a:link,
  #navigation a:visited,
  #navigation a:active,
  #navigation a:hover {
    color: #FFC6C6;
    text-decoration: none;
    }
    
    #navigation a:hover {
      color: #FFF;
      text-decoration: underline;
      }




/**************************************************************** Icon Boxes */
.subscribe-box {
	-moz-border-radius:6px 6px 6px 6px;
	background:none repeat scroll 0 0 #FFE1C1;
	border:1px solid #F5AE62;
	font-size:15px;
	padding:12px;
}

.rss { padding: 0px 0 0px 22px; margin: 9px 0; line-height: 16px; background: transparent url(images/10.png) scroll no-repeat 0px 0px }

.link, .twitter { margin: 9px 0; }


/**************************************************************** Tables */

tr.odd td {
  background: #F6F6F6;
  border-bottom: 1px solid #EEE;
  }

tr.even td {
  border-bottom: 1px solid #FFF;
  }




/********************************************************************* Books */

.book-block {
  border-top: 2px dotted #e1eff3;
  margin: 20px 0;
  }

.book-frame { float: left; margin-top: -2px; }

.book-info {
  float: right;
  padding-top: 12px;
  width: 230px;
  }

.book-frame img {
  background: #fff;
  width: 135px;
  }

.featured-book .book-info { width: 138px; }
.featured-book .book-frame img { width: 220px; }

.poetry-title {
  color: #C64239;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
	margin-top: -10px;
  }

.book-title {
  color: #C64239;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
  }

.book-author {
  color: #76A0AC;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  }

.book-narrator {
  color: #76A0AC;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  }

.book-illustrator {
  color: #76A0AC;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  }

.book-links {
  font-size: 11px;
  line-height: 20px;
  margin-top: 2px;
  }

.download-audio {
  font-size: 11px;
  line-height: 20px;
  margin-top: 2px;
  }

.book-purchase {
/*	background:none #FFE1C1;*/
  font-size: 13px;
  line-height: 20px;
  margin-top: 2px;
  }

.audio-frame-outer {
  width: 138px;
  }

.poem-title {
	margin-bottom: 5px;
	font-weight: bold; 
	color:#76A0AC;
  }

.audio {
  margin-top: 5px;
  }

.audio-frame {
  border: 1px solid #63B6CF;
  background: #D4E5E9;
  padding: 4px;
  margin: 10px 0 8px 0;
  }

.audio-frame-poem {
  width: 128px;
  border: 1px solid #63B6CF;
  background: #D4E5E9;
  padding: 4px;
  margin: 0 0 8px 0;
  }

.flash-error {
  padding: 6px;
  font-size: 11px;
  color: #900;
  }

.audio-frame-poems .audio-frame {
  background: none;
  border: 0;
  padding: 0;
  }