/* CSS for sk8hx
 * version 4.0 for html 5
 * July 2010
 * Copyright 2009-2010 Steven Lilley
 */
body { 
    font-family: "Droid Sans","Liberation Sans",sans-serif; 
    color: #000; background-color: #fff;
    margin: 0;
}

div.content { display: block; margin: 0 auto 0 4ex; width: 90%; max-width: 800px }

h1 { margin: 0; padding: 1ex; border-top: 0.5ex solid #f6f; font-size: large }

h2 { margin: 0 0 0.5ex 0; padding: 0; color: #c0c; background-color: #fff; font-style: italic }
h3 { margin: 2ex 0 0 0; font-size: large; clear: both }
h4 { margin: 2ex 0 0.5ex 0 }

nav > ul { text-indent: 0; margin: 0; padding: 0.4ex 0 0 2ex; background-color: #666 }
nav > ul li { list-style-type: none; 
    display: inline-block; margin: 0.2ex 0 0 1px; padding: 0.2ex 2ex; 
    color: #000; background-color: #fcf; 
    border: 0 solid #999; border-width: 1px 1px 0 1px;
    -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px;
}

nav a:link { text-decoration: none; color: #000 }
nav a:visited { text-decoration: none; color: #000 }
nav a:active { text-decoration: none; color: #000 }
nav a:hover { text-decoration: none; color: #000 }
nav > ul li.selected { font-weight: bold; background-color: #f6f; border-color: #000 }

img { border: 0; margin: 2px }
img.floatRight { float: right; margin-left: 4ex; margin-bottom: 2ex }
img.ext {width:11px; height:11px; margin:1px 1px 0 2px; border:0 }

p { margin: 0.5ex 0 1ex 0 }