/*
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
reset-fonts.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

#Wrapper { max-width: 1150px; } /* Width of "page" */
#WrapperChannel { width: 901px; } /* Width of "page" */
#MainChannel { width: 901px; } /* Width of left channel and center channel combined */
/* = End Widths = */

body {
	background: url(../images/common/body-bg.png) repeat-x 0 0;
	color: #4e4e4e;
}
	body.labs { background: #fff; }

#Wrapper, #WrapperChannel {
	background: url(../images/common/wrapper-bg.png) no-repeat 50% 0;
  margin: 0 auto; /* Make content centered */
}
	body.labs #Wrapper, body.labs #WrapperChannel { background: #fff; }

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }

#Header {
	background: url(../images/common/header-bg.gif) no-repeat 0 0;
	height: 99px;
	position: relative;
	z-index: 10;
}
	body.labs #Header { background: #fff; }

#SiteId { position: absolute; top: 46px; z-index: 5;}

/* Top Navigation */
#NavigationPrimary {
	padding: 52px 0 13px;
	position: relative;
	z-index: 2;
}
	#NavigationPrimary ul {	float: right;	z-index: 2;	}
	  #NavigationPrimary li { /* Topnav item */
	    /* border: 1px solid #fff; */
	    float: left; /* Keep nav in a line */
			padding-left: 0;
			position: relative; /* To position dropdowns based on topnav items */
	    z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
	  }
	    #NavigationPrimary li.over {
	      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
	    #NavigationPrimary a { /* Topnav link */
				background-repeat: no-repeat;
				color: #666;
				text-decoration: none;
	      display: block;
				font-size: 131%;
				line-height: 31px;
				padding-left: 30px;
	    }
				#NavigationPrimary a:hover, #NavigationPrimary a.active { color: #469; }

/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { float: left; }

/* Center channel */
#Content { float: right; padding-top: 0; }

#Mast {
	background: url(../images/common/mast-bg.png) no-repeat 0 0;
	height: 75px;
	width: 901px;
}
	body.home #Mast {
		background-image: url(../images/home/mast-bg.png);
		height: 186px;
	}
	#Mast h2 { left: -32000em; position: absolute; }

#ContentChannel { padding: 0 0; }
#Footer {
	background: url(../images/common/footer-bg.png) no-repeat 50% 0;
	color: #666;
	padding: 20px 0 0;
	font-size: 93%;
}
	#Footer a { color: #7d7d7d; text-decoration: none; }
		#Footer a:hover { text-decoration: underline; }
	#Footer p { font-size: 100%; }
  	#Footer p.copy { float: left; }
  #Footer ul.siteLinks { float: right; }
    #Footer ul.siteLinks li { background: none; display: inline; padding: 0 0 0 15px; }
	#Footer .vcard { float: left; }
		#Footer .vcard p.note, #Footer .vcard span.tel, #Footer .vcard div.adr,
			#Footer .vcard a.email, #Footer .vcard a.twitter { display: none; }

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#WelcomeToNorthScale, #ContactNorthScale, #TheNorthScaleTeam, #SourceFromNorthScale {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 60px;
	margin: 16px 0 26px;
	text-indent: -32000em;
	width: 901px;
}
	#WelcomeToNorthScale { background-image: url(../images/headers/welcome-to-northscale.png); }
	#ContactNorthScale { background-image: url(../images/headers/contact-northscale.png); }
	#TheNorthScaleTeam { background-image: url(../images/headers/the-northscale-team.png); }
	#SourceFromNorthScale { background-image: url(../images/headers/source-from-northscale.png); }

