@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

@media screen, projection, print {

	fieldset,
	abbr {
		border: 0;
	}

	strong {
		font-weight: normal;
	}

}

@media screen, projection {

	* {
		margin: 0;
		padding: 0;
	}

	html,
	h1 a,
	#header a {
		color: #000;
	}

	html {
		background: #fff;
		font: 87.5%/1.6 'droid serif', 'lucida sans unicode', 'lucida grande', arial, sans-serif;
	}

	h1,
	h2,
	#header {
		font-family: 'droid sans', arial, sans-serif;
		font-weight: normal;
		line-height: 1.3;
	}

	h1,
	#header {
		font-size: 1.71em;
	}

	h2 {
		font-size: 1.5em;
	}

	h2:target {
		text-decoration: blink;
	}

	p,
	fieldset,
	.content div div {
		margin: 1em 0;
	}

	ul {
		margin: 1em 0 1em 1.25em;
	}

	fieldset {
		padding: .5em 0 0;
	}

	legend {
		display: none;
	}

	label,
	label * {
		cursor: pointer !important;
	}

	input {
		font-family: 'droid serif', 'lucida sans unicode', 'lucida grande', arial, sans-serif;
		font-size: 1em;
		padding: 3px;
	}

	div > ul {
		margin-left: 1em;
	}

	a[rel='alternate'] {
		font-weight: bold;
	}

	abbr[title] {
		cursor: help;
	}

	#header,
	#footer,
	#info p,
	.content.c fieldset {
		text-align: center;
	}

	#header,
	#info,
	.content.c fieldset {
		background: #eee;
	}

	#header {
		border-bottom: 1px solid #ddd;
		padding: .9em;
	}

	#header a,
	#header span {
		background: #eee url(../../media/logo.png) 0 5px no-repeat;
		padding: 15px 0 15px 60px;
	}

	#header a {
		text-decoration: none;
	}

	#footer {
		border-top: 1px solid #ddd;
		clear: left;
		padding: 1em 0;
	}

	#footer p {
		margin: 0;
	}

	#info,
	#info p {
		width: 298px;
	}

	#info,
	.content.a ul,
	.content.c fieldset {
		margin-top: 1em;
	}

	#info,
	.content.b ul,
	.content.c fieldset {
		margin-bottom: 1.5em;
	}

	#info,
	.content.c fieldset {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#info {
		padding: 12px 15px 15px;
	}

	#info h2 {
		line-height: 1.1;
	}

	#info p,
	.content {
		overflow: hidden;
	}

	#info p {
		margin: 0 !important;
	}

	#info ul {
		margin-bottom: 0 !important;
	}

	.content {
		margin: 2.1em auto 1em;
		text-align: left;
		width: 700px;
	}

	.content div {
		float: left;
		padding: 0 10px;
		width: 330px;
	}

	.content div div {
		float: none;
		padding: 0;
		width: auto;
	}

	.content.a div {
		height: 12em;
	}

	.content.b p {
		margin-bottom: 1em;
	}

	.content.b div {
		height: auto;
	}

	.content.c fieldset {
		padding: 15px;
	}

	.content.c div {
		width: 680px;
	}

}

@media print {

	* {
		background: #fff;
		color: #000;
	}

	li a[href^='//']:after {
		content: ' <' attr(href) '>';
	}

	form,
	#footer {
		display: none;
	}

	a {
		text-decoration: none;
	}

}