/* GENERAL STYLES */
body
{
    background-color: black;
	font-family: arial;
	font-size:12px;
	color:white;
}

table	{border-collapse: collapse; border-spacing: 0px; table-layout: auto;font-size:12px;}

td
{
	padding:0px;
	background-color: black;
	font-family: arial;
	font-size:12px;
	color:white;
	vertical-align:top;
}

p {margin-bottom:10px; margin-right:10px; font-size:12px;} 

h1, td.h1 {font-size:14pt; color:#FFCC00; font-weight:bold; margin-top:20px}
h2 {font-size:11pt; color:#FFFFFF; font-weight:bold; margin-top:10px; margin-bottom:10px}
h3 {font-size:13px; color:#FFCC00; font-weight:bold; margin-top:0px; margin-bottom:2px; margin-right:10px}

img { border:0px}

a, a:visited, a:active {color:#6699FF; text-decoration:none;}
a:hover {color:#FFCC00;}


/* Class specific */
body.homepage
{   
	margin-left:35px;
	margin-top:25px;
}

body.contentpage
{   
	margin-left:23px;
	margin-top:0px;
}


td.header_quote
{
	font-size:12pt;
	color:#FF9966;
	text-align:right;
	font-weight:bold;
}

td.content
{
	color:#E5E5E5;
	font-size:12px;

}

td.period
{
	padding-left:5px;
}

table.timeline{	width:500px;}

td.timeline_year
{
	font-weight:bold;
	color:#FFCC00;
	padding-right: 5px;
	padding-top:2px;
}

td.vtimeline {background-image: url("http://127.0.0.1/bioflix/capote/images/vtimeline.gif"); vertical-align:top;}

td.personal_date
{
	color:#FFCC00;
	font-weight:bold;
	padding-left:4px;
	vertical-align:middle;
	padding-top:0px;
	vertical-align:top;

}

.personal_event
{
	color:#FFCC00;
	font-weight:normal;
}

td.professional_date
{
	color:#FF6666;
	font-weight:bold;
	padding-left:4px;
	vertical-align:middle;
	padding-top:0px;
	vertical-align:top;
}

.professional_event
{
	color:#FF6666;
	font-weight:normal;
}

a.professional_event, a.professional_event:visited, a.professional_event:active{ color:#FF6666; }
a.professional_event:hover{ color:#6699FF; }

.quote
{
	font-size:13px;
	margin-bottom:14px;
	margin-top:8px;
	color:#FFFFCC;
}

.quote:hover{
font-weight:bold}

.quote2
{
	font-size:13px;
	margin-bottom:14px;
	margin-top:8px;
	color:#ccaa66;
}

.citation
{
	font-style:italic;
}

a.citation, a.citation:active, a.citation:visited {color:#6699FF;}
a.citation:hover {color:#FFCC00;}

p.page_intro {margin-bottom:0px}

table.works{margin-right:20px; margin-top:0px}

td.works_title {padding-top:15px; padding-bottom:1px; font-weight:bold; font-size:14px}
td.works_image{padding-right:10px; padding-top:3px}
td.works_works_description{}

img.works {margin-right:10px; border:1px solid #660000;}


ul.links {margin-left:5px; margin-right:15px}
ul.links li{list-style:none; font-weight:bold}
ul.links p{margin-bottom:15px; margin-top:0px; font-weight:normal}

h2.media_list {margin-bottom:2px}
h2.media_list a, h2.media_list a:visited, h2.media_list a:active{text-decoration:underline}

ul.media_list {margin-left:5px; margin-right:15px; margin-top:0px}
ul.media_list li{list-style:none; font-weight:bold}
ul.media_list p{margin-bottom:15px; margin-top:0px; font-weight:normal}
a.media_list, a.media_list:visited, a.media_list:active {color:#FFFFFF}
a.media_list:hover {color:#FFCC00}

a.theater_list, a.theater_list:visited, a.theater_list:active {color:#FFCC00}
a.theater_list:hover {color:#FFFFFF}

a.all_media, a.all_media:visited, a.all_media:active {color:#FFCC00; font-size:12px; margin-left:10px; vertical-align:bottom; font-style:italic; text-decoration:none !important}
a.all_media:hover {color:#ff3333; text-decoration:underline !important}

a.media_more {color:#FFFFFF; font-style:italic}
a.trailer {margin-left:5px; margin-right:5px}


p.bib_title {color:#FFAA00; font-size:12px; margin-bottom:0px; margin-right:15px}
p.bib_title span.name{font-style:normal; text-decoration:underline}
p.bib_url {margin-top:1px; margin-bottom:0px}
p.bib_url a {}
p.bib_url a:hover {text-decoration:underline}
p.bib_text {font-size:10px; margin-top:1px; margin-right:15px}


p.h3child {margin-top:0px;}

h3 a, h3 a:active, h3 a:visited {color:#FFCC00; margin-right:10px}
h3 a:hover {color:#FF6666; margin-right:10px}

span.source {font-weight:normal; font-size:12px; font-style:italic; color:#cccccc; margin-left:5px}
span.author {font-weight:normal; font-size:12px; font-style:normal; color:#cccccc}
span.date {font-weight:normal; font-size:11px; font-style:normal; color:#ccccff}
span.artist {font-weight:normal; font-size:12px; font-style:italic; color:#cccccc}
span.studio {font-weight:normal; font-size:12px; color:#cccccc}
span.release_date {font-weight:normal; font-size:12px; color:#ff3333}

/* NAVIGATION STYLES */
td.homepage_nav
{
	color:#6699FF;
	font-weight:bold;
	font-size:12px;
}



a.topnav, a.topnav:visited, a.topnav:active
{
	font-size:12px;
	color:#6699FF;
	text-decoration:none;
}

a.topnav:hover { color:#FFCC00 }

p.topnav {
	margin-top:6px;
	margin-bottom:0px;
	font-size:12px;
}

td.topnav
{
	font-weight:bold;
	font-size:12px;
}



.secondarynav, .secondarynav:visited, .secondarynav:active
{
	color:#6699FF;
	text-decoration:none;
	font-weight:bold;
	margin-right:10px
}

.secondarynav:hover { color:#FFCC00 }

td.secondarynav {height:21px; vertical-align:middle; padding-left:5px;}

span.secondarynav_title 
{
	color:#eeeeee;
}



.selected_works, .selected_works:visited, .selected_works:active
{
	font-weight:bold;
	color:#6699FF;
	padding-left:10px;
	text-decoration:none;
}

.selected_works:hover
{
	color:#FF6666
}

.continued, .continued:active, .continued:visited {font-weight:bold; color:#CCCCCC; text-decoration:none}
.continued:hover {color:#FFCC00; text-decoration:underline}

.more, .more:active, .more:visited {font-weight:bold; color:#CCCCCC; text-decoration:none}
a.more, a.more:active, a.more:visited {color:#6699FF}
.more:hover {color:#FFCC00; text-decoration:underline}


.moreinfo, .moreinfo:active, .moreinfo:visited {font-weight:bold; margin-left:5px}
.moreinfo:hover {text-decoration:underline}

.buy, .buy:active, .buy:visited {font-weight:bold; margin-left:5px; font-size:12px}
.buy:hover {text-decoration:underline; font-size:12px}

.link_name, .link_name:active, .link_name:visited {font-weight:bold; font-size:12px; color:#ffcc00}
.link_name:hover {text-decoration:underline; font-size:12px}

.link, .link:active, .link:visited {font-weight:normal; font-size:12px;}
.link:hover {text-decoration:underline; font-size:12px}

.purchase, .purchase:active, .purchase:visited {font-weight:bold; font-size:12px}
.purchase:hover {text-decoration:underline; font-size:12px}

td.more {text-align:right; padding-right:20px; font-weight:normal}
p.more {text-align:right; margin-right:20px; font-weight:normal}

a.period, a.period:visited, a.period:active {color:white;}
a.period:hover {color:#FFCC00}

a.period_hover, .period_hover:active, .period_hover:visited {color:#FFCC00}
a.period_hover:hover {color:#FFCC00}

a.period_active, .period_active:active, .period_active:visited {color:#CC3300}
a.period_active:hover {color:#FFCC00}

a.movie_title, .movie_title:active, .movie_title:visited {color:#FFFFFF}
a.movie_title:hover {color:#FFCC00}

/* LINE STYLES */
td.header_line
{
	background-color:white;
	height:1px;
	width:815px;
}

td.line {background-color:white; padding:0px}