/* external css file 
filename elly.css
NO HTML markup
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
	color: #000000;	
	background-repeat: no-repeat;
	background-color: #999999;
	text-decoration:none;
}
/* hover actions for links */
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #770077;
	text-decoration: none;
}
a:active {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* div id below */
#banner {
	position: absolute;
	top: 10px;
	left: 5%;
	width: 500px;
	padding-top: 2px; 
	margin-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: normal;
}

#lbanner {
	position:absolute;
	top: 5px;
	left: 25px;
	width: 400px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: normal;
}

#rbanner {
	position:absolute;
	top: 5px;
	left: 450px;
	width: 600px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
}

/* lcol vcol skimmer for the embedded video pages, ccol, rcol for photo pages */
#lcol {
	position:absolute;
	float:left;
	top:60px;
	width:25%;
	margin-left:5%;
	margin-right:2.5%;
	position: relative;
}

#ccol {
	position:absolute;
	width:25%; 
	top:60px;
	margin-left:37%; 
	margin-right:37%;
}

#podlcol {
	position:absolute;
	float:left;
	top:59px;
	width:339px;
	margin-left:5%;
	margin-right:2.5%;
	left: -47px;
}

#podccol {
	position:absolute;
	width:339px;
	top:59px;
	margin-left:37%;
	margin-right:37%;
	left: -21px;
}

#podrcol {
	position:absolute;
	top:469px;
	left: 655px;
	width:200px;
	font-size:9px;
}

#rcol {
	position:absolute;
	float:right; 
	top:60px;
	width:25%; 
	right:2.5%;
	margin-left:2.5%; 
	margin-right:5%;
}

#vcol {
	position:absolute;
	float:right; 
	top:60px;
	width:55%; 
	right:5%;
	left:40%;
}

#vvcol {
	position:absolute;
	float:right; 
	top:200px;
	width:55%; 
	right:5%;
	left:40%;
}

#vcolyt {
	position:absolute;
	float:right; 
	top:60px;
	width:55%; 
	right:10%;
	left:35%;
}

#vvcolyt {
	position:absolute;
	float:right; 
	top:200px;
	width:55%; 
	right:10%;
	left:35%;
}

#theater {
	position:absolute;
	left:134px;



	right10%;
	top:155px;
}

#skimmer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 24px;
	width: 93px;
	z-index: 4;
	float: left;
	position: relative;
	left: -91px;
	top: 240px;
	border: hidden;
}

#skimper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 24px;
	width: 93px;
	z-index: 4;
	float: left;
	position: relative;
	left: -91px;
	top: 240px;
	border: hidden;
}

#stalker {
	position:absolute;
	top: 710px;
	left: 614px;
}

/* goober for the news page */
#goober {
	position: absolute;
	width: 800px;
	margin-left: 25px;
	left: 9px;
	top: 53px;
}
#dauber {
	position: absolute;
	width: 400px;
	left: 11px;
	top: 18px;
}

#glauber {
	position:absolute;
	left: 449px;
	top: 34px;
	width: 482px;
	
} 

/* wallis, grommet, harold, harvey for the synopsis page */
#wallis {
	position:absolute;
	top: 100px;
	margin-left: 2%;
	margin-right: 2%;
}

#grommet {
	float: left;
	margin-right:2%;
}

#harold {
	float: right;
	margin-left: 2%;
}	

#harvey {
	float: left;
	margin-right: 10%
}

#helmut {
	float: right;
}

#hornet {
	position:absolute;
	top:100px;
	left: 46px;
	width: 309px;
	height: 209px;
}

#birdie	{
	position:absolute;
	top: 90px;
	left: 183px;
	width: 728px;
	height: 570px;
}

/* donor levels */
#producer {
	position:absolute;
	left: 2%;
	top: 23px;
	left: 429px;
	left: 451px;
	left: 6px;
	height: 90px;
}

#director {
	position:absolute;
	left: 458px;
	top: 12px;
	width: 397px;
}

#editor {
	position:absolute;
	top: 121px;
	left: 558px;
	width: 381px;
}

#camera {
	position:absolute;
	left: 136px;
	top: 188px;
	width: 372px;
}

