/*
//////////////////////////////////////////////////////
//				Jobs Styles v1.0					//
//			nick.jones@pilotonline.com				//
//					446-2291						//
//////////////////////////////////////////////////////
//////////////////////////////////////////////////////
*/

/*
//////////////////////////////
// jobs specific containers //
//////////////////////////////
*/

@import url("http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css");

body#jobs {
	background: #666;
	padding: 10px 0 0 0;
	font-family: Arial, 'Helvetica Neue', Helvetica,  sans-serif;
	text-align: left;
}
html {
   font-size: 62.5%;
}
#cover {
	display: none;
	width: 100%;
	height: 1500px;
	top: 0;
	position: absolute;
	background: url('../images/80-dark.png') top left repeat;
}
body#jobs #main {
	width: 980px;
	margin: auto;
	background: #fff url('../images/main-bg.gif') top left repeat-y;
	clear: both;
	overflow: auto;
}



/* Typography
-----------------------------------------------------------*/

p {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: justify;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -0.03em;
	color: #333;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #333;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #333;
}
body#jobs dl {
	margin: 0 0 10px 0;
	font-family: Georgia, Times, serif;
}
body#jobs dt,
body#jobs dl a {
	color: #231b18;
	font-weight: bold;
}
body#jobs dd {
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}
/* For feature boxes */
#featured-box h1 {
	font-size: 18px;
	color: #666;
	margin: -10px -10px 5px -10px;
	background: #efefef;
	padding: 5px;
}
#featured-box ul {
	margin: 0 0 0 13px;
	padding: 0;
}
#featured-box li {
	margin: 0;
	padding: 4px 0;
	list-style: square;
	list-style position: outer;
	font-size: 12px;
	color: #555;
}

/* Containers 
-----------------------------------------------------------*/
/* 1. Top third */

#ad-topper {
	width: 980px;
	padding: 0;
	background: #666;
	clear: both;
	margin: auto;
}
body#jobs .leaderboard {
	background: #efefef;
	width: 728px;
	height: 90px;
	float: left;
	padding: 10px;
}
h2.dateline {
	font-size: 14px;
	font-weight: bold;
	color: #96d836;
	margin: 0 0 5px 0;
	text-align: left;
}
body#jobs .weather-bug {
	float: left;
	width: 200px;
	height: 100px;
	padding: 5px 10px;
	border: 1px solid #efefef;
	background: none;
	float: right;
	margin: 0 0 20px 0; /* To add margin between nav and the leaderboard, add it here */ 
}
body#jobs .weather-bug img {
	margin: 10px 0 0 0;
}
.weather-bug p {
	font-size: .95em;
	color: #efefef;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 13px;
}
body#jobs #navigation {
	width: 980px;
	margin: 20px auto 0 auto !important;
	padding: 0 !important;
	clear: both;
}
#featured-box {
	width: 160px;
	border: 1px dotted #d7d7d7;
	padding: 10px;
	margin: 0 10px 0 0;
}

/* 2. Navigation */
#navlinks {
	width: 980px;
	margin: auto;
	background: #0072ac;
	clear: both;
	height: 35px;
	font-size: 12px;
}
#navlinks ul {
	margin: 0;
	padding: 0;
}
#navlinks ul li {
	float: left;
	padding: 10px;
}
#navlinks ul li a {
	text-decoration: none;
	color: #b4ddf2;
}
a.site-tab {
	background: #d7d7d7 url('../images/button-bottom.png') bottom left repeat-x;
	font-size: 42px;
	letter-spacing: -0.07em;
	font-weight: bold;
	padding: 1px 10px;
	color: #222;
	text-decoration: none;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}
a.other-sites {
	background: #f7941d;
	font-size: 13px;
	letter-spacing: -0.06em;
	font-weight: bold;
	padding: 8px;
	margin: 0;
	color: #efefef;
	text-decoration: none;
	-webkit-border-top-right-radius: 15px;	
	-moz-border-radius-topright: 15px;
}
a.ified {
	background: #0072ac;
	font-size: 13px;
	letter-spacing: -0.06em;
	font-weight: bold;
	padding: 9px;
	color: #efefef;
	text-decoration: none;
	-webkit-border-top-left-radius: 15px;	
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
}
#classified-button {
	float: right;
	margin: 27px 0 0 0;
}
.classified-smalltext {
	color: #89ccee;
	font-size: 11px;
	font-weight: lighter;
}
/* 3. Columns */

