/* COMMUNICATIONS AND MARKETING */

/* NAVIGATION LISTS
------------------------------------------------------------------------------------------------ */

h2.date, span.date {font-size: 80%; font-family:Arial, Helvetica, sans-serif; font-weight: bold; display: block;}

.incorrect {
	background: url(/images/icons/stop.gif) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-size: 100%;
	}
.correct {
	background: url(/images/icons/go.gif) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-size: 100%;
	}

/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.about #navbar li.about,
body.editorial-style #navbar li.editorial-style,
body.web #navbar li.web,
body.minds #navbar li.minds,
body.projects #navbar li.projects,
body.contact #navbar li.contact,
body.layout #navbar li.layout { font-weight: bold; background: url(/includes/templates/9/images/bg-border-navbar.gif) left bottom repeat-x; background-color: #ddd;}


/* SPOTLIGHTS
----------------------------------------------------------------------------------------- */
.spotLight a, .spotLightHover a { color: #000000; text-decoration: none;}
.spotLight a:hover  { color: #000000;}
.spotLight a:active, a:focus { background-color: transparent;}

.spotLight, .spotLightHover { text-align: center; text-decoration: none; margin-bottom: 2em; vertical-align: top;}
.spotLight { background-color: #ffffff;	border: 1px solid #C79571;}
.spotLightHover { background-color: #FDBC5F; border: 1px solid #C79571;}
.spotLight div, .spotLightHover div {height: 110px; width: 100%; overflow: hidden; margin-bottom: 4px; background: top left no-repeat transparent;}
.spotLight strong, .spotLightHover strong { text-transform: uppercase;}

/* TWO COLUMNS
---------------------------------------------------------------------------------------- */

.columns {
	float: left;
	clear: both;
	width: 99%;
	background-color: transparent;
	margin-bottom: 1em; /* IE fix at end of document */
}

.columns-1 {	
	float: left;
	clear: left;
	width: 48%;
	padding: 0;
	margin: 0;
}
.columns-2 {
	float: right;
	clear: right;
	width: 48%;
	padding: 0;
	margin: 0;
}

.columns h6
 {	border-bottom: 1px dotted #999999;
 color: #000000;
 
}

#motd { padding: 0 20px;}
#motd p {margin: 0; padding: 0;}

pre,code {
	background-color: #eee;
	padding: 1em;
	border: 1px dotted #999;
	font: 12px "Courier New", Courier, monospace;
	width: 450px;
	overflow-y: hidden;
	overflow-x:scroll;
}