/* 
	Main CSS doc for Fission Media Group | Copyright 2008
	Created By Eli Dupuis. (http://www.elidupuis.com)
*/

/*
	Palette
	#272727		dark gray (borders)
	#4b4b4b		mid gray (bg)
	#f1ef41		yellow (nav hover)
	#2a2a2a		side col heading

*/


body
{
	font-family: Georgia, Times, serif;
	font-size: 13px;
	text-align: center;
	line-height: 19px;
	background:#000;
}

/*
*	Structure
*************************/
#page, #pageHome, #pageAdmin
{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	position: relative;
}

	
	#logo img
	{
		margin: 40px 0 17px 10px;
	}
	
	#nav
	{
		position: absolute;
		top:76px;
		right:10px;
		text-shadow: 0 0 1px #000;
	}
		#nav ul
		{
			background: url("../../images/nav-divider.gif") top right no-repeat;
			padding-bottom: 1px;
			padding-right: 1px;
			padding-top:1px;
		}
			#nav li
			{
				display:inline;
				background: url("../../images/nav-divider.gif") top left no-repeat;
				padding-bottom:3px;
				padding-top:3px;
			}
			
				#nav li a
				{
					font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
					font-weight: bold;
					font-size: 13.5px;
					text-decoration: none;
					color: #f29c00;
					padding: 0 6px 0 7px;

				}
				
				#nav a:hover { color: #ffffff; text-decoration:underline; }
				#nav a.current { color: #ffffff }
	
	#pageHome #main
	{

	}
	
	#main
	{
		float: right;
		width: 940px;
		margin-right: 10px;
		display:inline;
	}
		
		#pageHome #banner
		{
			margin-bottom: 58px;
			height: 346px;
			width:940px;
			background-color: #333333;
			position:relative;
		}
		
		#page #banner {
			margin-bottom: 20px;
			width:940px;
			background-color: #333333;
		}
		
		#pageHome #banner #mainImg {
			width: 640px; height: 346px;
			background: url("../../images/noflash-image.jpg");
		}
		
		#pageHome #banner #mainImg img {
			width: 640px; height:346px;
		}
		
		#pageHome #banner p.message {
			position:absolute;
			left: 665px;
			top:0;
			color: #fff;
			font-size: 24px;
			line-height: 30px;
			margin-top:20px;
			width:250px;
			text-shadow: 0 0 1px #222;
		}
		
		#page #banner p.message {
			color: #fff;
			font-size: 24px;
			padding:17px 19px 19px 19px;
			text-shadow: 0 0 1px #222;
		}
		
		#pageHome #banner p.flashwarning {
			background-color: #c6f5ff;
			position: relative;
			top:20px; left:25px;
			width:590px;
		}
		
		#mainCol
		{
			display: inline;
			float: left;
			width: 650px;
			background: #222222;
			margin-right:35px;
			margin-bottom:20px;
		}
		
		#mainCol-inner {
			margin:31px 35px;
		}
		
		#mainCol div.post {
			padding:31px 35px;
			border-bottom: 10px solid black;
		}
		
			#features img
			{
				margin-bottom: 1em;
			}
			
			#mainCol .post
			{
				border-bottom: 1px solid #c3c2c2;
				padding-bottom: 1em;
			}
			
			#mainCol .post#lastPost {border: 0;}
			
			
			#accomplishments
			{
				border-top: 1px solid #c3c2c2;
				margin: 2em 0;
			}
			
			#mainCol div.assetHolder
			{
				margin: 25px 0;
			}
				#mainCol div.assetHolder span
				{
					color: #fff;
					display: block;
					font-size: 11px;
					font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
					margin: 5px 0 15px 0;
				}
		
		#sideCol
		{
			float: left;
			width: 220px;
			margin-top:38px;
		}
		
		#pageHome #sideCol {
			margin-top:0;
		}
		
		#pageHome #news
		{
			display: inline;
			float: left;
			margin: 0 30px 0 0;
			width: 270px;
		}
		
		#pageHome #news a:hover {
			color: #f29c00;
			text-decoration:underline;
		}
		
		#news a.more-link {
		color: #aaa;
		text-decoration: none;
		background: url("../../images/link-arrow-grey.gif") center right no-repeat;
		padding-right: 13px;
		padding-left: 3px;
		}
		
		#news a.more-link:hover {
			background: url("../../images/link-arrow-orange.gif") center right no-repeat;
			color: #f29c00;
			text-decoration:underline;
		}
		
		p.backToTop a {
			color: #999;
			text-decoration: none;
		}
		
		p.backToTop a:hover {
			color: #f29c00;
			text-decoration:underline;
		}
		
		#pageHome #projects
		{
			display: inline;
			float: left;
			margin: 0 30px 0 0;
			width: 390px;
		}
			
		#pageHome #projects img
		{
			border: none;
			margin-top:7px;
		}
		
		#pageHome #projects a:hover {
			color: #f29c00;
			text-decoration:underline;
		}
		
		
	#footer
	{
		display: inline;
		float: right;
		width: 940px;
		background: #333333;
		margin-right: 10px;
		border-bottom: 20px solid black;
		padding-bottom: 9px;
	}
		#footer p
		{
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			color: #777;
			margin-left: 15px;
		}
		
		#footer span.company-name {
			letter-spacing: 1px;
		}
		
		#footer p#contact
		{
			font-size: 12px;
			color: #fff;
			margin: 11px 0 0 15px;
		}
		
		#footer p#footer-nav {
			float:right;
			font-size:12px;
			margin-top:20px;
			margin-right:26px;
			display:inline;
		}
		
		#footer p#footer-nav a {
			color:#fff;
			text-decoration:none;
		}
		
		#footer p#footer-nav a:hover {
			color: #f29c00;
			text-decoration: underline;
		}
	
	
	.alert
	{
		background: #faf97d; /*f1ef41,f1b141*/
		border: 1px solid #f1ef41;
		margin-bottom: 1em;
		padding:10px;
	}


