/* $Id: common.css,v 1.8 2009/04/02 00:42:02 tw Exp $
 * Copyright (C) 2009 by Tom Davis <tom@greyshirt.net>.
 */

body {
	background-image: url("../images/common_bkg.jpg");
	background-repeat: no-repeat;
	font-family: "Avanir Roman", Avanir, Verdana, Tahoma, Geneva, Sans-serif;
	font-size: 14px;
}

h1 {
	/* we're actually using an image here */
	padding: 0;
	height: 46px;
	background-repeat: no-repeat;
	/* planned to use CSS sprites and transparent text for accessibility, but 
	 * in the end, opera doesn't support transparent as a text color (or 
	 * doesn't support transparency of text), nor does it support CSS sprites, 
	 * so we're using different images for each background and leaving the 
	 * actual title blank (&nbsp;)
	background-image: url("../images/decorativetype.jpg");
	color: transparent;
	*/
}

h2 {
	margin: 0 0 2em 0;
	border-bottom: 1px solid #670506;
	padding: 0 0 0.75em 0;
	color: #670506;
	font-family: "Arial Bold", Arial, San-serif;
	font-weight: 900;
	font-size: 16pt;
}
h3 {
	margin: 0;
	padding: 0;
	color: #670506; font-family: Arial, San-serif; font-weight: bold;
}
h3 .position { color: #000; font-weight: 100; font-style: italic; }

p { margin: 0 0 1em 0; }

#info {
	margin: 150px 15px 0 250px;
	padding: 0 25px 25px 25px;
	background: #fff url("../images/droplets.jpg") 625px 375px no-repeat;
}


#navigation {
	margin: 0 -48px 0 -25px;
	top: 0;
	left: 0;
	height: 27px;
	min-width: 600px;
	background-color: #670506;
	padding: 0;
	white-space: nowrap;
	list-style: none;
}

#navigation li {
	display: inline;
	padding: 0 2em;
	text-align: center;
	font-family: "Medium Avanir", Avanir, Verdana, Tahoma, Geneva, Sans-serif;
	font-size: 8pt;
	font-variant: small-caps;
	line-height: 25px;
	color: white;
}

#navigation li strong {
	font-weight: 900;
}

#navigation li a {
	font-weight: 300;
}

#navigation li a:link    { color: white; text-decoration: none; }
#navigation li a:visited { color: white; text-decoration: none; }
#navigation li a:hover   { color: black; text-decoration: none; }

.intro {
	max-width: 600px;
	padding: 0 1em 1em 0;
	border-bottom: 1px solid #670506;
	font-family: "Arial Medium", Arial, Sans-serif;
	font-weight: 300;
	font-size: 12pt;
}

.intro strong { color: #670506; }

.staff {
	clear: both;
	max-width: 600px;
}

.headshot { float: left; margin: 0 0 0 -189px; height: 178px; width: 164px; }

.video object { padding: 1em; vertical-align: top; z-index: 1; }
.video a			{ font-size: 10pt; }
.video a:link		{ text-decoration: none; color: black; }
.video a:hover		{ text-decoration: underline; color: black; }
.video a:visited	{ text-decoration: none; color: black; }

#about			{ background-image: url("../images/aboutus.jpg"); }
#release		{ background-image: url("../images/released.jpg"); }
#features		{ background-image: url("../images/features.jpg"); }
#hourseries		{ background-image: url("../images/hourseries.jpg");
				  border-bottom: solid 1px #670506;
}
#contact		{ background-image: url("../images/contact.jpg");
				  border-bottom: solid 1px #670506;
}

#col1 {
	float: left; width: 45%;  background-color: transparent;
	padding: 0 0 25px 0;
}
#col2 {
	float: right; width: 45%; background-color: transparent;
	padding: 0 0 25px 0;
}
.film { font-size: 9pt;  background-color: transparent; }
.genre { font-style: italic;  background-color: transparent; }
.similarto { margin-bottom: 0.5em; font-style: italic;  background-color: transparent; }

.contact_info { font-size: 10pt; }
.contact_info dt { color: #670506; }
.contact_info a:link	{ color: black; text-decoration: none; }
.contact_info a:hover	{ color: black; text-decoration: underline; }
.contact_info a:visited	{ color: black; text-decoration: none; }

.webwrites {
	margin: 7em 0 0 0;
	border-top: solid 3px gray;
	padding: 1em 0 0 0;
	font-size: 8pt;
}
.webwrites dt { color: black; }
.webwrites dd { color: #670506; }
.webwrites a:link	{ color: #670506; text-decoration: none; }
.webwrites a:hover	{ color: #670506; text-decoration: underline; }
.webwrites a:visited	{ color: #670506; text-decoration: none; }

#guestbook {
	border: solid 1px gray;
	padding: 1em;
}

#charity {
	margin-top: 2em;
	border-top: solid 1px black;
}

#charity strong { color: #670506; }

#copyright {
	position: fixed;
	margin: 0;
	border-top: solid 1px black;
	padding: 0;
	left: 0; right: 0; bottom: 0;
	height: 25px;
	background: #fff;
	text-align: center;
	font-size: 7pt;
	z-index: 3;
}

#copyright p { margin: 0; border: 0; padding: 0; }