/*
**  web.css
**
**  Created by Bryan Berger on 2008-10-02.
**  Default Styles for: HearTalent.com
**  v 1.0
**  Copyright (c) 2008 www.HearTalent.com. All rights reserved.
*/


/* Document
---------------------------------------*/
* { margin: 0; padding: 0; border: none; outline: none; }

body { 
	font: .8125em/1 helvetica, arial, sans-serif; 
}

#wrapper{
	margin: 0 auto;
	width: 64.692em; /* 841px */ 
}

/* Elements
---------------------------------------*/
h2{
	font-size: 1.9em;
	font-weight: normal;
	color: #2476b5;
}

strong{
	padding: 0 0.385em; /* 5px*/
	font-style: oblique;
}

.date{
	font-size: .8em;
	color: #2476b5;
}


/* Divs
---------------------------------------*/
#header{
	height: 5.385em;
	overflow: hidden;
	background: url('../imgs/bg_header.jpg') no-repeat;
}

#header h1{
	margin: 1em 0 0 0;
	float: left;
	width: 9.077em;
	height: 3.231em;
	text-indent: -20000px;
	background: url('../imgs/logo.png') no-repeat;
}

#stage{
	position: relative;
	width: 64.692em;
	height: 28.923em;
	background: #fff url('../imgs/bg_stage.jpg') bottom center no-repeat;
	
}

#content{
	padding: 2.308em 2.308em 0;
	overflow: hidden;
	background: url('../imgs/bg_content.jpg') top center no-repeat;
	height: 100%;
}

/* home page Content Divs
---------------------------------------*/
#content #blurb{
	width: 16.846em;
	margin: 0 60px 0 0;
	float: left;
}

#content p{
	font-size: .95em;
	padding: 5px 0 0 0;
	line-height: 1.3;
	color: #666;
}

#content #main_content{
	width: 230px;
	margin: 0 60px 0 0;
	float: left;
}

#content #main_content p{
	margin: 10px 0 0 0;
	text-align: right;
}

#content #newsletter{
	width: 212px;
	float: left;
}

/* two coloumns
---------------------------------------*/
#sub_blurb{
	width: 119px;
	margin: 0 10px 0 0;
	float: left;
}

#sub_content{
	margin: 0;
	width: 652px;
	float: left;
}

#sub_content li{
	margin: 0 0 20px 0;
	padding: 5px;
	list-style: none;
	border: 1px solid transparent;
	overflow: hidden;
	clear: left;
}

#sub_list_content li:hover{
	border: 1px solid #ccc;
	background: #EFEFEF;
}

#sub_list_content img{
	float: left;
	border: 3px solid #999;
	margin: 0 20px 0 0;
}

#sub_list_content li a strong{
	padding: 0;
}

#sub_content p {
	margin: 0;
	padding: 0;
	text-align: left;
}


/* Navigation
---------------------------------------*/
#nav{
	margin: 32px 0 0 0;
	float: right;
	overflow: hidden;
}

#nav li{
	float: left;
	list-style: none;
}

#nav li a{
	display: block;
	margin: 0 0 0 10px;
	padding: 5px;
	font-size: 1.05em;
	text-decoration: none;
	color: #444;
}

#nav li a:hover, #nav li a.active{
	background: #049fd4;
	color: #fff;
}

/* News Lists
---------------------------------------*/
#list_content li{
	list-style: none;
	line-height: 1.4;
}

#list_content li a{
	text-decoration: none;
	border-bottom: 1px solid transparent;
	color: #666;
}

#list_content li a strong{
	color: #4C4C4C;
}

#list_content li a:hover{
	border-bottom: 1px dotted #0039B7;
}

/* Forms
---------------------------------------*/
form li{
	list-style: none;
	line-height: 2;
}

input{
	width: 100%;
	padding: 3px 0 3px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #636363 #7D7D7D #C2C2C2 #C2C2C2;
	color: #919191;
}

#submit{
	margin: 10px -5px 0 0;
	padding: 0 0 0 2px;
	width: 62px;
	height: 20px;
	border: 1px solid #1b566f;
	float: right;
	font: .85em "Lucida Grande", helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	background: url('../imgs/btn_submit.png') repeat-x;
	color: #fff;
}

#submit:hover{
	background-position: 0 -20px;
}

/* Footer
---------------------------------------*/
#footer{
	margin: 20px 0 0;
	padding: 10px;
	clear: both;
	overflow: hidden;
	text-align: right;
	font-size: .75em;
	border-top: 1px solid #ccc;
	background: #EAEAEA;
	color: #8C8C8C;
}

#footer p{
	float: left;
}

#footer p#copyright{
	float: right;
}

#footer p a{
	color: #676767;
}


/* Default Links
---------------------------------------*/
a{
	text-decoration: underline;
	color: #2476b5;
}

a:hover{
	text-decoration: none;
}

.scroll_pane{
	overflow: auto;
	background: #ccc;
	float: left;
	height: 200px;
	
}

/* ajax loader
---------------------------------------*/
#load {
	display: none;
	position: absolute;
	left: -38px;
	background: url('../imgs/ajax-loader.gif');
	width: 32px;
	height: 32px;
	text-indent: -9999em;
}#wrapper #content_wrapper #content #sub_blurb h2 {
	font-family: Copperplate, Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate Light;
}
#wrapper #content_wrapper #content #sub_blurb h2 {
	font-family: Copperplate, Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate Light;
}
#wrapper #content #blurb h2 {
	font-family: Copperplate, Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate Light;
}