@charset "UTF-8";
/*------------------------------------*\
	STYLE.CSS
\*------------------------------------*/
/*
Author:             Harry Roberts
Twitter:            @csswizardry
Author URL:         csswizardry.com

/*------------------------------------*\
	CONTENTS
\*------------------------------------*/
/*
SHARED
MAIN
ISLANDS
HEADER
DOWNLOAD
FOOTER (Original)
FOOTER - January 2012 Dave Note - Sourced: http://csswizardry.com/inuitcss/css/style.css
IGLOOS - January 2012 Dave Note - Sourced: http://csswizardry.com/inuitcss/css/style.css
GALLERY - January 2012 Dave Note - Sourced: http://csswizardry.com/inuitcss/css/style.css
NEW TOP NAV - February 2012 Kotra
TYPE
*/

/*------------------------------------*\
	$SHARED
\*------------------------------------*/
.island.promo,
pre,
code{
	background-color:#fef8c4;
}

/*------------------------------------*\
	$MAIN
\*------------------------------------*/
html{
	border-top:12px groove #a9724b;
/*
	background:url(../img/css/page/page-top.gif) left top repeat-x #fff;
*/
	padding-top:10px; /* Move the content down over the page-top background-image. */
	font-family:Verdana, sans-serif;
}

/*------------------------------------*\
	$ISLANDS
\*------------------------------------*/
.island.promo{
	color:#6d6841;
	border:1px solid #d8d566;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
	.island.promo a{
		color:inherit;
		font-weight:bold;
		text-decoration:underline;
	}

/*------------------------------------*\
	$HEADER
\*------------------------------------*/
.header{
	padding:0.5em 0;
}
.logo{
	background:url(/banners/climatejobs-banner-tall_940.jpg);
	background-color: #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
.logo,.logo img{
	width:940px;
	height:376px;
}

/*------------------------------------*\
	DOWNLOAD
\*------------------------------------*/
#download{
	color:#6d6841;
	text-align:center;
	padding:20px;
	margin-bottom:1.5em;
	background:#fef8c4;
	border:1px solid #d8d566;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.25);
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
#download .button{
	font-family:Calibri, "Helvetica Neue", Arial, sans-serif;
	font-size:1.125em;
	letter-spacing:0.025em;
	color:#333;
	background:#ddd;
	background:-moz-linear-gradient(-90deg,#eee,#ccc);
	background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc));
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.25);
	
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}
#download .button:hover{
	text-decoration:none;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
}
#download small{
	display:block;
}

/*------------------------------------*\
	$FOOTER
\*------------------------------------*/
.footer{
	padding-top:1.5em;
	/*border-top:1px solid #ccc;*/
	/*This comments out a 2nd top border; top and bottom borders already called in NAV property.*/
	color:#999;
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/
#footer{
	border-top:12px groove #a9724b;
	background:url(../img/css/page/) top left repeat-x #0d2f19;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	padding:20px 10px 10px;
	margin:0 -10px;
}
#footer p{
	margin:0;
}

/*------------------------------------*\
	IGLOOS
	January 2012 Dave Note
	Sourced: http://csswizardry.com/inuitcss/css/style.css
\*------------------------------------*/
#igloos{
	margin:0 -20px 1.5em;
	padding:20px 20px 0;
	color:#fff;
	background:#1e9649;
	background:-moz-linear-gradient(-90deg,#1e9649,#146430);
	background:-webkit-gradient(linear,left top,left bottom,from(#1e9649),to(#146430));
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#igloos h3{
	color:#fff;
	margin-bottom:5px;
	font-family:monospace;
}
#igloos h3 span,#igloos li p{
	opacity:0.5;
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	transition:0.2s;
}
#igloos li:hover h3 span,#igloos li:hover p{
	opacity:1;
}
#igloos hr{
	background:#fff;
}
#igloos h2,
#igloos h3,
#igloos p,
#igloos pre{
	margin-bottom:10px;
}
#igloos li,
#igloos hr{
	margin-bottom:20px;
}
#igloos a{
	text-decoration:none;
	background:#fff;
	text-shadow:none;
	display:inline-block;
	padding:5px 10px;
	border:1px solid #e4e4e4;
	background:#e4e4e4;
	background:-moz-linear-gradient(-90deg,#fff,#e4e4e4);
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
#igloos pre{
	background:none;
	padding:0;
}

/*------------------------------------*\
	GALLERY
	January 2012 Dave Note
	Sourced: http://csswizardry.com/inuitcss/css/style.css
\*------------------------------------*/
#gallery li{
	margin-bottom:20px;
}
#gallery a{
	text-decoration:none;
	display:block;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#gallery a:hover{
	color:#fff;
	background:#146430;
	background:-moz-linear-gradient(-90deg,#1e9649,#146430);
	background:-webkit-gradient(linear,left top,left bottom,from(#1e9649),to(#146430));
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
}
#gallery h3{
	margin:0;
	text-align:center;
}
#gallery a:hover img{
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
}

/*------------------------------------*\
	$NEW TOP NAV
\*------------------------------------*/

#topNav {
	background: url('/img/topbar.png') center top no-repeat;
	margin: -10px auto 0;
	padding-right: 50px;
	position: relative;
	text-align: right;
	width: 823px;
	height: 67px;
}
#topNav #topNavLogo {
	display: inline-block;
	position: absolute;
	left: 25px;
	width: 160px;
	height: 67px;
}
#topNav a.topNavItem {
}
#topNav a {
	background: none;
}
#topNav a h3 {
	color: #000;
	display: inline-block;
	font-size: 16pt;
	font-weight: normal;
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: center;
	text-decoration: none;
	width: 175px;
}
#topNav a:hover {
	text-decoration: none;
}
#topNav a:hover h3, #topNav a:hover img {
	color: #fff;
}
#topNavHome {
	background: url('/img/home.png') center center no-repeat;
	display: inline-block;
	margin-right: 13px;
	width: 22px;
	height: 21px;
}
#topNavHome:hover {
	background: url('/img/home-hover.png') center center no-repeat;
}

/*------------------------------------*\
	$SIDEBAR NAV MENU BUTTONS
	currently used in combination with .grid-vertical on ca-menu-cluster.php.

\*------------------------------------*/
#menu-buttons li{
	margin-bottom:5px;
}
#menu-buttons a{
	color:#fff;
	background:#249460;
	background:-moz-linear-gradient(-90deg,#2ec669,#249460);
	background:-webkit-gradient(linear,left top,left bottom,from(#2ec669),to(#249460));
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
	text-decoration:none;
	display:block;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#menu-buttons a:hover{
	color:#fff;
	background:#146430;
	background:-moz-linear-gradient(-90deg,#1e9649,#146430);
	background:-webkit-gradient(linear,left top,left bottom,from(#1e9649),to(#146430));
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
}
#menu-buttons h3{
	margin:0;
	text-align:center;
}
#menu-buttons a:hover img{
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
}

/*------------------------------------*\
	$TYPE
\*------------------------------------*/
a{
	color:#187e3c;
}
mark{
	border-bottom:2px solid;
}
pre{
	padding:10px;
}
pre code,
pre mark{
	background:none;
}

/*------------------------------------*\
	$MISC
\*------------------------------------*/
::selection		{ background-color:#195f33; color:#fff; }
::-moz-selection{ background-color:#195f33; color:#fff; }
hr{
	padding:0;
	border:none;
	height:1px;
	background-color:#ccc;
}