body#jobs #leftColumn {
	width: 640px;
	float: left;
	padding: 10px;
}
body#jobs #rightColumn {
	width: 300px;
	float: right;
	padding: 0 10px;
	overflow: hidden;
}
.story-border {
	width: 100%;
	padding: 10px;
	background: #fff;
	border: 1px solid #d7d7d7;
	position: relative;
	z-index: 1200;
}
.masthead {
	border-top: 1px dotted #89ccee;
	width: 960px;
	margin: auto;
	clear: both;
	text-align: center;
	color: #b5c9db;
	font-size: 12px;
	padding: 0 0 20px 0;
}
.masthead p {
	color: #b5c9db;
	margin: 5px 0 5px 0;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.masthead a {
	text-decoration: none;
	color: #d4e5f4;
}
.masthead a:hover {
	border-bottom: 1px dotted #d4e5f4;
}

/* Feature slider on the right rail ("ch-planner")
-----------------------------------------------------------*/
/*
	TODO Does this still need to be in here?
*/

.ch-planner {
	width: 120px;
	float: left;
	margin: 0 18px 0 0;
	background: #fff;
	border-right: 2px solid #a2c1ce;
	border-bottom: 2px solid #a2c1ce;
}
.folds {
	padding: 0 5px;
}
.folds p {
	font-size: 10px;
	text-align: left;
	line-height: 12px;
}
.folds img {
	border: 0;
}
.folds h1 {
	font-size: 12px;
}
.folds ul {
	margin: 3px 0;
	padding: 0;
}
.folds ul li {
	list-style: none;
	font-size: 9px;
	padding: 4px 0;
}
.folds a {
	text-decoration: none;
}
#po_accordion,
#hr_accordion,
#hrtv_accordion {
	margin: 0 -5px 0 -5px;
	padding: 3px;
	color: #efefef;
	cursor: pointer;
}

/* Generic classes
-----------------------------------------------------------*/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
/*
	TODO Do we need these?
*/
#blue,
#po_accordion {
	background: #0054a6;
}
#orange,
#hrtv_accordion {
	background: #f7941d;
}
#green,
#hr_accordion {
	background: #8dc63f;
}
#pink {
	background: #ec008c;
}
.rectangle {
	width: 300px;
	height: 270px;
	margin: 10px auto -8px auto;
	/* background: url('../images/rectangle.gif') top left no-repeat; */
}
hr {
	border: none 0;
	margin: 3px 0;
	border-top: 1px dotted #d7d7d7;/*the border*/
	height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}
#dark {
	cursor: pointer;
}


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

#vertFooter,
#footer {
	width : 100%;
	border-top : solid 1px #04557e;
	background : #0072ac url('http://media.hamptonroads.com/wrapper/ui/nav_plastic.gif') top left repeat-x;
	color : #fff;
	padding : 20px 0 0 0;
}
#vertFooter a,
#footer a {
	color: #efefef;
}
#footer a:hover {
	border : 0;
}
#footerLinks h3 {
	text-align: left;
	color: #efefef;
	font-weight: bold;
}
.subFooter {
	margin : 10px auto 0 auto;
	clear : both;
	padding : 10px;
	text-align : center;
	font-size : .9em;
}
.subFooter a:link,
.subFooter a:visited,
.subFooter a:hover,
.subFooter a:active 
{
	color : #fff;
}
#footer ul li {
	list-style-type :  none;
	clear: both;
}
#vertFooter ul, 
#footer ul {
	font-family :  Helvetica, Arial, sans-serif;
	clear :  both;
	margin :  0 0 0 -1px;
	padding : 0;
}
#vertFooter li,
#footer li {
	padding : 4px 0;
	margin : 0;
	list-style: none;
}
.footerContent {
	width : 980px;
	margin :  0 auto;
}
.footerLinks,
.footerLinks a {
	width : 150px;
	margin-left : 10px;
	float : left;
	color : #FFFFFF;
}
.footerLinks-last {
	width : 180px;
	margin-left : 10px;
	float : left;
	font :  11px Helvetica, Arial, sans-serif;
	color : #FFFFFF;
}
.footerLogos {
	width : 240px;
	margin : 10px;
	float : left;
	font :  0.8em Helvetica, Arial, sans-serif; 
	color : #FFFFFF;
	margin-right : 15px;
}
.footerLinks-last h2,
.footerLinks h2, 
.footerLogos h2 {
	font :  bold 14px Helvetica, Arial, sans-serif;
	color : #FFFFCC; 
	line-height : 16px;
	margin : 0px;
}
#footer li a:link, 
#footer li a:visited {
	font :  11px Helvetica, Arial, sans-serif;
	color : #FFFFFF;
	text-decoration : none;
	margin :  1px; 
	padding : 0px;
	clear :  both;
	display : block;
}
#footer hr {
	width : 700px;
	text-align : center;
	color : #d7d7d7;
	border-bottom : #d7d7d7 solid 1px;
}
#footer .lefty {
	float : left;
	margin : 0;
	width : 80px;
}
#footer .righty {
	float : right;
	margin : 0;
	width : 100px;
}
#footer .last {
	clear : both;
}
.lefty ul li,
.right ul li {
	border : 0;
}
#footer li.indent {
	margin : 0 0 0 10px;
}