  <style type="text/css">

  * html .wrapper {height: 0.1%; }

  /* 
   * IE5 mac - overrides the IE/Win hack 
   */

  /*\*//*/

  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;   }
  
  #footer {
    clear: both;
  }
  
  /* Extra divs hidden by default. The custom CSS can override this though */
  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
    display: none;
  }
  
  a img,:link img,:visited img {border: none;}

 

 
 
  h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}/*
 	
  p, td {
  	line-height: 1.8em;
  }

  code, kbd {
  	font-size: 1.25em;
  }

  /* ie6win */

  * html #onecolumn #header {
  	margin-right: -3px;
  }
  * html #onecolumn #header,
  * html #twocolumn-left #header, * html #twocolumn-right #header,
  * html #twocolumn-liquid-left #header, * html #twocolumn-liquid-right #header {
  	padding-bottom: 1px;
  }
  * html #twocolumn-left #main-content, * html #twocolumn-right #main-content {
  	width: 459px;
  }
  * html #threecolumn #main-content {
  	width: 409px;
  }

  /* ie5mac */

  /*\*//*/
  /* Undoing IE/Win fixes
  ----------------------------------------------- */
  * html #onecolumn #header {
  	margin-right: 0;
  }
  * html #twocolumn-left #header, * html #twocolumn-right #header,
  * html #twocolumn-liquid-left #header, * html #twocolumn-liquid-right #header {
  	padding-bottom: 0;
  }
  * html #twocolumn-left #main-content, * html #twocolumn-right #main-content {
  	width: 479px;
  }
  * html #threecolumn #main-content {
  	width: 429px;
  }
  /**/

  @media tty {
   i{content:"\";/*" "*/}} td { font-size: 0.8em; } /*";}
  }/* */





  #sidebar {
    float: right;
    width: 230px;
  }

  

body {text-align: center;
  	font: 90% "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  	color: #1c1a19;
  	background: #fff;
  	margin: 0;
  	padding: 0; }

  blockquote {
  	margin: 1em 2em;
  	font-style: italic;
  }
  caption {
  	font-weight: bold;
  	background: #ccc;
  	border-bottom: 0;
  	padding: 0.3em 1em;   }
  
    #container {
  	background-color: #fff;
  	border-color: #fff;
    width: 718px;
    text-align: left;
    margin: 0 auto;
    border: solid 7px #999; line-height: 1.5;
  	border-left: 0;
  	border-right: 0;
  	padding-top: 1px;   }

  
  #header {
  	border-top-color: #fff;
    	border-top: solid 3px #777;
  	padding: 0;
  	margin: 0 0 0 0; }

#main-content {
    float: right; 
    width: 470px;  }

#main-content .wrapper {
  	margin: 0; 
   	padding: 0 25px;   }


#footer {
  	color: #888;
  	border-bottom-color: #fff;
    	clear: both;
  	padding: 0 1em 1em 1em;
  	border-bottom: solid 3px #777;
  	margin-bottom: 1px;   }

  body { color: #000;
  	background: #fff; 
  	font: 90% Verdana, sans-serif; }	

  p {margin: 1em 0; color: #1c1a19;
  	   }

  h1, h2, h3, h4, h5, h6,  p.description {
  	font-family: "Trebuchet MS", Trebuchet, arial, sans-serif;
  }
  h1 { color: #1c1a19;
  	font-size: 1.6em; font-style: italic;
  	letter-spacing: 0.1em;
  	font-weight: bold;
  	padding: 0;   }

h2.second{ color: #1c1a19; margin: 25px 0;
  	font-size: 1.8em;
      font-style: normal;
  	letter-spacing: 0.1em;
  	font-weight: bold; background-color: #ffc;
      border: 1px solid black;
  	padding: .5em 0;   }

 
  h2 { margin: 0 0 0.5em 08
  	color: #777;
      font-style: italic;
  	font-size: 1.3em;
      line-height: 1.4em;      
      letter-spacing: 0.05em;
  	font-weight: normal;
  	border-bottom: double 3px #C7C7C7;
  	padding: .5em 0 0.4em 0;   }

  h3 {  	font-size: 1.2em;
  	background: #eee;
      line-height: 1.9em; 
  	border: dotted 1px #C7C7C7;
  	padding: 0.2em; }

  h4 {  	font-size: 1.2em;
      line-height: 1.9em; 
  	padding: 0.2em; }


  /* Sidebar
  ----------------------------------------------- */
  #sidebar h3 {
  	margin: 0;
  	color: #777;
  	background: none;
  	font-size: 1.2em;
  	font-weight: normal;
  	border: none;
  	padding: .5em 0 0 0;
  }


  .editable {
  	border: dashed 1px #c33;   }



a:link {color: #000000; background-color: #e7fcfe; text-decoration: none; border-bottom:1px dotted #444; }

a:visited { color: #333; background-color: #f6ffea; text-decoration: none; border-bottom:1px dotted #333; }

a:hover {color: #666; background-color: #e0e0e0; text-decoration: none; border-bottom: 1px dotted #bb242d; }

h3#top a {color: #000; background-color: #ffffc4; padding: 2px 5px; border-bottom: 1px dotted #bb242d; }
h3#top a:hover {background-color: #fcdab5; }
h1 a:link {background-color: #yellow; text-decoration:none;}




.frame {
width:95%;
margin-left: auto;
margin-right: auto;
position:center;
border-style: solid;
border-width:1px;
line-height:1.5em;
font-size: 100%;
background-color:#ffff66;
padding:20px;

}





#quote
{padding: .5em;
 float: left;
clear: both;
width: 450px;
font-size:90%;
line-height:1.5em;
background-color: #eaf3fa;
border-bottom: 1px solid gray;}

#who
{margin-left: 470px;
font-weight:bold;
font-size:75%;
clear: both;
line-height:1.3em;}

ul.playlist {font-size:70%; margin-right: 15px;}
#sidebar .frame {
width:80%;
margin-left: 0;
margin-right: auto;
border-style: dotted;
border-width:1px;
line-height:1.5em;
font-size: 100%;
background-color:#ffff66;
padding:0 5px; }

.links {padding:0; margin:0; text-align: left;}

hr {border-style: dashed; color: #c7c7c7; margin: .5em 0; }

  <!-- Hack to avoid flash of unstyled content in IE -->
  <script> </script>

.picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 2px;  }

.picture img {border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; }

.right { margin: 2px; float:right; font-size: 75%; text-align: center;}

.left { margin: 2px; float:left;  font-size: 75%; text-align: center;} 