/*
Author: Craig Erskine
Description: Default Styles
*/

/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }

/* Elements */


/* Clear */
.clear { clear: both; }
.clearfix,#page,#nav,#body,#content,#foot { display: inline-block; }
.clearfix:after,#page:after,#nav:after,#body:after,#content:after,#foot:after { clear: both; display: block; font: 0px/0px serif; content: "."; height: 0; visibility: hidden; }
html[xmlns] .clearfix,html[xmlns] #page,html[xmlns] #nav,html[xmlns] #body,html[xmlns] #content,html[xmlns] #foot { display: block; }

/* Some classes */
.small { font-size: .8em; }
.large { font-size: 2em; }
.quiet { color: #999; }
.highlight { background: #FFC; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.left { margin: 0 20px 20px 0; float: left; }
.right { margin: 0 0 20px 20px; float: right; }
.hide { display: none; }

.links { margin: 0; padding: 20px 0; list-style: none; clear: both; }
.links p { margin: 0; color: #009; text-decoration: underline; cursor: pointer; }
.links code { margin: 0 0 20px; border: 1px dotted #DDD; padding: 6px; background: #EEE; max-height: 150px; overflow: auto; }

/* Layout */
/*#page { margin: 0 auto; width: 300px; text-align: left; position: relative; }*/

/* Head */
#head { padding: 20px; background: #DDD; position: relative; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
#head h1 { margin: 0; }
#head h1 span { display: block; font-size: 15px; color: #888; }

/* Body */
#body { background: #FFF; }
#content { padding: 20px 20px 1px; }

/* Foot */
#foot { padding: 20px; background: #666; color: #FFF; clear: both; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#foot p { margin: 0; }
#foot a { color: #CCC; font-weight: bold; }
#foot a:hover,#foot a:focus,#foot a:active { color: #000; }