/* Imports */
@import url("reset.css");

/* HTML tags */
body {
	background:#f2f2f2;
	color:#111;
	font-size:84.5%;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height:1.65;
	margin:0;
	padding:0;
	text-align:left;
	}

/* Headings */
h2 {font-size:1.571em}
h3 {font-size:1.429em}
h4 {font-size:1.286em}

h2, h3, h4, h5, h6 {
	font-family:Helvetica, "Helvetica Nuve", Arial, sans-serif;
	font-weight:999;
	line-height:1.1;
	margin-bottom:.8em;
}
	
/* Links */
a img {border:0px; text-decoration:none;}
a:link, a:visited {
	color:#5E8594;
	padding:0 1px;
	text-decoration:underline;
}
a:hover, a:active {
	background-color:#81A8B8;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 1px #333;
}
	
/* Paragraphs */
p {margin-bottom:1.143em;}
* p:last-child {margin-bottom:0;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
::-moz-selection {background:#F6CF74;color:#fff;}
::selection {background:#F6CF74;color:#fff;}

/* Lists */
ul {
	list-style:outside square;
	margin:1em 0 1.5em 1.5em;
}

ol {
	list-style:outside decimal;
	margin:1em 0 1.5em 1.5em;
}

/* Quotes */
blockquote {font-style:italic;}

/* Tables */
table {margin:.5em auto 1.5em auto; width:98%;}
	
	/* Thead */
	thead th {padding:.5em .4em; text-align:left;}

	/* Tbody */
	tbody td {padding:.5em .4em;}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display:block;
}

/***** Layout *****/
.body {clear:both; margin:0 auto; width:800px;}
img.right figure.right {float:right; margin:0 0 2em 2em;}
img.left, figure.left {float:right; margin:0 0 2em 2em;}

/*	Header */
#banner {
	margin:0 auto;
	padding:2.5em 0 0 0;
	background:#f2f2f2;
	width:800px;	
}

	#banner h1 {visibility:hidden;}
	#banner a:hover {text-decoration:none;background:#f2f2f2;}
	
	/* Nav menu */
	#banner nav {
		background:#81a8b8;
		font-size:1.15em;
		height:40px;
		line-height:30px;
		margin:0 auto 2em auto;
		padding:0;
		text-align:center;
		width:800px;		
		font-family:Helvetica, Arial, sans-serif;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	
	#banner nav ul {list-style:none; margin:0 auto; width:800px;}
	#banner nav li {float:left; display:inline; margin:0;border-right:1px solid #c2cbce}
	
	#banner nav a:link, #banner nav a:visited {
		color:#fff;
		display:inline-block;
		height:30px;
		padding:5px 1.5em;
		text-decoration:none;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
		background:#7497a5;
		color:#fff;
		text-shadow:none !important;
	}
	
	#banner nav li:first-child a {
		border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;		
		border-bottom-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
	}

/*
	Featured
*****************/
#featured {
	background:#f2f2f2;
	margin-bottom:2em;
	overflow:hidden;
	padding:0;
	width:800px;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#featured figure {
	border:1px solid #999;
	margin:0;
}
#featured figure img {display:block;}
#featured h2 {color:#C74451; font-size:1.714em; margin-bottom:0.333em;}
#featured h3 {font-size:1.429em; margin-bottom:.5em;}
#featured h3 a:link, #featured h3 a:visited {color:#000305; text-decoration:none;}
#featured h3 a:hover, #featured h3 a:active {color:#fff;}

/* Body */
#content {
	background:#fff;
	margin-bottom:2em;
	overflow:hidden;
	padding:20px 20px;
	width:760px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#maincontent {
	float:left;
	width:475px;
	margin-right:100px;
}

#content aside p {
	font:normal 0.96em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:1.6em;
	color:#5f5f5f;
}

/*	Footer */
#contentinfo {padding-bottom:2em; text-align:left;}
#contentinfo p {color:#9aa2a5;font-size:0.9em;}
#contentinfo p.copy {float:left;width:475px;}
#contentinfo p.credits {float:right;font-size:0.8em;text-align:right;color:#bbb;}
#contentinfo p.credits a {color:#bbb;text-decoration:none;;}
#contentinfo p.credits a:hover {background:#f2f2f2;color:#aaa;border-bottom:1px dotted #bbb;text-shadow:none;}