/*
   Resets default browser CSS - Bryan Peters - bryan@urbandude.com
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; outline: none; }
body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/*  The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 1em 0 .3em 0; line-height: 1; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* linkage
-------------------------------------------------------------- */
a { color: #258; }
a:hover { color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }

/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1em; }
.content p+p { margin-top: -.8em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; padding: 0 1em; }
dl { margin: 0 0 1.5em 0; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000;  cursor: help; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
del { color: #000; color: #666; }
blockquote { margin: 1.5em; }
code, kbd, samp, pre, tt, var { font-family: monaco, "Lucida Console", courier, mono-space; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dl dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
code, var, kbd, pre, tt { color: #b96a0e; }
pre { margin: 1.5em 0; white-space: pre;}
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* Sets up some default styling for forms   
-------------------------------------------------------------- */
select, input, textarea { font-size: 99%; }  /* 99% for safari; 100% is too large  */
label { font-weight: bold; cursor: pointer; }
button { width: auto; overflow: visible; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; margin: 0; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
textarea { padding: .3em .4em .15em .4em; }

/* Some default classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.hide { display: none; }
.highlight { background: #ffc; }
.floatright { float: right; }
.floatleft { float: left; }
.error {  color: #c00; }
.clear {clear: both;}

/* A basic ruleset for beginning tabs
-------------------------------------------------------------- */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  
-------------------------------------------------------------- */
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }

/* content specific float clearing */
.wrapper, ul.tabs { display: inline-block; }
.wrapper:after, ul.tabs:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper, * html ul.tabs { height: 1%; }
.wrapper, ul.tabs { display: block; }