/*	===============================================================
	© Content Media Corp
	www.contentmediacorp.com
	Type:				Semantic Styles
	Author:				Nigel Morris
	Creation Date:		26 April 2011
	---------------------------------------------------------------
	Version no:			1.0
	Last edited:		n/a still in development
	============================================================ */

/*	---------------------------------------------------------------
    
	1. HEADING
	2. PARAGRAPH
	3. LIST 
	4. FORMS
	5. TABLES
	6. OTHER
	
	------------------------------------------------------------ */

	body{
	/*font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;*/
	font-family:  'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 75%;
	color:#333;
	}
	
	body.tv{
	color:#333;
	}
	
	body.film{
	color:#333;
	}
	
	/* For Inheritance */	
	div, table, th, tr, td, p, ul, ol, li, ul, dl, dt, dd, blockquote, cite, code, label { 
	text-align: left; /* Overides NN4 force centre */
	font-size: 1em;
	}

	/* Default link setup */
	a{ outline: none;}
	a:link  {
	color: #333;
	text-decoration: underline;
	} 
	a:active  {
	color: #333;
	text-decoration: underline;
	outline: none;
	}
	a:visited  {
	color: #333;
	text-decoration: underline;
	}
	a:hover {
	color:#000;
	text-decoration: none;
	}
	
	a {
	-o-transition:color .5s linear, border-bottom-color .5s linear;
	-ms-transition:color .5s linear, border-bottom-color .5s linear;
	-moz-transition:color .5s linear, border-bottom-color .5s linear;
	-webkit-transition:color .5s linear, border-bottom-color .5s linear;
	transition:color .5s linear, border-bottom-color .5s linear;
	}

	.film a:link  {
	color: #900;
	} 
	.film a:active  {
	color: #F00;
	}
	.film a:visited  {
	color: #900;
	}
	.film a:hover {
	color:#F00;
	}
	
	.tv a:link  {
	color: #309;
	} 
	.tv a:active  {
	color: #60F;
	}
	.tv a:visited  {
	color: #309;
	}
	.tv a:hover {
	color:#60F;
	}
	
	
	/* Remove hightlight line */
	:-moz-any-link:focus {
	outline: none;
	}

	
	

	
/*	---------------------------------------------------------------
	1. HEADING STYLES
	------------------------------------------------------------ */
	
	h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
	
	#content h1 {
	font-size: 2em;
	color: #333;
	margin: 0;
	padding: 0.6em 0 0.6em 0;
	}
	
	#content h2 {
	font-size: 1.6em;
	color: #333;
	margin: 0;
	padding: 0.6em 0 0.6em 0;
	}
	
	#content h3 {
	font-size: 1.4em;
	color: #000 !important;
	margin: 0 0 0.3em 0;
	padding: 0.2em 0.3em;
	background-color: #C4D8E2;
	}
	
	#content h4 {
	font-size: 1.2em;
	color: #999;
	margin: 0;
	padding: 0.3em 0 0.3em 0;
	}
	
	#content h5 {
	font-size: 1.2em;
	color: #333;
	margin: 0;
	padding:0.6em 0 0.6em 0;
	}
	
	#content h6 {
	font-size: 1.1em;
	color: #999;
	margin: 0;
	padding: 0.3em 0 0.3em 0;
	}
	
	#content p, #content div {
	line-height: 150%;
	}
	
	
	.film #content h3 {
	background-color: #EBCCCC;
	}
	
	.tv #content h3 {
	background-color: #CCC;
	} 
	
/*	---------------------------------------------------------------
	2.PARAGRAPH STYLES
	------------------------------------------------------------ */
		
	p {
	font-size: 1em;
	line-height: 150%;
	margin: 0.3em 0 0.6em 0
	}	
	
	p.intro {
	font-size: 1.4em;
	line-height: 150%;
	color:#CCC;
	}
	

/*	---------------------------------------------------------------
	3.LIST STYLES
	------------------------------------------------------------ */
	
	#content ol{
	list-style-type: none;
	margin:0.3em 0 0.6em;
	list-style-position: inside;
	}
	
	#content ol li{
	list-style-type: upper-roman;
	}
	
	#content ol ol{
	list-style-type: none;
	margin:0 0 0 4em;
	list-style-position: inside;
	}
	
	#content ol ol li{
	list-style-type: upper-roman;
	}
	
	
	#content ol ol ol{
	list-style-type: none;
	margin:0 0 0 5em;
	list-style-position: inside;
	}
	
	#content ol ol ol li{
	list-style-type: upper-roman;
	}
	
	#content ul{
	list-style-type: none;
	margin:0.3em 0 0.6em;
	list-style-position: inside;
	display:list-item;
	}
	
	#content ul li{
	list-style-type: square;
	padding: 0;
	}
	
	#content ul.indent{
	margin:0 0 0 3em;
	}
	
	#content ul.indent li{
	padding: 1.4em 0 1.4em 0;
	}
	
	
	#content ul ul{
	list-style-type: none;
	margin:0 0 0 4em;
	list-style-position: inside;
	display:list-item;
	}
	
	#content ul ul li{
	/*	list-style-type: disc;*/
	list-style-type: none;
	}
	
	#content ul ul ul{
	list-style-type: none;
	margin:0 0 0 5em;
	list-style-position: inside;
	display:list-item;
	}
	
	#content ul ul ul li{
	list-style-type: circle;
	}
	
	#content li{
	font-size: 100%;
	line-height: 150%;
	padding: 10px 0;
	}
	
	#content li li{
	font-size:100%;
	line-height: 150%;
	}
	
	#content li li li{
	font-size:100%;
	line-height: 150%;
	}

	#content li p{
	font-size: 100%;
	line-height: 150%;
	margin: 0
	}

	
/*	---------------------------------------------------------------
	4.FORM STYLES
	------------------------------------------------------------ */
	
	/* Removes space after form elements. */ 
	form { 
	padding:0;
	}
	
	fieldset {
	display:block;
	margin:0;
	padding:0;
	}
	
	fieldset p{
	padding:0 1em;
	display:block;
	}
	
	legend{
	display:block;
	font-size:1.4em;
	font-weight:normal;
	}
	
	input, select, textarea {
	font-size:1em;
	color: #999;
	background-color: #FFF;
	background-color: #FFF;
	border: 1px solid #CCC;
	}

	input:active{
	color: #999;
	background-color: #CCC;
	}

	label {
	/*font-weight: bold;*/
	}


	
	/*	---------------------------------------------------------------
	5.TABLE STYLES
	------------------------------------------------------------ */
	
	#content td, tr, th {
	/* overrides the cellpadding and cellspacing */
	/*margin:1px;
	padding:10px 5px 0px 0px;*/
	font-size: 1.05em;
	line-height: 150%;
	vertical-align: top;
	}

	#content th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #CCC;
	}

	#content td{
	padding:2px;
	}
	
	#content #meat td{
	padding:0 0;
	}
	
	#content td p{
	font-size: 1em;
	}
	
	#content td li{
	font-size: 1em;
	}
	
	#content td h1, #content td h2, #content td h3, #content td h4, #content td h5 ,#content td h6, #content td p{
	padding:0;
	}
	

	/*	---------------------------------------------------------------
	6.OTHER STYLES
	------------------------------------------------------------ */
	
	img{
	border:0px;
	}
	
	img {
	-ms-interpolation-mode:bicubic;
	}
	
	address{
	display:inline;
	}