/*
*	Typography
******************************/
h1{}

	#mainCol h1, #pageAdmin h1
	{
		color: #bbb;
		font-size: 24px;
		text-shadow: 0 0 1px #111;
		border-bottom: 1px dotted #666;
		padding-bottom: 14px;
		font-weight: normal;
	}
		#mainCol h1 span
		{
			color: #777;
			font-size: .75em;
		}
	
	#mainCol h1.with-subhead 
	{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: -4px;
	}
	
	h1.hidden { display: none; }
	
	
h2 {
	text-shadow: 0 0 1px #000;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13.5px;
	color: #fff;
	
	padding-bottom:8px;
	margin-bottom: 9px;
	background: url("../../images/horizontal-rule.gif") bottom left no-repeat;
}
	
	#mainCol h2
	{
		color: #2a2a2a;
		font-weight: normal;
		font-size: 1.2em;
		margin: 1em 0;
	}
	
	#pageHome #sideCol h2 {
		margin-bottom: 10px;
	}
	
	#mainCol .assetHolder h2
	{
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 21px;
		margin-bottom:0;
		background:none;
	}
	
	#mainCol h2.subhead /* h1 + h2 */
	{
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 21px;
		margin-bottom:0;
	}
	
	#mainCol div.post p.topic {
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 21px;
		margin-bottom: 3px;
		margin-top: 0;
	}
	
	#pageAdmin h2
	{
		color: #2a2a2a;
		font-weight: normal;
		font-size: 1.2em;
		margin: 1em 0 .25em 0;
	}
	
	.alert h2
	{
		margin: 0 0 0.5em !important;
		font-size: 1.2em;
		color: #333;
	}
	

h3 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 21px;
	margin-top: 2px;
}

#pageHome #projects div {
	margin-bottom: 10px;
}
	
	h3 a {
		color: #fff;
		text-decoration: none;
	}

#pageHome #news h3 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom:5px;
	margin-top:0;
}

#pageHome #news h2 a {
	color:#fff;
}

#sideCol h3 {
	padding-left: 12px;
	background: url("../../images/orange-bullet.gif") center left no-repeat;
}

	#mainCol h3
	{
		color: #2a2a2a;
		font-weight: normal;
		font-size: 1.1em;
		margin: 0;
	}

