/*	
	CSS for CornwellCasting.com
	Work of Native Soul Media LLC.
	http://www.nativesoulonline.com/
*/

/* INDEX 
	General
		General Link Navigation
		Headings
		Structure
		Typography
	Homepage
	Header
	Footer
	Subpages General
	Currently Casting
	About
	News and Video + Audio
	Contact
*/

/* --- Reset Style - based on Eric Meyer's http://meyerweb.com/eric/tools/css/reset/ --- */
@import url("../styles/reset.css");


/* --------------- */
/* --- General --- */
/* --------------- */
	body {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 68.5%;
	}
	
	/* --- General Link Navigation --- */
	a:link {
		color: #FFF;
		text-decoration: underline;
	}
	a:focus, a:hover, a:active {
		color: #FFF;
		text-decoration: none;
	}
	a:visited {
		color: #CCC;
		border: 0;
		text-decoration: none;
	}
	
	/* --- Headings --- */
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em;}
	h4 {font-size: 1.4em;}
	
	/* --- Structure ---*/
	div#container {
		width: 702px;
		margin: 15px auto;
		text-align: left;
	}
	div#spacer {
		clear: both;
	}
	/* --- Typography --- */
	p {
		margin: 1.125em 0;
		line-height: 1.3;
	}
	/* --- Some General Classes --- */
	.noborder {border: none;}



/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

div#news_update, div#current_project, div#about_us {
	float: left;
	margin: 15px 3px;
	width: 32.4%;
	height: 225px;
}

div#news_update { background: url(../media/images/news_update_bg.png) no-repeat; }
div#current_project { background: url(../media/images/current_proj_bg.png) no-repeat; }
div#about_us { background: url(../media/images/aboutus_bg.png) no-repeat; }

div#hub h3 {
	font-family: "Arial Black", Arial, sans-serif;
	margin: 5px 10px;
}
div.content {
	margin-left: 10px;
	width: 90%;
	height: 165px;
}
div.link {
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	width: 90%;
}
div#news_update div#title {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: solid 1px #CCCCCC;
}
div#current_project div.content {
	text-align: center;
}
div#current_project p {
	font-size: 1.2em;
}

/* -------------- */
/* --- Header --- */
/* -------------- */

div#header h1 {
	margin: 10px 0;
	float: left;
}
div#header ul {
	float: right;
}
div#header li {
	list-style-type: none;
	display: inline;
	font-family: "Arial Black", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	position: relative;
	top: 18px;
	margin: 0 5px;
}
div#header li a:link {
	text-decoration: none;
}
div#header li a:visited {
	text-decoration: none;
	color: #FFF;
}
div#header li a:focus, div#header li a:hover, div#header li a:active {
	border-top: solid 3px #FF0000;
	text-decoration: none;
}

/* -------------- */
/* --- Footer --- */
/* -------------- */

div#footer {
	clear: both;
	padding: 50px 0 0;
}
div#footer p#copyright {
	color: #CCC;
	margin: 5px 10px;
	float: left;
	text-transform: uppercase;
}
div#footer p#address {
	color: #CCC;
	margin: 5px 10px;
	float: right;
}
div#footer img#clients {
	clear: all;
}
div#footer div#copyright {
	text-align: center;
	font-family: "Trebuchet MS", serif;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 1.2em;
	margin-bottom: 40px;
	color: #999999;
}
div#footer div#address h4 {
	margin: 0 0 10px;
}

/* ------------------------ */
/* --- Subpages General --- */
/* ------------------------ */

div#subheader {
	clear: both;
}
div#subpages_header {
	border-bottom: dotted 2px #999;
	margin: 30px 0 25px;
	padding-bottom: 3px;
}
div#subpages_header div {
	float: right; 
	position: relative; 
	top: -20px; 
	font-size: 1.2em;
}

/* ------------------------- */
/* --- Currently Casting --- */
/* ------------------------- */

div#currently_casting {
	margin: 40px 0 80px;

}
	}
	div#currently_casting h3 {
		color: #FF0000;
		text-transform: uppercase;
		font-size: 2.8em;
		font-weight: normal;
	}
	div#currently_casting p {
		font-size: 1.4em;
		width: 450px;
	}
	a.button_style:link, a.button_style:visited {
		border: 2px outset #CCC;
		display: block;
		margin: 1em 0;
		background-color: #CCC;
		width: 187px;
		padding: 0.4em;
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		color: #000;
	}
	a.button_style:hover, a.button_style:focus, a.button_style:active {
		color: #000;
		background-color: #EEEEEE;
	}
	p.red {
		color: #FF0000;
	}
	
	/* --- Previous Projects --- */
	
	div#previous_projects {
		clear: both;
	}
	div#previous_projects span {
		font-size: 1.2em;
		color: #CCC;
	}
	div#previous_projects table {
		font-size: 1.4em;
		width: 100%;
	}
	div#previous_projects table td {
		width: 50%;
		color: #CCCCCC;
	}
	div#previous_projects h4 {
		font-size: 1.2em;
		margin: 20px 0 10px 0;
		color: #FFFFFF;
	}
	div#previous_projects a:link {
		line-height: 1.3;
		color: #FFF;
		text-decoration: none;
	}
	div#previous_projects a:focus, div#previous_projects a:hover, div#previous_projects a:active {
		text-decoration: underline;
	}

