/* ----------------------------------------------------------
	General basic styling
*/


BODY {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;

	color: green;
	background: black;
}

A {
	color: #FF3380; 
	background: transparent;
	}

H1 {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 0pt;
	margin-top: 0pt;

	color: #ffefbf;
	background: transparent;
}

H2 {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 2pt;
	margin-top: 12pt;

	clear: both;

	color: #ffefbf;
	background: transparent;
}

H2.first
{
	margin-top: 0pt;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0pt;
	margin-top: 8pt;

	color: #ffefbf;
	background: transparent;
}

P, LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 6pt;
	margin-top: 0px;

	color: #ffefbf;
	background: transparent;
}

UL {
	margin-bottom: 0px;
	margin-top: 0px;

	color: #ffefbf;
	background: transparent;
}



/* ----------------------------------------------------------
	Layout boxes - apply as classes to box container (eg. <td>)
*/

.layoutbox-content {
	padding-left: 30px;
	padding-right: 30px;

	color: #ffefbf;
	background: black;
	}

.layoutbox {
	padding: 0px;

	color: #ffefbf;
	background: black;
	}



/* ----------------------------------------------------------
	Images and image boxes
*/


/* Teaser section table - used for putting teaser text next to teaser image */

.teasersectionimage {
	border-color: #bfa080; border-style: solid; border-width: 1px; 
	vertical-align: bottom;
	margin-top: 5px;
}

.teasersectiontable { 
	margin-bottom: 10px;
}

.teasersectionleftcell { 
	padding-right: 10px;
}

.teasersectionrightcell { }



/* On <img> for action images lined up in middle of page */
.actionimageline {
	margin-left: 5px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	border-color: #bfa080; border-style: solid; border-width: 1px; 
}


/* On <img> for portrait sequence at top of page */
.actorportrait {
	margin-left: 5px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	border-color: #bfa080; border-style: solid; border-width: 1px; 
}


/* For large images at top of page */
.largeimage {
	margin-bottom: 10px;
	margin-top: 0px;
	border-color: #bfa080; border-style: solid; border-width: 1px; 
}