@charset "UTF-8";
/** 
 * @file: 	global.css
 * @author: Gus Robotics Team, Inc.
 * @date:	4 Jan 2011
 *
 * Global CSS file for the 2011 revision of the Gus Robotics, Inc. website theme.
 * 
 * NOTE: This file contains a lot of draft CSS3 standards that have been adopted for use in our 
 * website despite still being in draft status. This decision was made to allow modern browsers to
 * benefit from reduced page loading times due to the ability to use more HTML5/CSS3 and less background
 * images in the code. This allowed us a lot more creativity in the design. But as such, it will
 * not pass W3C validation at this time. When these draft standards become ratified, we will eliminate
 * all of the browser-specific code and adopt the standards. Until then, we are enjoying the future, today.
 */
 
/* GLOBAL */
@font-face {
	font-family: MyriadPro;
	src: url('/images/themes/enthusiasm/MyriadPro.otf');
	}
@font-face {
	font-family: MyriadProLight;
	src: url('/images/themes/enthusiasm/MyriadPro-Light.otf');
	}
@font-face {
	font-family: Crackling;
	src: url('/images/themes/enthusiasm/Crackling.ttf');
	}
body {
	background:#ff6600 url('/images/themes/enthusiasm/why-cant-you-use-a-real-browser-that-supports-css3-multiple-backgrounds_page-background.jpg') top center no-repeat;	/* For crappy browsers */
	background: 
			url('/images/themes/enthusiasm/background_first-graphic.png'), 
			url('/images/themes/enthusiasm/background_robot-outline.png'), 
			url('/images/themes/enthusiasm/background_glow.png'), 
			#ff6600;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	margin:0px;
	}
a {
	text-decoration:none;
	color:#f80;
	}
a:hover {
	text-decoration:underline;
	}
a:visited {
	color:#f10; /* #985100; */
}
#rightColumn a:visited, #mediaFrame a:visited {
	color:#FFB86C;
	}
a img {
	border:none;
	}
h1 {
	margin:2px 0; 
	border-bottom:1px solid #444;
	padding-bottom:0px;
	line-height:85%;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	}
h2 {
	margin:15px 0 2px 0; 
	font-size:23px;
	font-weight:normal;
	padding-left:21px;
	background: url('/images/themes/enthusiasm/guillemet_right-orange_large.png') 0 4px no-repeat;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	}
h3 {
	margin:15px 0 2px 0; 
	font-size:19px;
	font-weight:normal;
	padding-left:19px;
	background: url('/images/themes/enthusiasm/guillemet_right-orange_medium.png') 0 4px no-repeat;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	}
h1 a, h2 a, h1 a:visited, h2 a:visited {
	color:#333;
	}
p {
	margin:6px 0 8px 0;
	font-size:14px;
	line-height:140%;
	/* text-align:justify; */
	}
	
/* MENUBAR */
#menuBar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 39px;
	background: #333 url('/images/themes/enthusiasm/background_menubar.png') 0 0 repeat-x;	/* For crappy browsers */
	background: -moz-linear-gradient(top, rgba(96,89,84,0.95), rgba(52,49,47,0.95)); /*#605954, #34312f); */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96,89,84,0.95)), to(rgba(52,49,47,0.95)));
	z-index:10000;
	}
#menuBar a {
	color:#eee;
	}
#menuBarContent {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	/*padding: 5px;*/
	font-size: 17px;
	color: #eee;
	}
#menuBarContent ul {
	margin: 0px;
	padding: 5px;
}
#menuBarContent li.primary {
	float: left;
	display: inline;
	margin: -3px 25px 0px 0px;
	padding: 8px 0px 10px 0px;
	position: relative;
	list-style: none; 
	font-family: MyriadProLight, Arial, Helvetica, sans-serif;
	/* background: rgba(200, 200, 200, 0.25); */
	}
#menuBarContent li.primary:first-child {
	margin: -3px 25px 0px 0px;
	padding:4px 0px 4px 0px;
	}
