/* -------------------------------------------------------------- 

   

   typography.css

   * Sets up some sensible default typography.

      

-------------------------------------------------------------- */



/* Default font settings. 

   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body { 

  font-size:14px;

	line-height:17px;

  color: #030243; 

  background: #000000;

  font-family: Arial, Helvetica, sans-serif;

}





/* Headings

-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 { font-weight:bold; margin:0px; padding:0px; margin-bottom:10px; }

h1,h2,h3,h4,h5,h6 A,A:ACTIVE,A:VISITED { color:black; }



h1 { font-size:150%; color:#DD4400; }

h2 { font-size:140%; color:#DD4400; margin-top:10px; }

h3 { font-size:130%; color:#DD4400; margin-top:10px; }

h4 { font-size:120%; color:#DD4400; margin-top:10px; }

h5 { font-size:90%; font-weight:normal; color: #030243; }

h6 { font-size:80%; color:#DD4400; }



h1 img, h2 img, h3 img, 

h4 img, h5 img, h6 img {

  margin: 0;

}





/* ELEMENTS

-------------------------------------------------------------- */



A 					{ color:#030243; text-decoration:underline; }

A:active 		{ color:#030243; text-decoration:underline; }

A:visited 	{ color:#030243; }

A:hover 		{ text-decoration:none; }



A SPAN.homeTitles:hover { text-decoration:underline; }



DIV	{ margin:0px; padding:0px; }

P	{ margin:0px; padding:0px; padding-bottom:10px; }



LI { margin-top:10px; margin-left:10px; }

LI A SPAN { font-weight:bold; font-style:italic; }



TD A { color:#030243; text-decoration:underline; }

TD A:HOVER { text-decoration:none; }



UL, OL { margin:0px; padding:0px; padding-left:20px; }



/* Misc IDs

-------------------------------------------------------------- */



#container  { width:750px; margin:auto; background-color:white; padding:10px; }



#topNav  { font-size:80%; }



#topNav A { color:#DD4400; text-decoration:none; margin-left:20px; }



#topNav A:hover { text-decoration:underline; }



#border { margin:auto; padding:5px; border-style:solid; border-width:3px; border-color:#DD4400; }



#mainNav { font-size:90%; margin-top:20px; font-weight:bold; }



#mainNav A { color:#DD4400; text-decoration:none; margin-right:15px; }



#mainNav A:hover { text-decoration:underline; }



#onstageText { font-size:130%; font-style:italic; color:#DD4400; }



#nowPlayingBox { width:160px; font-size:90%; float:right; border-style:solid; border-width:2px; border-color:#DD4400; padding:3px; margin-left:10px; }



#nowPlaying { font-size:110%; font-style:italic; font-weight:bold; color:#DD4400; }



#imgSeason { margin-bottom:30px; margin-left:40px; }



#footer { color:white; width:80%; margin:auto; font-size:80%; text-align:center; margin-top:10px; }



#footer A { color:white; }


#homeflash { float:right; margin: 5px; border-style:solid; border-width:2px; border-color:#DD4400; }


/* Misc classes

-------------------------------------------------------------- */



.donate { margin-left:5px; }



.onstageBlock { font-size:90%; clear:left; margin-bottom:60px; }



.newsBlock { font-size:90%; clear:left; margin-bottom:10px; }



.onstagePic { margin-right:10px; }



.slotThumb { margin-right:20px; border-style:solid; border-width:1px; border-color:#DD4400; }



.homeTitles { font-weight:bold; color:#666699; }



.boldOrange { font-weight:bold; color:#DD4400; }



.tableTitle { font-weight:bold; color:#DD4400; margin-top:10px; }



.nowPlayingText { color:#DD4400; font-weight:bold; font-style:italic; }



.subTitle { font-size:110%; font-weight:bold; font-style:italic; color:#666699; }



.splitBlurb { float:left; max-width:360px; padding:4px; }



.bgColor { background-color:#DFDFEC; }



.smallType { font-size:90%; }



.hide       { display: none; }



.first      { margin-left:0; padding-left:0; }

.last       { margin-right:0; padding-right:0; }

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

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



.padL1			{ padding-left:10px; }

.padL05			{ padding-left:5px; }

.padR05			{ padding-right:5px; }



.margL1			{ margin-left:10px; }

.margR08			{ margin-right:8px; }

.margR1			{ margin-right:10px; }

.margR2			{ margin-right:20px; }

.margR4			{ margin-right:40px; }

.margT10			{ margin-top:10px; }

.margT1			{ margin-top:30px; }

.margT3			{ margin-top:30px; }

.margB3			{ margin-bottom:30px; }



.special { font-weight:bold; font-style:italic; }



.floatLeft  { float:left; }

.floatRight  { float:right; }

.textCenter { text-align:center; }



.twoColumn { float:left; width:49%; }

.threeColumn { float:left; width:33%; }