#wardrobe {
	position:absolute;
	left: 45%;
	top: 326px;
	width: 524px;
	height: 453px;
}

#grip {
	position:absolute;
	left: 1px;
	top: 2px;
}

#sound {
	position:absolute;
	left: 5px;
	top: 514px;
	width: 458px;
	margin-right: 6px;
	margin-left: 2px;
}

/* budge for ID to allow white space to count (careful - messes up div tags) */	
#budge {
	white-space: pre;
}
/* page navigation */

#navigate {
	position:absolute;
	top: 0px;
	left: 100px;
	text-align:left;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	width: 870px;
	z-index: 15;
}

/* copyrights */
#playtag {
	position:absolute;
	top: 872px;
	right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	width: 300px;
	height: 38px;
	left: 626px;

}

#dogtag {
	position:absolute;
	top: 813px;
	right: 83px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	width: 300px;
	height: 38px;
}

#dogtag2 {
	position:absolute;
	bottom: 20 px;
	right: 117px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	width: 300px;
	height: 38px;
}

/* default paragraph spec */
p {
	margin-left: 5%;
	margin-right: 5%;
}
/* classes */
/* intro class for video pages - expo class for others */
.intro:first-letter {
	font-size: 350%;
	font-weight: bold;
	float: left;
	width:1em;
}
.eggroll {
	font-weight: bold;
	float: left;
	width:1em;
}
.expo:first-letter {
	font-size: 400%;
	font-weight: bolder;
	float: left;
	width:50em;
}	

.txt9	{
	font-size: 9px;
}

.txt10	{
	font-size: 10px;
}

.txt12	{
	font-size: 12px;
}

.txt14	{
	font-size: 14px;
}

.txt16	{
	font-size: 16px;
}

.txt18	{
	font-size: 18px;
}

.txt24	{
	font-size: 24px;
}

.txt36	{
	font-size: 36px;
}

.txt9i	{
	font-size: 9px;
	font-style: italic;
}

.txt10i	{
	font-size: 10px;
	font-style: italic;
}

.txt12i	{
	font-size: 12px;
	font-style: italic;
}

.txt14i	{
	font-size: 14px;
	font-style: italic;
}

.txt16i	{
	font-size: 16px;
	font-style: italic;
}

.txt18i	{
	font-size: 18px;
	font-style: italic;
}

.txt24i	{
	font-size: 24px;
	font-style: italic;
}

.txt36i	{
	font-size: 36px;
	font-style: italic;
}

.txtrs	{
	font-size: 12px;
	background-color:#FFBB00;
	color:#FFFFFF;
}

.txtho	{
	font-size: 14px;
	background-color:#ac9fe5;
	color:#FFFFFF;
}
.txtel	{
	font-size: 14px;
	background-color:#fcece7;
	color:#FFFFFF;
}
.txthe	{
	font-size: 14px;
	background-color:#ecf8f4;
	color:#FFFFFF;
}
.txtde	{
	font-size: 14px;
	background-color:#c88a8b;
	color:#FFFFFF;
}
.txteg	{
	font-size: 14px;
	background-color:#a5c097;
	color:#FFFFFF;
}

.txtsy	{
	font-size: 14px;
	background-color:#efcdde;
	color:#FFFFFF;
}

.txtbi	{
	font-size: 14px;
	background-color:#e7f8ec;
	color:#FFFFFF;
}
.txtpo	{
	font-size: 14px;
	background-color:#cec898;
	color:#FFFFFF;
}
.txtco	{
	font-size: 14px;
	background-color:#fffde5;
	color:#FFFFFF;
}
.txtdo	{
	font-size: 14px;
	background-color:#e4daa9;
	color:#FFFFFF;
}
.txtne	{
	font-size: 14px;
	background-color:#c8cbee;
	color:#FFFFFF;
}

.txtgi	{
	font-size: 14px;
	background-color:#ff9999;
	color:#FFFFFF;
}
.txtme	{
	font-size: 14px;
	background-color:#cccccc;
	color:#FFFFFF;
}

/* force defaults for others */
H1, H2, H3, H4, H5, H6, TABLE, TH, TD, PRE, STRONG, EM, B, I {
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;
}