/*Styles for HTML5*/

body { margin: 0; background: #fff url(../assets/header_art.jpg) repeat-x top; border-top: solid 5px #000;}

header, section, article, footer, figure, figcaption {display: block; margin: 0; padding: 0; border: 0;}

#container {width: 960px; margin: 0 auto;}

header {margin: 0 30px; color: #000; float: left; width: 100%; padding-top: 5px;}
header hgroup h1 {font: normal 27px verdana; margin: 0; padding: 0;}
header hgroup h2 {font: normal 15px verdana; color: #555; margin: 5px 0 0 0;}

header a {color: #000; text-decoration: none;}
header a: hover{text-decoration: none;}
#utility {text-align: right; margin-top: 5px; }

header nav {margin: 0; padding: 0; float: left;}
header nav ul li {float: left; list-style: none;}
header nav ul li a {display: block; margin: 10px 30px 0 0; padding: 3px 5px 10px 5px; }

.current {border: solid 1px #ccc; border-bottom-color: #fff; background-color: #fff; }

p#breadcrumb {
	margin: 15px 30px 5px 330px;
	padding: 35px 0 0 0;
	clear: left;
	font: italic .60em verdana;
}

#pagetitle { margin: 15px 0 0 330px; }

div#left { margin: 15px 30px; width: 270px; float: left;}

#media { border: dotted lpx #555; padding: 10px; margin: 0 0 15px 0;}

#subnav { margin: 15px 0 0 0; clear: left; font-size: .9em;}

#subnav ul, #subnav ul li ul { margin-left: 20px; padding: 15px; line-height:200%; }

.selected { color: #000; font-weight: bold; }

section#right { margin: 15px 0 0 330px; width: 600px; }

article {
	border-top: dotted 1px #555;
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 10px 0;
}

article .thumb { float: left; margin: 0 15px 15px 0;}

article h1 { font-variant: small-caps; font-size: 1em; font-weight: bold;}

figure { float: left; margin: 0; padding: 5px;}
figure figcaption {font: italic .90em verdana; color: #000; }

footer {border-top: dotted 1px #555; padding: 15px 0; margin: 15px 30px; text-align: center; }

h1 { font-size: 1.5em; font-weight: normal; }