/* typography */
  body {font-family: "Century Gothic", Helvetica, Arial, sans-serif; color: #00afd2; font-size:95%;}
  a, a:link, a:visited, a:hover, a:active {font-family: "Century Gothic", Helvetica, Arial, sans-serif; color: #00afd2; text-decoration:none;}
  a:hover, a:active {color: rgb(213,248,255); /*1px 1px 2px; *//* text-decoration:underline;*/}
  footer a:hover, footer a:active, .content a:hover, .content a:active {color: #00afd2; /*text-shadow: #00afd2 2px 1px 1px;*/ /* text-decoration:underline;*/}
  
/* structure */
  /* html5 handlers */
  header, footer, nav, section, article {display:block; position:relative; width:790px; margin: 0 auto; clear:both;}
  body {padding:0; margin: 0;}
  nav {width: 100%; margin: 0 auto; background-color: black; color: #00afd2;}
  nav ul {width: 790px;padding: 0; margin: 0 auto; list-style:none; height: 35px; position:relative;}
  nav li {display:block; float: left; margin: 5px; padding: 0 10px; font-size: 1em; line-height: 1.5em;}
  .right {position:absolute; right:0; bottom:0;}
  .clearfix {display:block; clear:both; height:1px; border:0; width:1px;}
  
  h1 {margin:0; padding: 0;}
    .video_hover {position: absolute; bottom:30px; left: 0; width: 300px; height:150px; padding: 0.3em; text-indent:-9999px;}
    .video_hover * {}
    .video_hover a {width: 300px; color: #00afd2;height:200px; display:block;}
    .video_hover b a {font-weight: bold; color: white;}
    
    .full {width: 790px; height: 200px;}
    .full a {width: 790px; height: 200px;}
    
  h2 {padding: 0; margin: 0; font-size:1em;}
  p {padding:0 ; margin-top: 0; margin-top: 0.5em; font-size: 0.8em;}
  .pagewrapper li {color: black; font-size:0.8em;}
  .pagewrapper p {color: black;}
  footer {clear: both; margin:0 auto; width: 790px; padding:0; display:block; margin-top: 50px; margin-bottom: 50px; width:790px; border-top: 1px solid #00afd2 ;}
  footer .noticons {font-size: 0.7em; text-align:right; margin-bottom: 1em; padding-bottom: 1em; float: left; }
  footer .noticons a:link {text-decoration: none;}
  ul.icons {list-style:none; padding:0; margin:0;width: 127px; height: 37px; background-image:url("/images/footer_sharelinks.jpg");float:left; margin-right:20px;}
  ul.icons li {width: 42px; height: 37px; float: left;text-indent:-3000px;}
  ul.icons li a {width: 42px; height: 37px; display:block; }
  p.credits {font-size:0.6em; padding-top:3px; line-height: 1.5em;}
  
  /*video gallery styles */
  .prev, .next, #prev, #next {display:block;width:40px; display:relative; float: left; margin:0;padding:0; height:200px; padding-top:160px;}
  #video_gallery .prev, #video_gallery .next { margin:5px;}
  .next,.prev {text-indent:-3000px; background-position: center left; background-repeat: no-repeat;}
  .next a,.prev a {height: 300px; width: 40px; display: block;}
  .next {background-image: url("/images/next.jpg");display:block;float: left; clear: right;}
  .prev {background-image: url("/images/prev.jpg");}
  .next_off {background-image: url("/images/next_off.jpg"); background-image:none;}
  .prev_off {background-image: url("/images/prev_off.jpg"); background-image:none;}
  #video_gallery {display:block; width:790px; clear: right;}
  #video_gallery ul{list-style:none; padding:0; margin:0;/*padding-left: 27px;*/ float: left; display:block; width:690px;}
  #video_gallery li{display:block; float: left; height:210px; width:220px; margin-top: 10px; margin-left:6px;position:relative;}
  #video_gallery li.last{/*clear:right;*/}
  #video_gallery li img {z-index:50;border:1px solid #00afd2;}
  
  .play_overlay {position: absolute;z-index:100;background-image:url("/images/thumbnails/play_button_overlay_off.png");  height:135px; width:220px; top:1px; left:1px;}
  .play_overlay:hover {background-image:url("/images/thumbnails/play_button_overlay_on.png"); }
  
  #video_players {display:block; width:790px; clear: both;}
  #video_players h1 { padding: 20px 28px 15px;}
  #video_players article {;}
  #player, .player {float: left; width: 680px;margin: 0 8px; background: white  no-repeat fixed center center; border:2px solid #00afd2; padding:0; height:385px;}
/*  #video_players object {float: left; width: 770px;margin: 0 8px; background: white url('images/thumbnails/1angie.jpg') no-repeat fixed center center; border:2px solid #00afd2;}
*/
  .hidden {;}
  #notes {display:block;margin-left: 50px;width:680px;}
  #notes h2 {clear: left;padding-top:10px;}
  .information {}
  
  img {border:none;}
  a {border: none;}
  
  
  .information h2 {}
  .information h3 {font-size:0.9em; margin-bottom:0;}
  .information p {color:black;}
  
  
  nav.side {width: 180px; margin:0; margin-right: 30px; background-color: white; color: black;float: left; margin-bottom: 10px;}
  nav.side ul {width: 180px;}
  nav.side li {width: 180px; clear: left; margin:0; padding:0;}
  nav.side li a {color: black; line-height: 1.1em; font-size: 13px;}
  nav.side h3 {color: #00afd2; border-bottom: 1px solid #00afd2;margin-bottom: 0.5em;}
  .pagewrapper {float: left; width: 550px; margin-top: 10px;}
  .pagewrapper h2 {font-size: 1.2em;border-bottom: 1px solid #00afd2;display:block; width: 600px; }
  .pagewrapper .content {padding-right: 10px; margin-top: 10px;}  
  .pagewrapper .content p {line-height: 1.3em; margin-bottom: 1.5em;}
  .pagewrapper .content img {margin-bottom: 0.5em;}
  nav .sharelinks {background-image:url("/images/side_sharelinks.jpg"); height: 127px; width: 157px; background-repeat: no-repeat; clear: left; padding-top: 10px; margin-top:10px;}
  
  nav .sharelinks li {height: 42px; width: 157px; text-indent: 37px; }
  nav .sharelinks li a {height: 42px; width: 157px; color: #00afd2;font-size: 12px;}  
  .underline {text-decoration: underline;}
  
  
  
  /* Resources page */
    ol.resources {list-style:none; padding: 0; margin:0;}
    ol.resources li {list-style:none; padding: 0; margin:0;clear: both;}
    ol.resources li.video img {z-index:50;border:1px solid #00afd2; width:302px; float: left; clear: both; margin-right: 20px; }
    
    h4 {margin-bottom:0.5em; clear: both; padding-top: 1em;}
     #video-resources {margin: 0 auto; width: 300px; margin-right: 55px; float: right;}
     #video-resources a {display:block; clear: both;margin-bottom:0.25em;}
     #video-resources a img {margin-right: 5px;}

     ol.resources li.not-video {margin-left: 20px; margin-bottom: 5px;}
     ol.resources li.not-video img {width: 16px !important; margin-bottom:0;}
     ol.resources li.not-video a { line-height: 0.5em; margin-top:0;}
    
    
    
    
    #more-tales ul { list-style:none; margin-left: 30%;}
    #more-tales li { display:block; width: 35%; float: left; text-align: right;}
    #more-tales li a:hover { color: #00afd2;}