#menuBarContent ul ul {
	display:none; 
	/* background:url('../../../images/themes/innovate/drop-down-bg.gif') bottom left no-repeat;
	opacity:.90; */
	background:#555 url('/images/themes/enthusiasm/background_light-diamond-plate.png') 0 0 repeat;
	background: rgba(60,60,60,0.90) url('/images/themes/enthusiasm/background_light-diamond-plate.png') 0 0 repeat;
	position:absolute;
	top:37px;
	left:-4px;
	width:185px;
	height:auto;
	padding:3px;
	font-size:13px;
	line-height:140%;
	z-index:5000;
	border-radius: 0 0 10px 10px;
	}
#menuBarContent ul ul li {
	font-size:14px;
	list-style: none; 
	padding-left:20px;
	padding-top:1px;
	padding-bottom:1px;
	background: url('/images/themes/enthusiasm/guillemet_right-grey.png') 5px 4px no-repeat;
	}
#menuBarContent ul ul li:hover {
	background: url('/images/themes/enthusiasm/guillemet_right-orange.png') 5px 4px no-repeat;
	}
#menuBarContent ul ul li:first-child {
	margin-top:2px;
	}
#menuBarRight {
	float: right;
	font-family: MyriadProLight, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	}
#searchImage {
	float: right;
	margin: 8px 8px 0px 25px;
	}
	
/* PAGE HEADER */
#gusHeaderLogo {
	float:left;
	margin-left:5px;
	clear:both;
	}
#spreadEnthusiasm {
	position:absolute;
	left:670px;
	top:14px;
	height:90px;
	width:180px;
	-moz-transform: rotate(-12deg); 
	/* -moz-transform-origin: bottom left; */
	-webkit-transform:rotate(-12deg);
	font-size:15px;
	text-align:center;
	line-height:0.88;
	font-weight:bold;
	}
#spreadEnthusiasm .gusFont {
	font-size:26px;
	font-weight:normal;
	}
#spreadEnthusiasm img {
	display:none;
	}
#donateToday {
	position:absolute;
	top:15px;
	left:850px;
	width:135px;
	height:100px;
	font-size:12px;
	text-align:center;
	}
#donateToday a {
	color:#333;
}
#nonProfitInfo {
	position:absolute;
	top:105px;
	left:690px;
	width:300px;
	height:20px;
	font-size:12px;
	}
#nonProfitInfo a {
	color:#333;
}
	
/* MAIN CONTENT */
#breadcrumbNavigation {
	font-size:13px;
	margin-top:-4px;
	padding-bottom:10px;
	}
#breadcrumbNavigation span {
	/* font-family:MyriadProLight; */
	font-size:17px;
	color:#aaa;
	padding:0px 4px;
	}
#breadcrumbNavigation span:first-child {
	font-size:13px;
	padding:0px 10px 0px 0px;
	font-family:MyriadPro;
	}
#mainContent {
	position:relative;
	margin: 45px auto 0 auto;	
	width: 1000px;
	/* background: rgba(250, 250, 250, 0.5); */
	}
#leftColumn {
	clear:left;
	float:left;
	width:637px;
	padding:15px;
	-moz-border-radius:20px 0px 20px 20px; /* For Firefox 3.x only */
	border-radius:20px 0px 20px 20px;
	background:#fff;
	margin:8px 0px 8px 5px;
	}
#rightColumn {
	float:left;
	width:293px;
	padding:10px 15px 10px 15px;
	-moz-border-radius:0px 20px 20px 20px; /* For Firefox 3.x only */
	border-radius:0px 20px 20px 20px;
	background: #453F3A url('/images/themes/enthusiasm/background_light-diamond-plate.gif') 0 0 repeat;
	background: 
			url('/images/themes/enthusiasm/background_light-diamond-plate.png') 0 0 repeat,
			-moz-linear-gradient(top, rgba(96,89,84,1), rgba(52,49,47,1), rgba(52,49,47,1));
	background: 
		url('/images/themes/enthusiasm/background_light-diamond-plate.png') 0 0 repeat,
		-webkit-gradient(linear, left top, left bottom, from(rgba(96,89,84,1)), to(rgba(52,49,47,1)), color-stop(.5,rgba(52,49,47,1)));
	color: #ddd;
	font-size:13px;
	margin:8px 5px 8px 0px;
	}
#rightColumn h1 { 
	margin-top:20px;
	font-size:28px;
	border:none;
	}
#rightColumn p {
	font-size:13px; 
	}
#stayInformed {
	padding-left:150px;
	position:relative;
	}
