/*
Theme Name: First Element v1
Theme URI: http://firstelement.com/
Description: v1 theme for the First Element site
Version: 1
Author: Concept Farm
Author URI: http://www.conceptfarm.com/
*/


/* === RESET === */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus 
{
outline: 0px;
}

ol, ul 
{
list-style: none;
}

table 
{
border-collapse: separate;
border-spacing: 0px;
}

caption, th, td 
{
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q 
{
quotes: "" "";
}

/* === GLOBAL STRUCTURE === */
html
{
	font:75% Helvetica, Arial, Sans-Serif;
}

body
{
	font-size:1em;
	line-height:1.4em;
	color: #00448a;
}

	#page
	{
		width:1000px;
		border: 1px #acacac solid;
		margin:5px auto;
	}
	
		#utilities
		{
			background-color:#3399cc;
			color:#FFFFFF;
			padding:5px 20px;
			overflow:auto;
		}
				
			#utilities ul
			{
				margin-right:20px;
				margin-top:1px;
			}
			
				#utilities li
				{
					display: inline;
					padding:0px 20px;
				}
				
				#utilities a { color:#FFFFFF; text-decoration:none; }
				#utilities a:hover { text-decoration:underline; }
		
			#searchform, #utilities ul
			{
				float:right;
			}
			
				#searchform legend, #searchform label
				{
					display:none;
				}
				
				#s, #searchsubmit
				{
					border:1px #FFFFFF solid;
					background:transparent;
					color:#FFFFFF;
				}
				
				#s
				{
					width:150px;
				}
				
				#searchsubmit, #utilities li
				{
					text-transform:uppercase;
				}
		
		#header
		{
			padding:10px 20px;
			border-bottom: 1px #ACACAC solid;
			overflow:auto;
			position:relative;
		}
		
			#header h1
			{
				float:left;
				margin-left:30px;
			}
			
				#header h1 a
				{
					display:block;
					text-indent:-9999px;
					background:url(images/logo_small.gif) no-repeat left top;
					width:343px;
					height:82px;
				}
			
			#siteDescription
			{
				text-align:right;
				color:#3399cc;
				font-size:1.3em;
				font-weight:bold;
				position:absolute;
				bottom:0px;
				right:20px;
			}
		
		#content
		{
			overflow:auto;
			padding:35px 0px;
			background:url(images/main_bkgd.gif) repeat-y left top;
		}
		
			#main
			{
				float:right;
				width:70%;
				margin:0px 2.5%;
				overflow:auto;
			}
					
					.entry
					{
						font-size:1.16em;
					}
					
					.page .entry
					{
						width:60%;
						float:left;
					}
					
					.entry h3
					{
						clear:both;
					}
				
					.entry li
					{
						margin:0px 0px 10px 30px;
						list-style:outside disc;
					}
					
					.entry em
					{
						color:#3399cc;
					}
					
				.sidebar, .contact .entry
				{
					float:right;
					width:35%;
					margin-left:5%;
					margin-top:-10px;
					overflow:hidden;
				}
				
				#files h3
				{
					font-size:1.16em;
					color:#00448A;
					margin:15px 0px 5px;
				}
				
					#files li li
					{
						padding:5px 0px 5px 25px;
					}
					
					#files a { color: #00448A; text-decoration:none; }
					#files a:hover { color: #00448A; text-decoration:underline; }
			
			#nav
			{
				float:left;
				width:17%;
				margin:30px 2.5%;
				font-weight:bold;
			}
			
			#nav ul ul
			{
				margin-left:20px;
			}
				
				#nav ul li
				{
				margin-bottom:5px;
				}
			
				#nav a 
				{ 
					color:#00448a;
					text-decoration:none;
				}
				#nav a.selected, #nav a:hover, #nav a:active
				{ 
					color:#5aa1bf;
				}
			
		#footer
		{
		}

/* === GENERAL === */		

a 
{ 
	color:#5aa1bf;
	text-decoration:underline;
}

a.selected, a:hover, a:active
{ 
	color:#00448a;
}

h2 
{ 
	font-size:1.8em; 
	font-weight:bold;
	margin-bottom:15px;
	line-height:1em;
	color:#3399cc;
}

h3 
{ 
	font-size:1.33em; 
	font-weight:bold; 
	color:#5aa1bf; 
	margin:20px 0px 10px;
}

h4 
{ 	
	font-size:1.16em; 
	font-weight:bold; 
	margin:10px 0px 5px;
}

p
{
	margin:10px 0px;
}

em
{
	font-style:italic;
}

dt, dd
{
	margin: 5px 0px 20px;
}

dt
{
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
}

.clearFloat
{
	clear:both;
}

.alignleft
{
float:left;
margin:0px 10px 10px 0px;
}

.alignright
{
float:right;
margin:0px 0px 10px 10px;
}

/* === HOME TEMPLATE === */

.home #header
{
	border-bottom:0px;
}

.home #header h1 a
{
	background-image:url(images/logo_large.gif);
	width:528px;
	height:126px;
	margin-bottom:10px;
}

.home #header #siteDescription
{
	text-align:left;
	clear:both;
	margin-left:110px;
	position:relative;
	bottom:0px;
	right:0px;
}

.home #content
{
	padding-top:0px;
}

.home #intro
{
	background-color:#99cc33;
	text-transform:uppercase;
	font-size:1.25em;
	padding:10px 50px 10px 120px;
	overflow:auto;
	border-bottom:5px white solid;
}

	#intro a { color: #FFFFFF; text-decoration:none; }
	#intro a:hover { color: #FFFFFF; text-decoration:underline; }
	
	#intro li
	{
		margin-right:50px;
		margin-bottom:15px;
	}
	
	#intro .wImage
	{
		float:left;
	}
	
		#intro  img
		{
			display:block;
		}

.home #nav
{
	margin-top:10px;
}

.home #main .page .entry
{
	font-size:1.5em;
	line-height:1.6em; 
	color:#3399cc; 
	font-style:italic;
}

	.home .sidebar
	{
		margin-top:0px;	
		margin-left:4%;	
	}
	
		.home .sidebar ul
		{
			list-style: disc;
			padding-left:25px;
			line-height:1.6em;
		}
		

/* === CONTACT TEMPLATE === */

#post-2 h3
{
	margin-top:40px;
}

#post-2 h4
{
	margin:25px 0px 0px;
}

#post-2 p
{
	margin-top:0px;
}


/* === CONTACT TEMPLATE === */

.contact .entry
{	
	margin-top:-10px;
	font-size:1em;
}

	.contact .entry h3
	{
		color:#00448A;
		margin-bottom:-20px;
	}
	
	.contact .entry h4
	{
		color:#3399CC;
		font-size:1em;
		margin:22px 0px 0px;
	}

#contact-form
{
	float:left;
	width:60%;
}

	.contact legend
	{
		display:none;
	}
	
	.contact form ul
	{
		padding:1px 0px;	
	}
	
		.contact form li
		{
			margin-bottom:15px;
		}	
	
	.contact input, .contact label, .contact textarea, .wpcf7-form-control-wrap
	{
		display:block;
	}
	
	.wpcf7-response-output
	{
		display:none;
		border: 2px #5AA1BF solid;
		color:#5AA1BF;
		padding:3px;
		margin-bottom:5px;
	}
	
	.wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-message-akismet-says-spam, .wpcf7-message-accept-terms, .wpcf7-message-invalid-email, .wpcf7-message-invalid-required, .wpcf7-message-quiz-answer-not-correct, .wpcf7-message-captcha-not-match, .wpcf7-message-upload-failed, .wpcf7-message-upload-file-type-invalid, .wpcf7-message-upload-file-too-large
	{
		
		background-color:#5AA1BF;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	.wpcf7-form-control-wrap span
	{
		font-weight:bold;
		border-left:5px #5AA1BF solid;
		padding-left:5px;
	}
	
/* === FILES SIDEBAR === */

#files .presentations li { background:url(images/filt_type_icons.gif) no-repeat 0px 7px; }
#files .file li { background:url(images/filt_type_icons.gif) no-repeat 0px -110px; }
#files .audio li { background:url(images/filt_type_icons.gif) no-repeat 0px -229px; }
#files .pdf li { background:url(images/filt_type_icons.gif) no-repeat 0px -346px; }
#files .video li { background:url(images/filt_type_icons.gif) no-repeat 0px -464px; }
#files .documents li { background:url(images/filt_type_icons.gif) no-repeat 0px -700px; }
#files .spreadsheets li { background:url(images/filt_type_icons.gif) no-repeat 0px -583px; } 
#files .podcasts li { background:url(images/filt_type_icons.gif) no-repeat 0px -229px; }

/* === SEARCH RESULTS === */

.page.searchresult
{
	margin-bottom:30px;
}

	.page.searchresult .entry
	{
		float:none;
	}