header, hgroup, nav, section, address {display:block;}

/* bullet-proof @font-face syntax (hi Paul Irish!) */
@font-face {
	font-family: 'lgothic';
	src: url('../f/League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic-Regular'), url('../f/League_Gothic.svg#LeagueGothic') format('svg'), url('../f/League_Gothic.otf') format('opentype');
}

h1 {font:bold 36px Helvetica, sans-serif}
h2,h3 {font-family:Helvetica, sans-serif;margin:10px 0;}

/* utility classes */
.strike {text-decoration: line-through !important;}
.red input {background:#f00;}
.red {color:#fff;}
.small {color:#666;font-size:14px;}
.yellow {background-color:#FFE303;}
.supported, .strict, .active {background:green ;color:#fff;}
.not-supported, .none, .obsolete, .frameset {background:#f00;color:#fff;}
.transitional {background:yellow;color:#000;}
.floatl {float:left;margin-right:3px;}
.floatr {float:right;}
.clear {clear:both;}

/* homepage */
#homepage h1 {font: bold 200px lgothic,Helvetica, sans-serif;margin:0;}
#homepage h1 span {letter-spacing:-12px;}
#homepage span.whisper {color:rgba(0,0,0,0.15);}

#homepage nav {width:auto;position:relative;z-index:9001;width:550px;}
#homepage nav ul {list-style:none;}
#homepage nav a {font: bold 32px/1.5 Helvetica, sans-serif;color:#fff;text-decoration:none;background:red;padding:4px;}
#homepage nav a.blue {background:blue;}
#homepage nav a.yellow {background-color:#FFE303;color:black;}
#homepage nav h1 {font-size:65px;}

#example {position:absolute;top:0;left:0;}

/* resume */
#resume {font-family: Georgia, serif;}
#resume header {margin-bottom:25px;}
#resume hgroup h1{font: bold 54px lgothic, Helvetica, sans-serif;margin-bottom:-15px;}
#resume hgroup h2 {font-size:21px;}
#resume hgroup {margin-bottom:15px;}
address {font-style:normal;position:absolute;right:10px;top:25px;}
#resume h3 {color:white;font: bold 24px Helvetica, Arial, sans-serif;background:red;padding:5px 10px 2px;clear:both;}
#resume h4 {margin:0;font-size:18px;}

.skillz {list-style:none;margin:0;padding:0;}
.skillz li {float:left;margin:0 5px 10px 0;padding:3px 8px 4px;border:1px solid rgb(0,0,255);background: rgb(0,0,255);background:rgba(0,0,255,0.85);color:white;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 2px 3px #999;-moz-box-shadow:0 2px 3px #999;box-shadow:0 2px 3px #999;}

/* vcard hacks */
.url.fn.n {visibility:hidden;}

/* pres/html5/forms2support */
#ua {background: #f00;color:#fff;padding:5px;}
#input_support {font-family:courier;}

table {border:1px solid #ccc;margin-bottom:15px;border-collapse: collapse;}
th {text-align:left;padding:5px 10px;font-family:Helvetica, sans-serif;background:#0971B2;color:#fff;}
td {border:1px solid #ccc;padding:5px 10px;text-align:center;}

/* code/input-type-attr */
#input-attr-support input {width:100px;}
#input-attr-support [type=radio] {width:auto;}
#input-attr-support [type=checkbox] {width:auto;}
#input-attr-support [type=file] {width:auto;}
#input-attr-support td {background:#eee;}
#input-attr-support .supported {background:green ;color:#fff;}
#input-attr-support .not-supported {background:#f00;color:#fff;}