/* -----------------------------------------------------------------
 * main.css
 * 
 * Main display stylesheet, used on all pages.
 *
 * $Id: main.css 96 2010-02-01 05:46:20Z ficara $
 *------------------------------------------------------------------*/


/* -----------------------------------------------------------------
 * Resets and page styles
 *------------------------------------------------------------------*/

html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet
{
	margin: 0;
	padding: 0;
	border: 0;
}


body
{
	background: black;
	font-family: verdana;
	color: white;	
}
	
a { color: white; }
a:active { color: #C60; }
a:visited { color: white; }
a:hover {color: #C60;}


div#content
{
	width: 575px;
	float: left;
	padding-top: 6px;
	font-size: 10pt;
	text-align: justify;
}

p
{
	margin: 12px 0 .75em 0;
}

div#main
{
	width: 710px;
/*	margin: 0 auto; */
	padding: 10px 0 0 50px; 
		
}


p#last-graf
{
vertical-align:bottom;
}


body#home div#content
{
	width: 350px;
	float: left;
	padding-top: 6px;
	font-size: 10pt;
	text-align: justify;
}

div#footer
{	
/*	border-top: 1px solid white; */
	margin-top: 12px;
	padding-top: 6px;
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	margin-left: 125px;

}

body#home div#footer
{
	margin-left: 350px;
}
/*
body#home div#content p
{
	font-size: 12pt;
}
*/

/* -----------------------------------------------------------------
 * Side nav and header
 *------------------------------------------------------------------*/

body#home div#nav
{
	clear: left;
	float: left;
	width: 350px;
	height: 336px;
}

div#nav
{
	clear: left;
	float: left;
	width: 125px;
	height: 336px;
}


div.news-images,
div.news-words,
div.news-music
{
	margin-bottom: 24px;
}
div#nav li
{
	list-style: none;
	text-decoration: none;
	font-size: 10pt;
	padding: 6px 25px 0 6px;

}	

.photoblock img
{
	margin: 12px 12px 0 0;
	float: left;
	cursor: pointer;

}

div.photoblock
{
	clear: both;
}

.photoblock h2
{
	font-size: 24pt;
	margin: auto;
	cursor: pointer;
}

.photoblock a
{
	text-decoration: none;
}

h1#banner 
{
	font-size: 60pt;
	letter-spacing: .2em;
	padding: 0 0 0 125px;
	cursor: pointer;
	clear: none;
	line-height: 98px;
	width: 585px;
}


div#intro
{
	height: 72px;
	margin: 0 0 12px 0;
}


/* -----------------------------------------------------------------
 * Headlines
 *------------------------------------------------------------------*/


h1,h2
{
	font-weight: normal;
	padding: 0 0 .5em 0;
	text-align: center;
}

h1
{
	font-size:24pt;
}

h2
{
	margin-top: 1em;
	font-size: 24pt;
}

body#home h2
{
	margin-bottom: -36px;
}

h2.subhed
{
	font-size: 24pt;
	letter-spacing: .2em;
	padding: 33px 0 0 135px;
	text-align:left;
}

div#nav h3,
div.credits h3
{
	font-size: 14pt;
	letter-spacing: .2em;
	padding: 1em 0 .5em 0;

}

h3
{
	margin: 36px auto auto auto;
}

h3 a
{	
	text-decoration: none;
}


h1#banner, h2.subhed
{
	font-weight: normal;

}



/* -----------------------------------------------------------------
 * General text styles
 *------------------------------------------------------------------*/

ol#footnotes
{
	list-style: none inside none;
}

ol#footnotes > li
{
	text-indent: -1em;

}

/* Don't mess up formatting for lists inside footnotes */

ol#footnotes ul, ol#footnotes ol
{
	text-indent: 0;
}

div#footnotes
{
	margin: 2em auto auto 2em;
	font-size: smaller;
}

span.footnote_ref
{
	font-size: smaller;
	vertical-align: super;
}

span.footnote_ref a
{
	text-decoration: none;
}

span.footnote_return
{
	display: block;
	text-indent: 1em;
	margin-bottom: 1.5em;

}

div.clear
{
	clear: both;
}


span.micetype 
{
	display: block;
	font-style: italic;
	font-size: small; 
}
p.micetype 
{
        font-size: x-small;
        color: #666666;
        margin-left:1in;
        padding-top:0px;
}


br.clear
{
	clear:both;
}


dt
{
	margin: 12px auto 3px auto;
	font-weight: bold;
}

dt a
{
	color: white;
	text-decoration: none;
}

dt a:hover {color: #C60;}

dd
{
	margin: auto auto auto 1em;
}

div.tagline
{
	text-align: right;
	font-style: italic;
	margin: .5em auto auto 1em;
}

h3.center
{
	text-align: center;	
}


/* -----------------------------------------------------------------
 * News styles for front page
 *------------------------------------------------------------------*/

span.front-list
{
	display: block;
	margin: 1em auto;
}

span.front-list a
{
	display: block;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
	color: #C60;
}

span.front-list a:hover 
{
	color: white;
}

div#topnews div.dateline,
div#topnews div.tagline
{
	display: none;
}

div.photo,
div.thumbnails
{
	text-align: center;

}

div.photo img
{
	padding:  12px;
}

div.thumbnails img
{
	padding:  3px;
}

img.video_thumbnail
{
	float:  left;
	padding:  0 6px 6px 0;
}
div.blog-headline
{
	font-size: 18pt;
	font-weight: bold;
	margin-top: 1em;
}

div.blog-headline a
{
	text-decoration: none;
}

div.dateline,
div.blog-date
{
	font-style: italic;
	margin: 0 0 1em 0;
}

div.blog-body
{
	margin: auto auto 2em auto;
}

div.blog-body img,
div.news-words img
{
	margin: 0 6px 6px 6px;
}

div.blog-clear
{
	clear: both;
}



/*
div.news-music h3,
div.news-music h3 a,
div.news-words h3,
div.news-words h3 a,
div.news-images h3,
div.news-images h3 a
{
	color: #C60;
}
*/

/*
div#content-block
{
	height: 312px;
	width: 300px;
	position: absolute;
	top: 124px;
	left: 400px;
}
*/


div.photoset
{
	margin: 0 0 36px 72px;
}

div.photoset div.thumbnail
{
	margin: 0 18px 36px 0;
	width: 75px;
	float: left;
	text-align: center;

}

div.photoset h2
{
	margin: 0 auto .5em auto;
	text-align: left;
}

div.photoset p
{
	margin: 0 0 0 2em;
}


/*
div.video
{
	width: 100%;
	margin: 12px auto;
}
*/

div.video
{
	width: 450px;
	text-align: center;
	margin: auto 67.5px;
	
}

div.video object
{
	display: block;
	margin: 12px auto;
}


/* --------------------------------------------------------------- */
/* Song layout styles
/* --------------------------------------------------------------- */
div.song 
{
        white-space: pre;
        font-size: small;
        margin: auto auto auto 2em;
} 

div.song p
{
    white-space: normal;
}

div.chorus { font-style: italic; margin-left: 25px;}

div.bridge {margin-left: 25px;}

span.song-title 
{
	display:  none;
}

span.song-title-new
{
 	font-size: 30pt;
	font-weight: normal;
	padding: 0 0 .5em 0;
	display: block;
	text-align: center;
}

/* Override so the following style doesn't affect WordPress */

div.entry-meta span.author
{
	display: inline;
	margin-bottom: auto;
}

span.author,
span.copyright
{
	display: block;
	text-align: center;
	font-style: italic;
	margin-bottom: .5em;
}

span.copyright img
{
	margin-top: 12px;
}
div#player
{
	margin-left: 50px;
}

div.credits 
{
/*        float:right;
        margin-left: 5px;
*/
		float: left;
        font-size: x-small;
        text-align: left;
        width: 120px;
		margin: 150px auto auto -125px;
}


p.credit 
{
	margin: auto auto 5px 10px;
	text-indent: -10px;

}
p.credit-nohang 
{
	margin: auto auto 5px 0;

}

span.download_link
{
	float: right;
	font-weight: bold;
}

/* -----------------------------------------------------------------
 * Contact Page and links
 *------------------------------------------------------------------*/

span.front-contact
{
	display: block;
	text-align: center;
	margin-top: 2em;
	font-style: italic;
}



body#contact div#content a
{
	font-size: larger;
	text-decoration: none;
	font-style: normal;
}


body#contact div#content p
{
	text-align: center;
	margin-top: 1em;
	font-style: italic;
}


/* -----------------------------------------------------------------
 * Newsletter page
 *------------------------------------------------------------------*/

body#newsletter div#name,
body#newsletter div#email
{
	width: 100%;
	text-align: center;
}

body#newsletter div#labels
{
	width: 225px;
	float: left;
	text-align: right;
}

body#newsletter div#fields
{
	width: 300px;
	float: left;
	text-align: left;
}

body#newsletter label
{
	display: block;
	margin: 0 6px 12px auto;

}

body#newsletter div#fields input
{
	margin: 0 6px 6px auto;

}

body#newsletter div#message
{
	margin: 3em 1em;
}


/* -----------------------------------------------------------------
 * Quote Server
 *------------------------------------------------------------------*/

div #quoteserver
{
	margin: auto 50px 3em 50px;
}
div#quoteserver cite
{
	display: block;
	text-align: right;
	margin: auto auto auto 200px;
}



body#blog div#main
{
	width: auto;
}

ol li
{
	margin: 12px;
}