/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif;	color: #ccc;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 1em; text-align: left;color:#999900 ;}
h2 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 0.7em; margin-top: 2em; color: #999;}
h3 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 0em; color: #999900;}
h4 { font-size: 0.8em; line-height: 1.2em; margin-bottom: 0em; color: #999900; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }


a { color: #999; text-decoration: none;}
a:hover { text-decoration: none; }


blockquote { margin-bottom: 1.5em; background-color: #333;padding: 10px;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.right { text-align: right;line-height: 5px; }

.info { font-size: .8em; margin-bottom: 1.875em; line-height: 1.4em;
	list-style-position: outside;
	list-style-type: disc;
}




/* hovers and others
-------------------------------------------------------------- */

#navtop li a:link, #navtop li a:visited { text-decoration: none; background: #000;padding-bottom:0.2em;padding-top:0.2em;padding-right:0.5em;padding-left:0.5em;color: #fff;}

#navtop li a:hover  { text-decoration: none;
	background: #666;padding-bottom:0.2em;padding-top:0.2em;padding-right:0.5em;padding-left:0.5em;color: #fff;}

#navtop li a:current  { text-decoration: none;
	background: #666;padding-bottom:0.2em;padding-top:0.2em;padding-right:0.5em;padding-left:0.5em;}
	
	

	
	
#videoframe a:link, #poetinfo a:link { text-decoration: none; color: #999;}

#videoframe a:hover, #poetinfo a:hover  { text-decoration: none;color: #999900;}

#videoframe a:active, #videoframe a:current, #poetinfo a:active, #poetinfo a:current { text-decoration: none;
	background: #999900;padding-top:0.2em;padding-bottom:0.2em;color: #000;}
	
	

#thumbnails a:link { text-decoration: none; color: #999900;font-weight: bold;}

#thumbnails a:hover  { text-decoration: none;color: #FFF;font-weight: bold;}

#thumbnails a:current  { color: #000; text-decoration: none;
	background: #999900;padding-top:0.2em;padding-bottom:0.2em;}
	
	
	

#footerbox a:link { text-decoration: none; background: #000;padding:0.2em;}

#footerbox a:visited{ text-decoration: none; background: #000;padding:0.2em;}

#footerbox a:hover  { text-decoration: none;
	background: #666;padding:0.2em;color: #fff;}
	
	
	
#toggledown a:link { text-decoration: none; color: #999;}

#toggledown a:hover  { text-decoration: none;color: #999900;}

#toggledown a:active, #toggledown a:current { color: #000; text-decoration: none;
	background: #999900;padding-top:0.2em;padding-bottom:0.2em;}



#poettext a:link { text-decoration: underline; color: #fff;font-weight: bold;}

#poettext a:visited { text-decoration: underline; color: #eee;font-weight: bold;}

#poettext a:hover  { text-decoration: none;color: #999900;font-weight: bold;}

#poettext a:active { color: #000; text-decoration: none;
	background: #999900;padding-top:0.2em;padding-bottom:0.2em;}
	
	


h4 a {color: #999900;
	
}