/* reset.css */
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;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#111;background:#fff;font-family:Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Trebuchet, Tahoma, Arial, sans-serif;font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
input, select, th, td, p, em, blockquote, li, li li, li p {font-size:1em}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
label.error, label.notice, label.success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid
div.single-column, div.double-column { float: left; margin-right: 50px; }
div.single-column { width: 305px; }
div.double-column { width: 605px; }
div.column-push { padding-left: 320px; }
div.last { margin-right: 0; }
*/
/* Grid */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5 {float:left;margin-right: 20px;}
/* The last column in a row needs this class. */
div.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 { width: 176px;}
.span-2 { width: 372px;}
.span-3 { width: 568px;}
.span-4 { width: 764px;}
.span-5, div.span-5 { width: 960px; margin: 0; }
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 196px;}
.append-2 { padding-right: 392px;}
.append-3 { padding-right: 588px;}
.append-4 { padding-right: 784px;}
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 196px;}
.prepend-2 { padding-left: 392px;}
.prepend-3 { padding-left: 588px;}
.prepend-4 { padding-left: 784px;}
/* Border on right hand side of a column. */
div.border {
padding-right:9px;
margin-right:10px;
border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right:169px;
margin-right:166px;
border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-1 { margin-left: -196px;}
.pull-2 { margin-left: -392px;}
.pull-3 { margin-left: -588px;}
.pull-4 { margin-left: -784px;}
.pull-5 { margin-left: -980px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {float:left;position:relative;}
.push-1 { margin: 0 -196px 1.5em 196px;}
.push-2 { margin: 0 -392px 1.5em 392px;}
.push-3 { margin: 0 -588px 1.5em 588px;}
.push-4 { margin: 0 -784px 1.5em 784px;}
.push-5 { margin: 0 -980px 1.5em 980px;}
.push-1, .push-2, .push-3, .push-4, .push-5 {float:right;position:relative;}
/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column. */
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
/* Regular clearing
apply to column that should drop below previous ones. */
.clear { clear:both; }
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
/*
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap { padding-bottom: 250px;}
#footwrap {
position: relative;
margin-top: -250px;
height: 250px;
clear:both;}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
/*** FlatNav ***/
.flatnav {
padding:0;
margin:0 0 1.5em;
}
.flatnav li {
display:inline;
padding:0;
margin:0;
}
.flatnav li.active a {
font-weight: bold;
text-decoration: none;
}
.flatnav li:before {
content:" | ";
}
.flatnav li:first-child:before {
content:"";
}
/*IE workaround*/
/*All IE browsers*/
* html .flatnav li {
border-left:1px solid #000;
padding:0 .4em;
margin:0 .4em 0 -.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html .flatnav {
height:1%;
}
* html .flatnav li {
display:block;
float:left;
}
/*End hide*/
/*Mac IE 5*/
* html .flatnav li:first-child {
border-left:0;
}