/* ------------- */
/* --- About --- */
/* ------------- */

div#subpage_about {}
	div#subpage_about object {
		float: left;
	}
	div#subpage_about div {
		float: right;
		width: 400px;
	}
	div#subpage_about p {
		font-size: 1.2em;
		line-height: 2;
		margin-top: 0;
	}
	div#subpage_about blockquote {
		color: #FF0000;
		font-size: 2.0em;
		margin: 1em 0;
	}
	
div.bios {
	margin: 2em 1em;
	width: 570px;
}
	div.bios h4 {
		font-size: 2.6em;
		color: #FF0000;
		margin-bottom: 0.3em;
	}
	div.bios p {
		font-size: 1.4em;
		line-height: 1.5;
	}

/* ------------------------------ */
/* --- News and Video + Audio --- */
/* ------------------------------ */

div#media_left {
	width: 300px;
	float: left;
	margin-bottom: 100px;
}
div#media_right {
	width: 300px;
	float: right;
}
	div.audio_video {
		background: url(../media/images/media/audio_video_bg.png) repeat-x bottom #990000;
		height: 120px;
		padding-top: 20px;
	}
	div.audio_video img {
		float: left;
		margin: 0 10px;
	}
	div.audio_video h4 {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		font-family: "Arial Black", Arial, sans-serif;
		font-weight: normal;
	}
	div.audio_video p {
		font-size: 1.1em;
		line-height: 1.3;
		margin-right: 10px;
	}
	div.audio_video a {
		float: right;
		font-weight: bold;
		margin-right: 10px;
	}
	
	/* --- News Updates --- */
	div.news{width: 85%; margin: 3em 0;}
		
		div.news_top {}
		
			div.news_top h3 {
				border-bottom: solid 3px #999999;
				font-size: 1.4em;
				font-family: "Arial Black", Arial, sans-serif;
				font-weight: normal;
				padding-bottom: 3px;
				text-transform: uppercase;
			}
			div.news_top span {
				float: right;
				font-size: 1.1em;
				font-style: oblique;
				position: relative;
				top: -1.4em;
			}
		div.news img {
			float: left;
			margin: 20px;
		}
		div.news p {
			font-size: 1.2em;
		}
		div.news a.readmore:link, div.news a.readmore:visited {
			clear: both;
			border-top: solid 2px #990000;
			display: block;
			font-family: "Arial Black", Arial, sans-serif;
			padding: 0.5em;
			text-align: right;
			text-decoration: none;
			text-transform: uppercase;
		}
		div.news a.readmore:hover, div.news a.readmore:focus, div.news a.readmore:active {
			background-color: #222;
		}

	div#article_header {
		clear: both;
	}
	div#article_header h1 {
		font-size: 2.7em;
		font-family: "Arial Black", sans-serif;
		text-transform: uppercase;
		margin: 0;
		border-bottom: solid 10px #999999;
	}
	div#article_header div#red_border {
		margin-top: 6px;
		padding-top: 6px;
		border-top: solid 3px #FF0000;
	}
	div#article_body h2 {
		clear: both;
		font-size: 1.6em;
		font-weight: normal;
		color: #FF0000;
	}
	div#article_body h2#title_heading {
		margin-bottom: 0;
	}
	div#article_body h2 span {
		color: #CCCCCC;
	}
	div#article_body h3 {
		font-size: 1.4em;
		color: #CCCCCC;
	}
	div#article_body p {
		font-size: 1.4em;
	}

/* ------------------ */
/* --- Contact Us --- */
/* ------------------ */

div#contactus{}

	div#contactus img {float: left;}

	div#phone_address {
		float: right;
		width: 280px;
		margin-bottom: 100px;
	}
	div#phone_address h1 {
		text-transform: capitalize;
		margin-top: 0;
		color: #FF0000;
	}
	div#phone_address p {
		font-size: 1.2em;
		padding-bottom: 10px;
	}
	div#phone_address ul li {
		list-style-type: none;
		margin: 0.5em 0;
		font-size: 1em;
	}
	div#phone_address span {	
		color: #FF0000;
	}
	div#phone_address img {
		float: right;
		margin-top: 20px;
	}
	
	/* --- Email Us --- */
	
	div#form {margin-bottom: 100px;}
		
		div#form p {
			font-size: 1.2em;
		}
		div#form p span {
			color: #FF0000;
		}
		div#form li {
			clear: both;
		}
			div#form li label {
				display: block;
				float: left;
				font-size: 1.2em;
				margin: 0.5em 0;
			}
			div#form li label.floatleft {
				display: block;
				float: left;
				width: 260px;
				margin: 0.5em 1em 0.5em 0
			}
		div#form input.inputText {
			margin: 5px 0;
			width: 250px;
			border: inset 2px #CCC;
			padding: 3px;
			background-color: #EEE;
		}
		div#form input.large {
			width: 350px;
		}
		div#form input.inputText:focus, div#form textarea:focus {
			background-color: #FFF;
		}
		div#form textarea {
			margin: 5px 0;
			width: 650px;
			border: inset 2px #CCC;
			background-color: #EEE;
		}
		ul.errors {
			font-size: 1.2em;
			margin: 2em 0 2em 3em;
			list-style-type: disc;
		}
		ul.errors li {
			margin: 0.1em 0;
		}