h1 { color: #111; font-size: 145%; font-weight: bold; margin-bottom: 8px; }
h2 { color: #333; font-size: 138.5%; font-weight: bold; margin-bottom: 8px; }
h3 { color: #444; font-size: 131%; font-weight: bold; padding: 8px 0 3px; }
p { font-size: 116%; line-height: 1.6em; margin-bottom: 12px; }
.contactInfo { float: left; width: 45%; }
	.contactInfo p { line-height: 1.2em; }

#ContentChannel strong { font-weight: bold; }
#ContentChannel a { color: #369; font-weight: bold; }
/* Don't show extra vcard details */
#ContentChannel div.org { display: none; }
#ContentChannel h2 { margin: 20px 0 10px; }
	h2 a { text-decoration: none; }
		h2 a:hover { text-decoration: underline; }

#ContentChannel h2 a { color: #333; }
#ContentChannel h2 + p { margin-left: 20px; }

form.keepUpdated {
	background: url(../images/forms/keep-updated-bg.png) no-repeat 0 0;
	height: 95px;
	margin: 50px 0 30px;
	position: relative;
	width: 901px;
}
	form.keepUpdated legend, form.keepUpdated label { display: none; }
	form.keepUpdated input.image { left: 629px; position: absolute; top: 27px; }
	form.keepUpdated input.text {
		border: 0;
		color: #666;
		font-size: 123.1%;
		left: 284px;
		position: absolute;
		top: 38px;
		width: 312px;
	}
	form.keepUpdated label.error {
		color: #7c1f1f;
		font-size: 108%;
		position: absolute;
		left: 284px;
		text-align: center;
		top: 70px;
		width: 312px;
	}

#MapContainer {
	border: 2px solid #666;
	float: right;
	height: 350px;
	margin: 0 20px 35px 0;
	width: 425px;
}

li {
	line-height: 1.4em;
	padding-bottom: 13px;
	padding-left: 24px;
}

div.entry { }
	.entry h3 { font-size: 153.9%; padding-bottom: 5px; }
		.entry h3 a { text-decoration: none; }
			.entry h3 a:hover { text-decoration: underline; }
.entry-meta { font-style: italic; padding-bottom: 8px; }

td { border-style: solid; 
     border-width: thin; 
     padding: 0.2em; }

		/* Rod's stuff */
		#content_wrapper {
		  float: right;
		  width: 590px;
		}

		#content {
		  padding: 1px 25px 20px;
		}

		#sidebar_wrapper {
		  float: left;
		  width: 270px;
		}
		#sidebar_wrapper a.faux_button, #sidebar_wrapper a.faux_button:hover {
		  background: none;
		  padding: 0;
		  margin: 0;
		  margin-left: -0.25em;
		}
		#sidebar_wrapper a.faux_button:hover {
		  opacity: 0.85;
		  -moz-opacity: 0.85;
		  -khtml-opacity: 0.85;
		  -webkit-opacity: 0.85;
		  filter: alpha(opacity=85);
		  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
		}
		#sidebar_wrapper a.faux_button img {
		  border: none;
		  padding: none;
		}
		#sidebar_wrapper a.button, #sidebar_wrapper button {
		  border: 1px solid #6ebf3e;
		  border-bottom: 1px solid #419f07;
		  border-right: 1px solid #419f07;
		  background: #57a726 url(images/buttons/background.png) center center no-repeat;
		  color: white;
		  cursor: pointer;
		  font-family: Trebuchet MS, Helvetica Neue, Arial, Helvetica, sans-serif;
		  font-size: 16px;
		  padding: 5px 15px 6px;
		  text-shadow: 1px 1px 1px #348310;
		  text-decoration: none;
		  border-radius: !amount;
		  -moz-border-radius: 100px;
		  -webkit-border-radius: 100px;
		  box-shadow: -1px -1px 0 #348310;
		  -moz-box-shadow: -1px -1px 0 #348310;
		  -webkit-box-shadow: -1px -1px 0 #348310;
		}
		#sidebar_wrapper a.button span.arrow, #sidebar_wrapper button span.arrow {
		  font-family: "Lucida Grande";
		  font-size: 20px;
		  line-height: 12px;
		  margin-left: 0.25em;
		}
		#sidebar_wrapper a.button:hover, #sidebar_wrapper a.button:focus, #sidebar_wrapper button:hover, #sidebar_wrapper button:focus {
		  background: #70b446 url(images/buttons/background.png) left center no-repeat;
		  border: 1px solid #84C95b;
		  border-bottom: 1px solid #47a905;
		  border-right: 1px solid #47a905;
		  box-shadow: -1px -1px 0 #539634;
		  -moz-box-shadow: -1px -1px 0 #539634;
		  -webkit-box-shadow: -1px -1px 0 #539634;
		}
		#sidebar_wrapper a.button:active, #sidebar_wrapper button:active {
		  background: #70b446 url(images/buttons/background.png) right center no-repeat;
		  border: none;
		  padding: 6px 16px 7px;
		}

		#sidebar {
		  padding: 18px 25px 20px 0;
		}

		#content a, #sidebar a {
		  padding: 2px;
		  margin: 0 -2px;
		  color: #0d58ad;
		  border-radius: !amount;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		}
		#content a:hover, #sidebar a:hover {
		  background: #0d58ad;
		  color: white;
		  text-decoration: none;
		}
		#content a.alt, #sidebar a.alt {
		  color: #e04840;
		}
		#content a.alt:hover, #sidebar a.alt:hover {
		  background: #e04840;
		  color: white;
		}
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content strong, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar strong {
		  color: #333;
		  line-height: 1.5;
		}
		#content h1, #sidebar h1 {
		  font-size: 38px;
		  font-weight: bold;
		  margin-top: 30px;
		  margin-bottom: 0.4em;
		}
		#content h2, #sidebar h2 {
		  font-size: 180%;
		  margin-bottom: 0.5em;
		}
		#content h2.subtitle, #sidebar h2.subtitle {
		  margin-top: -0.5em;
		  margin-bottom: 1em;
		  font-style: italic;
		}
		#content h2.mini, #sidebar h2.mini {
		  color: #777;
		  font-size: 90%;
		  font-weight: normal;
		  text-transform: uppercase;
		  letter-spacing: 1px;
		}
		#content h3, #sidebar h3 {
		  font-weight: bold;
		  font-size: 165%;
		  margin-top: 0.75em;
		  margin-bottom: 0.3em;
		}
		#content h4, #sidebar h4 {
		  font-weight: bold;
		  font-size: 145%;
		  margin-top: 1em;
		  margin-bottom: 0.5em;
		}
		#content h5, #sidebar h5 {
		  font-size: 115%;
		  font-weight: bold;
		}
		#content p, #content pre, #content blockquote, #sidebar p, #sidebar pre, #sidebar blockquote {
		  margin-bottom: 1em;
		}
		#content pre, #content tt, #sidebar pre, #sidebar tt {
		  font-size: 90%;
		  font-family: Monaco, 'Andale Mono', 'Lucida Console', monospace;
		}
		#content tt, #sidebar tt {
		  background: #f0f0f0;
		  border: 1px solid #ddd;
		  padding: 4px;
		  border-radius: !amount;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		}
		#content li ul, #content li ol, #sidebar li ul, #sidebar li ol {
		  margin: 0 1.75em;
		}
		#content ul, #content ol, #sidebar ul, #sidebar ol {
		  margin: 0 1.75em 1.75em 1.75em;
		}
		#content dl, #sidebar dl {
		  margin: 0 0 1.75em 0;
		}
		#content dl dt, #sidebar dl dt {
		  margin-bottom: 0.25em;
		  font-weight: bold;
		  font-size: 130%;
		}
		#content dl dd, #sidebar dl dd {
		  margin-left: 1.75em;
		  margin-bottom: 0.5em;
		}
		#content blockquote, #sidebar blockquote {
		  border-left: 8px solid #e5e5e5;
		  color: #666;
		  padding-left: 1em;
		}
		#content pre code, #sidebar pre code {
		  display: block;
		  padding: 1.5em;
		  background: #333 url(images/gray_vertical_gradient.png) top center repeat-x;
		  color: #eee;
		  border-radius: !amount;
		  -moz-border-radius: 10px;
		  -webkit-border-radius: 10px;
		}
		#content .intro, #sidebar .intro {
		  font-size: 100%;
		  margin-top: 25px;
		}
		#content .footnotes, #sidebar .footnotes {
		  border-top: 1px solid #d6d6d6;
		  margin-top: 2em;
		  padding-top: 1em;
		}
		#content a.back, #sidebar a.back {
		  font-size: 140%;
		}

		#content img {
		  border: 1px solid #d6d6d6;
		  background: white;
		  padding: 4px;
		  border-radius: !amount;
		  -moz-border-radius: 4px;
		  -webkit-border-radius: 4px;
		}
		#content img.no_border {
		  padding: 0;
		  background: none;
		  border: none;
		  margin: 0;
		  border-radius: !amount;
		  -moz-border-radius: 0;
		  -webkit-border-radius: 0;
		}
		#content img.left {
		  float: left;
		  margin-right: 1.5em;
		  margin-bottom: 0.75em;
		}
		#content img.right {
		  float: right;
		  margin-left: 1.5em;
		  margin-bottom: 0.75em;
		}
		#content .message.info {
		  background: #c0e6c2;
		  border: 1px solid #69C16f;
		  padding: 10px;
		  color: black;
		}
		#content .buttons {
		  margin-top: 25px;
		}
		#content form p label {
		  display: block;
		}
		#content form p label.inline, #content form p label.checkbox {
		  display: inline;
		}
		#content form p label small {
		  color: #999;
		}
		#content form p input.textbox, #content form p select.multiple, #content form p textarea {
		  font-size: 100%;
		}
		#content form .set {
		  overflow: hidden;
		  display: inline-block;
		}
		#content form .set {
		  display: block;
		}
		#content form .set p {
		  float: left;
		  margin-right: 12px;
		}
		#content form .set p.last {
		  margin-right: 0;
		}
		#content form fieldset {
		  background-color: #eee;
		  border-top: 1px solid #d6d6d6;
		  border-bottom: 1px solid #d6d6d6;
		  padding: 12px 15px 0 15px;
		  margin: 1em 0;
		}
		#content form fieldset p {
		  margin-bottom: 14px;
		}
		#content form .buttons {
		  margin-bottom: 12px;
		}
		#content a.faux_button, #content a.faux_button:hover {
		  background: none;
		  padding: 0;
		  margin: 0;
		  margin-left: -0.25em;
		}
		#content a.faux_button:hover {
		  opacity: 0.85;
		  -moz-opacity: 0.85;
		  -khtml-opacity: 0.85;
		  -webkit-opacity: 0.85;
		  filter: alpha(opacity=85);
		  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
		}
		#content a.faux_button img {
		  border: none;
		  padding: none;
		}
		#content a.button, #content button {
		  border: 1px solid #6ebf3e;
		  border-bottom: 1px solid #419f07;
		  border-right: 1px solid #419f07;
		  background: #57a726 url(/images/buttons/background.png) center center no-repeat;
		  color: white;
		  cursor: pointer;
		  font-family: Trebuchet MS, Helvetica Neue, Arial, Helvetica, sans-serif;
		  font-size: 16px;
		  padding: 5px 15px 6px;
		  text-shadow: 1px 1px 1px #348310;
		  text-decoration: none;
		  border-radius: !amount;
		  -moz-border-radius: 100px;
		  -webkit-border-radius: 100px;
		  box-shadow: -1px -1px 0 #348310;
		  -moz-box-shadow: -1px -1px 0 #348310;
		  -webkit-box-shadow: -1px -1px 0 #348310;
		}
		#content a.button span.arrow, #content button span.arrow {
		  font-family: "Lucida Grande";
		  font-size: 20px;
		  line-height: 12px;
		  margin-left: 0.25em;
		}
		#content a.button:hover, #content a.button:focus, #content button:hover, #content button:focus {
		  background: #70b446 url(images/buttons/background.png) left center no-repeat;
		  border: 1px solid #84C95b;
		  border-bottom: 1px solid #47a905;
		  border-right: 1px solid #47a905;
		  box-shadow: -1px -1px 0 #539634;
		  -moz-box-shadow: -1px -1px 0 #539634;
		  -webkit-box-shadow: -1px -1px 0 #539634;
		}
		#content a.button:active, #content button:active {
		  background: #70b446 url(images/buttons/background.png) right center no-repeat;
		  border: none;
		  padding: 6px 16px 7px;
		}
		#content table.index {
		  border-left: 1px solid #ddd;
		  border-top: 1px solid #ddd;
		  margin: 1.75em 0;
		}
		#content table.index th, #content table.index td {
		  border-right: 1px solid #ddd;
		  border-bottom: 1px solid #ddd;
		  padding: 6px 8px;
		}
		#content table.index th {
		  background: #f5f5f5;
		}
		#content .post {
		  margin-top: 0;
		}
		#content .post .meta {
		  float: right;
		  margin-left: 1em;
		  margin-top: 0.75em;
		}
		#content .post h3 {
		  margin: 0.5em 0;
		}
		#content .team_member {
		  margin: 2em 0;
		}
		#content .team_member img.avatar {
		  float: left;
		  margin: 3px 13px 10px 0;
		}
		#content .team_member h5.title {
		  margin-top: 0;
		  margin-bottom: 0.35em;
		}
		#content .team_member h5.title em {
		  color: #555;
		  font-size: 90%;
		  font-weight: normal;
		}
		#content .team_member p {
		  margin-bottom: 0.5em;
		}
		#content ul.foot_link_bar {
		  border-top: 1px solid #d6d6d6;
		  display: block;
		  margin: 25px -10px 10px -10px;
		  padding: 8px 0;
		}
		#content ul.foot_link_bar, #content ul.foot_link_bar li {
		  list-style: none;
		}
		#content ul.foot_link_bar li {
		  display: inline;
		  border-right: 1px solid #d6d6d6;
		  padding: 10px 12px;
		}
		#content ul.foot_link_bar li.subscribe {
		  background: url(/images/feed_icon.png) 12px center no-repeat;
		  padding-left: 32px;
		}
		#content ul.foot_link_bar li:first-child {
		  padding-left: 10px;
		}
		#content ul.foot_link_bar li:last-child {
		  border-right: none;
		}
		#content table.index.ami_table td {
		  font-size: 12px;
		  line-height: 130%;
		  padding-top: 2px;
		}
		#content table.index.ami_table td.ami_id {
		  font-size: 10px;
		  width: 7em;
		}
		#content table.index.ami_table td.ami_id strong {
		  font-size: 11px;
		  display: block;
		  margin-top: 4px;
		}
		#content .box {
		  border: 1px solid #d6d6d6;
		  padding: 0 20px 5px;
		  margin: 1em 0;
		  border-radius: !amount;
		  -moz-border-radius: 12px;
		  -webkit-border-radius: 12px;
		}

		#sidebar h3 {
		  font-size: 165%;
		  font-weight: bold;
		  margin-top: 1.5em;
		  margin-bottom: 0.3em;
		}
		#sidebar h4 {
		  font-size: 140%;
		  font-weight: bold;
		  margin-top: 1.5em;
		  margin-bottom: 0;
		}
		#sidebar h5 {
		  margin-top: 1em;
		  margin-bottom: 0.25em;
		  font-weight: bold;
		  font-size: 110%;
		}
		#sidebar ul.navigation {
		  font-size: 115%;
		  border-top: 1px solid #d5d5d5;
		  margin: 16px 0;
		}
		#sidebar ul.navigation, #sidebar ul.navigation li {
		  display: block;
		  list-style: none;
		  padding: 0;
		}
		#sidebar ul.navigation li {
		  border-bottom: 1px solid #d5d5d5;
		  margin: 0;
		}
		#sidebar ul.navigation a {
		  display: block;
		  color: #777;
		  padding: 5px 5px 5px 30px;
		  margin: 0;
		  text-decoration: none;
		}
		#sidebar ul.navigation a:hover {
		  background: none;
		  color: #444;
		  text-decoration: underline;
		}
		#sidebar ul.navigation li.here a {
		  font-weight: bold;
		  color: #444;
		}
		#sidebar .box {
		  background-color: #eeead8;
		  padding: 15px;
		  border-radius: !amount;
		  -moz-border-radius: 12px;
		  -webkit-border-radius: 12px;
		}
		#sidebar .box p {
		  font-size: 12px;
		}
		#sidebar .box p.more {
		  border-top: 1px solid #c9c5b7;
		  font-size: 13px;
		  margin: 1.25em 0 0;
		  padding-top: 0.75em;
		}
		#sidebar .buttons {
		  margin-top: 2.5em;
		}

		/* end Rod's stuff */