/* ------------------------------------*/
  /* << BEGIN COPY                       */
  /* ------------------------------------*/
  
  /* caption styling */
  
  .caption-top, .caption-bottom {
          color: #ffffff;        
          padding: 1.2em;        
          font-weight: bold;
          font-size: 13px;        
          font-family: arial;        
          cursor: default;
          border: 0px solid #334143;
          background: #000000;
  }
  .caption-top {
     border-width: 0px 0px 8px 0px;
  }
  .caption-bottom {
     border-width: 8px 0px 0px 0px;
  }
  .caption a, .caption a {
          border: 0 none;
          text-decoration: none;
          background: #000000;
          padding: 0.3em;
  }
  .caption a:hover, .caption a:hover {
          background: #202020;
  }
  .caption-wrapper {
          float: left;
  }
  br.c { clear: both; }
  
  /* ------------------------------------*/
  /* END COPY >>>                        */
  /* ------------------------------------*/
  
  /* ignore the nonsense below, you don't need it for your projects */
  
  body {
          background: #ffffff;
          font-family: 'trebuchet MS', arial, verdana, sans-serif;
          font-size: 0.85em;
          margin:0;
          padding: 3em 5em;
  }
  
  #wrapper {
          width: 550px;
  }
  
  code {
          padding: 1em;
          background: #fdf6f2;
          border-top: 1px solid #e3cbbb;
          border-bottom: 1px solid #e3cbbb;
          display: block;
          color: #3b3430;
          overflow: hidden;
  }
  code strong {
          color: #ca3000;
          border: 1px solid #e3cbbb;
          padding: 0.5em;
          background: #ffffff;
  }
  code .comment {
          color: #9c8c83;
  }
  
  h1 {
          font-size: 2.2em;
          font-family: times;
          font-style: italic;
          color: #0096ac;
  }
  
  h1 .ver {
          font-size: 0.5em;
  }
  
  h2 {
          font-size: 1.4em;
  }
  
  h3 {
          font-size: 1.2em;
          clear: both;
          font-family: georgia;
          color: #6c6361;
          font-weight: normal;
          text-transform: uppercase;
  }
  
  p {
          line-height: 180%;
  }
  
  .note {
          font-family: times, serif;
          color: #988d81;
  }
  
  a {
          background: #edf9fb;
          color: #00a3bb;
          font-weight: bold;
          padding: 0.2em;
          text-decoration: none;
  }
  
  a:hover {
          background: #a33823;
          color: #ffffff;
  }
  
  a img { 
          border: 3px solid #ece7e6; 
          margin-right: 8px; 
          margin-bottom: 8px;
  }
  .images a:hover img {
          border-color: #cdaf92;
  }
  .images a {
          background: none;
          padding: 0;
  }