@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic); @import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blovkquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldest, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font:: inherit; vertical-align:: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } body { font-family: 'Cantarell', arial, sans-serif } a, a:visited, a:active { color: #000 } a:hover { color: #338 } blockquote { border-left: 3px solid #999; background: #eee; margin: 1em; padding: 1em 1em 0.5em 1em } pre { border-left: 3px solid #999; background: #eee; font-family: 'Droid Sans Mono', fixed; margin: 1em; padding: 1em } command { font-family: 'Droid Sans Mono', fixed } ul { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; list-style-type: square } ol { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; list-style-type: decimal } li { margin-top: 0.3em; margin-bottom: 0.3em; text-align: justify } p { margin-bottom: 0.5em; text-align: justify } h1 { font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; font-size: 300% } h2 { font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; font-size: 250% } h3 { font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; font-size: 150% } h4 { font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; font-size: 120% } h5 { font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; font-size: 100% } h6 { margin-top: 0.3em; margin-bottom: 0.2em; font-size: 100% } body { margin: 1em } aside { width: 40%; float: right; margin-right: -6em; margin-left: 1em; margin-top: 1em; margin-bottom: 0.5em; border: 3px solid black; border-right: none; -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 0.5em } header { position: relative; top: -1em; left: -1em; right: -1em; width: 100%; padding: 1em; background: #a7cfdf; background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ) } header nav li { display: inline; list-style: none } header nav li a { color: #fff; font-weight: bold; font-size: 110%; text-transform: uppercase; text-decoration: none; margin-right: 0.5em; border-bottom: 4px solid white } header nav li a:hover { color: #fff; border-bottom: 4px solid black } footer { clear: both; position: relative; bottom: -1em; left: -1em; right: -1em; width: 100%; padding: 1em; background: #a7cfdf; background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ) } footer nav li { display: inline; list-style: none }