@import "screen.css";

/* blueprint typography.css */
body {font-size:100%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
@media screen and (max-width: 1000px) {
	body {font-size:150%;}
}


.container {
	width:950px;
	margin:0 auto;
}


/* Headings
 * --------------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { color: #111; }


/* Text Elements
 * --------------------------------------------------------------------- */

	a                 { color: #125AA7; outline: none; }
	a:hover           { color: #000; }
	blockquote        { color: #666; }
	
	pre {
		background: #eee;
		border:     1px solid #ddd;
		font-size: 10px;
	}
	
	hr {
		background: #B2CCFF;
		color:      #B2CCFF;
	}


/* Tables
 * --------------------------------------------------------------------- */

	table {
		border-top:     1px solid #ddd;
		border-left:    1px solid #ddd;
	}
	th,td {
		border-bottom:  1px solid #ddd;
		border-right:   1px solid #ddd;
		vertical-align: top;
	}
	table.no_border, table.no_border td, table.no_border th {
		border:     0px solid #ddd;
	}


/* Default Classes
 * --------------------------------------------------------------------- */

	p.quiet { color: #666; }
	.alt    { color: #666; }
	
	p.title, a.title {
		color: #111;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 2em;
		margin-bottom: 0.75em;
	}
	
	#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	
	p img       { float: none; }
	img.no_padding {padding:0;margin:0}
	
	.img-right {
		float: right;
		margin: 0 0 .5em .5em;
	}
	.img-left {
		float: left;
		margin: 0 .5em .5em 0;
	}


/* Top Navigation
 * --------------------------------------------------------------------- */

	#site_navigation ul {
		background-color: #111;
		list-style-type: none;
		border-radius: .6em .6em .6em .6em;
		border: 1px solid #000;
		background-image: url(/resources/images/site_navigation_bg.png);
		background-repeat: repeat-x;
		background-position: 0 50%;
		padding: 0 1em;
	}
		#site_navigation ul li {
			padding: 7px 0;
			float: left;
		}
			#site_navigation ul li a {
				padding: 8px 1em 8px 1em;
				color: #FFF;
				text-decoration: none;
				margin-right: 1px;
			}
			#site_navigation ul li a:hover {
				background-image: url(/resources/images/site_navigation_bg-hover.png);
				background-repeat: repeat-x;
				background-position: 0 50%;
			}

/* Clearfix
 * --------------------------------------------------------------------- */
 
	.clear_fix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	 
	/* Hides from IE-mac \*/
	* html .clear_fix {height: 1%;}
	.clear_fix {display: block;}