p
{

}

	#mainCol p {
		font-size:14px;
		line-height:20px;
		margin-top:10px;
		margin-bottom:20px;
		color: #999;
	}
	
	#mainCol p strong {
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13.5px;
		color: #fff;
	}

	#pageHome #news p.date {
		font-family: Georgia, Times, serif;
		font-size: 13px;
		color: #f29c00;
		text-transform: none;
		font-weight: normal;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	
	#pageHome #news p {
		margin-bottom: 19px;
		color: #888888;
	}
	
	#pageHome #news p.topic {
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #999;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-top: 2px;
		margin-bottom: 0;
	}
	
	#mainCol p.postedBy
	{
		font-style:italic;
		font-size: 14px;
		margin-bottom:-4px;
		color: #fff;
	}
	
	p.backToTop
	{
		display: inline;
		float: left;
		padding: 0 0 20px 38px;
		width: 600px;
	}
		

a {
	
}

#mainCol a {
	color: #e98400;
	text-decoration:none;
}

#mainCol a:hover {
	text-decoration:underline;
}

h2 a {
	color: #141d22;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
	color: #f29c00;
}

strong
{
	font-weight: bold;
}

blockquote
{
	border-top: 1px solid #c3c2c2;
	border-bottom: 1px solid #c3c2c2;
	margin: 2em 0 1em 0;
	padding: 1em 30px 1em 17px;
}
	blockquote p
	{
		color: #4e4e4e;
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 0;
	}
	
/*
*	Lists
******************************/

#sideCol ul
{
	margin-top:-3px;
	margin-bottom: 20px;
}
	#sideCol li
	{

	}
	
	#sideCol h2 a {
		color:#ffffff;
	}
	
	#sideCol a {
		color: #f29c00;
		text-decoration: none;
		padding-right: 15px;
	}
	
	#sideCol a:hover {
		background: url("../../images/link-arrow-orange.gif") center right no-repeat;
		color: #fff;
		text-decoration: underline;
	}
	
	#sideCol h2 a:hover {
		text-decoration: underline;
		background: none;

	}
	
#mainCol ul li
{
	background: url('../../images/orange-bullet.gif') 70% left no-repeat;
	margin: 0 0 0.3em 0;
	padding-left: 15px;
	color:#aaa;
}

ul#contactInfo
{
	color:#888;
}
	ul#contactInfo li
	{

	}
.alert ol
{
	list-style-type: decimal;
	margin-left: 20px;
}

fieldset ul li
{
	margin-bottom: 0.25em;
}



/*
*	Admin Section
*************************/

#pageAdmin #main
{
	width: 760px;
	padding: 0 80px;
}

#pageAdmin #footer
{
	width: 920px;
}

.hide
{
	display: none;
}

fieldset
{
	background: #ecf2f6;
	border: 1px solid #999;
	margin: 0 0 2em 0;
	padding: 5px;
}

legend
{
	background: #fff;
	border: 1px solid #999;
	padding: 2px 5px;
}

#breadCrumbs
{
	float: right;
	margin-top: 28px;
}

#loggedInAs
{
	margin: 10px 0 -10px;
	text-align: right;
}

.submit
{
	float: right;
}

#assetUpload
{
	/*width: 600px;*/
	float: left;
}


iframe#uploadAssetsFrame
{
	width: 698px;
	min-height: 250px; 
}



/*
*	Initial Display Settings
*********************************/

#bioInfo { display: block; }


/*
*	Tables
*************************/

table.assetOrphans tr td
{
	vertical-align: top !important;
}

.adminForm
{

}
	
	.adminForm th
	{
		font-weight: bold;
	}
	
	.adminForm tr
	{
	
	}
	
	.adminForm tr.rowB td
	{
		background: #fafbfc;
	}
	
	

	.adminForm td, .adminForm th
	{
		padding: 3px 5px 5px 0;
		
	}
	.fieldTitle
	{
		font-weight: bold;
		padding-right: 8px;
		vertical-align: top !important;
		width: 110px;
		
	}
	.fieldInput
	{}
		.fieldInput span
		{
			font-size: .9em;
		}

hr {
	border:none;
	border-top: 1px dotted #999d9f;
	margin: 20px 0;
	height:0;
}