body
{
	margin: 0;
	background: #000; 
	color: #fff;
}

img {border: none;}

/* box to scroll through pages within each section, or to return to home page */
div.hometab {
	position: relative;
	margin: 3% 25% 0 25%;
	padding-right: 10px;
	min-width: 630px;
	min-height: 16px;
	background-color: #2f2f2f;
	border: 2px solid #555;
	text-align: right;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* same as hometab, but at the bottom, with different formatting */
div.nexttab
{
	position: relative;
	margin: 3% 25% 3% 25%;
	padding-right: 10px;
	min-width: 640px;
	min-height: 16px;
	background-color: #2f2f2f;
	border: 2px solid #555;	
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.nav_table
{
	width: 100%;
}

.nav_table td
{
	min-width: 33%;
}

.nav_table td.left
{
	text-align: left;
}

.nav_table td.center
{
	text-align: center;
}

.nav_table td.right
{
	text-align: right;
}

/* box that tells you what section you're in */
div.section_header,
div.section_footer 
{
	position: relative;
	margin: 0% 25% 0% 25%;
	padding-bottom: 0px;
	min-width: 640px;
	min-height: 30px;
	text-align: center;
	background-color: #2f2f2f;
	border: 2px solid #555;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}

/* for main nav with buttons for visuals, audio, writings */
div#main_buttons
{

	position: relative;
	margin: 0% 25% 0% 25%;
	padding: 0 0 6px 0;
	min-width: 640px;
	min-height: 50px;
	background-color: #2f2f2f;
	border: 3px solid #555;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}

/* for main entries */
div.main, div.main_courier
{

	position: relative;
	margin: 0% 25% 2% 25%;
	padding: 0 0 6px 0;
	min-width: 640px;
	min-height: 50px;
	background-color: #2f2f2f;
	border: 3px solid #555;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}

/* for flash entries (no background styling) */
div.main_flash, div.visuals_flash 
{
	text-align: center;
	position: relative;
	margin: -20px 0 0 0;
	padding: 0 0 12px 0;
	min-width: 640px;
	min-height: 60px;
}

div.visuals_flash 
{
	margin: 30px 0 0 0;
}

/* formatting for paragraphs within certain containers */
div.main p,
div.main_courier p,
div.section_header p,
div.section_footer p,
div.main pre
{
	margin: 2% 5% 2% 5%;
	font-family: arial;
	font-size: 12px;
}

div.section_header p
{
	font-size: 14px !important;
}

div.section_header p.title
{
	border-bottom: 0px solid #272727 !important;
	font-size: 20px !important;
}

/* TODO: do i need any titles that are indented any more? if not, consolidate these two elements */
/* title paragraph */
p.title, p.title_no_indent
{	
	padding: 0 10px 0 10px;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #272727 !important;

}

/* for entries on the main page that i don't want indented */
p.title_no_indent
{	
	padding: 0px;
	font-size: 14px !important;
}


div.link,
div.link_long
{
	padding-left: 20px;
	padding-top: 0px;
	font-family: arial;
	font-size: 12px;
}


div.link_long
{
	background-color: #555555;
}

a:link,
div.tabbed_link a:link,
div.link_long a:link
{
	font-size: 12px;
	color: #ddd;
}


/* visited links */
a:visited,
div.tabbed_link a:visited
{
	font-size: 12px;
	color: #aaa;
}


div.tabbed_link
{
	padding-left: 36px;
	padding-top: 0px;
	font-family: arial;
	font-size: 12px;
	color: #fff;
}

div.poem_center
{
	margin-left: 33%;
	margin-right: 33%;
}

/* title for Words page entries */
p.words_title
{
	text-decoration: underline;
}

p.words_caption
{
	
	margin-bottom: 5px !important;
	text-align: center;	
}

p.visual_caption
{
	margin-top: 5px !important;
	text-align: center;
	font-style: italic;
}

div.visual_image
{
	margin: 0px;
	padding: 0 0 0 0;
	text-align: center;	
}

/* ad hoc for books entry */
span.slightly_darker
{
	color: #999;
}

/* contact info (my email) */
div#contact_button 
{
	position: relative;
	margin: 0% 25% 2% 25%;
	padding: 0px;
	min-width: 640px;
	min-height: 26px;
	text-align: center;	
	font-family: arial;
	font-size: 11px;
	border: 0px solid red;

}

/* contact info link */
div#contact a{
	color: #aaaaaa;
}

p.quote
{
	padding-left: 10%;
	padding-right: 6%;
}

div.main_courier
{
	background-color: #f0e0d0;
}

div.main_courier p
{
	font-size: 14px;
	font-family: courier-new !important;
	color: black;
}

div.emb_vid
{
	text-align: center;
	padding: 20px 0;
	margin: 0 25% 0 25%;
	
}

/*
div.flash
{
	border: 1px solid red;
	margin-left: auto;
	margin-right: auto;
}
*/