#stayInformed span {
	position:absolute;
	top:0px;
	left:0px;
	padding:8px 0px;
	}
#stayInformed div {
	width:150px;
	height:35px;
	margin-left:5px;
	}
/*#stayInformed img {
	float:left;
	margin:1px 1px;
	padding:0px;
	}
#stayInformed img:first-child {
	margin-left:100px;
	} */
#organizationLogos {
	clear:both;
	margin:1px -15px 12px -15px;
	padding-top:3px;
	text-align:center;
	background: #1f1f1f url('/images/themes/enthusiasm/background_organizations.png') 0 0 repeat-x;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(17,17,17,0.5), rgba(17,17,17,0.5), rgba(0,0,0,0.5));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)), color-stop(.25,rgba(17,17,17,0.5)), color-stop(.75,rgba(17,17,17,0.5)));
	}
#organizationLogos p {
	margin-top:4px;
	}
#organizationLogos img {
	margin:-5px 10px 10px 10px;
	}
#pageFooter {
	margin-top:15px;
	border-top:3px solid #ccc;
	padding-top:5px;
	clear:both;
	color:#999;
	font-size:12px;
	line-height:130%;
	}
#pageFooter a {
	color:#999;
}

/* MISC */
.linkButton {
	float:left;
	background: #f3f3f3 url('/images/themes/enthusiasm/background_media-button.png') 0 0 repeat-x;
	background: -moz-linear-gradient(top, #ddd 0%, #fff 49%, #eee 50%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f2f2f2), color-stop(.49,#fff), color-stop(.50,#eee));
	-moz-box-shadow: 0px 0px 7px #000; 
	-webkit-box-shadow: 0px 0px 9px #000;
	box-shadow: 0px 0px 7px #000;
	height:17px;
	-moz-border-radius:12px;
	border-radius:12px;
	padding:4px 15px;
	color:#333;
	text-align:center;
	margin:12px 15px 8px 0px;
	position:relative;
	}
.linkButton a {
	color:#333;
	}
.linkButton div.adminOptions {
	position:absolute;
	top:-4px;
	left:0px;
	display:none;
	border:4px solid rgba(255,255,255.88);
	background:rgba(0,0,0,0.88);
	-moz-box-shadow: 0px 0px 7px #fff;
	-webkit-box-shadow: 0px 0px 9px #fff;
	box-shadow: 0px 0px 7px #fff;
	color:#eee;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:7px 10px;
	text-align:left;
	line-height:150%;
	width:200px;
	height:auto;
	}
.linkButton div.adminOptions img.close {
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
	}
.linkButton div.adminOptions a {
	color:#eee;
	}
.linkButton div.adminOptions a:visited {
	color:#eee;
	}
.gusFont {
	font-family:Crackling;
	text-transform: uppercase;
	}
.greyText {
	margin:0px;
	font-size:12px;
	color:#777;
	}
.contentRSSIcon {
	float:right;
	margin-top:5px;
	margin-bottom:-22px;
	}
.date {
	font-weight:700;
	font-size:12px;
	display:block;
	margin:0px 0px 8px 0px;
	}
.relatedTags, .relatedLinks { 
	color:#444; 
	display:block; 
	font-size:12px; 
	margin-top:2px;
	margin-bottom:3px;  
	}
.relatedLinks {
	margin-top:12px;
	}
.infoDetail {
	background: #e5e5e5 url('/images/themes/enthusiasm/background_tags-links.png') 0 0 repeat-x;
	background: 
			url('/images/themes/enthusiasm/background_first-graphic_small.png') 98% 90% no-repeat,
			-moz-linear-gradient(top, #f2f2f2, #e2e2e2);
	background: 
			url('/images/themes/enthusiasm/background_first-graphic_small.png') 98% 90% no-repeat,
			-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2));
	-moz-border-radius:10px;
	border-radius:10px;
	padding:8px 12px 10px 12px;
	margin-bottom:20px;
	}
.infoDetail span.spacer {
	margin-left:7px;
	margin-right:7px;
	}
ul.fancyList {
	margin-left:0px;
	padding-left:15px;
}
ul.fancyList li {
	list-style:none;
	background:url('/images/themes/enthusiasm/guillemet_right-grey.png') 0 3px no-repeat;
	padding-left:15px;
	margin-bottom:3px;
	}

