/* --- reset.css --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align:baseline;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
font-size:100%;
outline:0;
padding:0;
margin:0;
border:0;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

body {
line-height:1.5;
background:#FFF;
color:#000;
}

ol, ul {
list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:separate;
border-spacing:0;
}

caption, th, td {
font-weight:normal;
text-align:left;
}

table, td, th {
vertical-align:middle;
}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}

blockquote, q {
quotes:"" "";
}

a img {
border:none;
}

/* --- typography --- */
body {
font-family:Arial, Helvetica, sans-serif;
background:#FFF;
font-size:75%;
color:#222;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color:#111;
}

h1 {
margin-bottom:0.5em;
font-size:3em;
line-height:1;
}

h2 {
margin-bottom:0.75em;
font-size:2em;
}

h3 {
margin-bottom:1em;
font-size:1.5em;
line-height:1;
}

h4 {
margin-bottom:1.25em;
line-height:1.25;
font-size:1.2em;
}

h5 {
margin-bottom:1.5em;
font-weight:bold;
font-size:1em;
}

h6 {
font-weight:bold;
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.left {
margin:1.5em 1.5em 1.5em 0;
float:left;
padding:0;
}

p img.right {
margin:1.5em 0 1.5em 1.5em;
float:right;
}

a:focus, a:hover {
color:#000;
}

a {
text-decoration:underline;
color:#009;
}

blockquote {
font-style:italic;
margin:1.5em;
color:#666;
}

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 {
font-style:italic;
margin:0 0 1.5em;
}

del {
color:#666;
}

pre {
white-space:pre;
margin:1.5em 0;
}

pre, code, tt {
font-family:'andale mono', 'lucida console', monospace;
line-height:1.5;
font-size:1em;
}

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;
}

table {
margin-bottom:1.4em;
width:100%;
}

th {
font-weight:bold;
}

thead th {
background:#C3D9FF;
}

th, td, caption {
padding:4px 10px 4px 5px;
}

tr.even td {
background:#E5ECF9;
}

tfoot {
font-style:italic;
}

caption {
background:#EEE;
}

.small {
margin-bottom:1.875em;
line-height:1.875em;
font-size:.8em;
}

.large {
margin-bottom:1.25em;
line-height:2.5em;
font-size:1.2em;
}

.hide {
display:none;
}

.quiet {
color:#666;
}

.loud {
color:#000;
}

.highlight {
background:#FF0;
}

.added {
background:#060;
color:#fff;
}

.removed {
background:#900;
color:#fff;
}

.first {
padding-left:0;
margin-left:0;
}

.last {
padding-right:0;
margin-right:0;
}

.top {
padding-top:0;
margin-top:0;
}

.bottom {
padding-bottom:0;
margin-bottom:0;
}

/* --- grid --- */
.container {
margin:0 auto;
width:950px;
}

/* --- forms --- */
label {
font-weight:bold;
}

fieldset {
border:1px solid #CCC;
margin:0 0 1.5em 0;
padding:1.4em;
}

legend {
font-weight:bold;
font-size:1.2em;
}

input.text, input.title, textarea, select {
border:1px solid #BBB;
margin:0.5em 0;
}

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 {
height:250px;
width:390px;
padding:5px;
}

.error, .notice, .success {
border:2px solid #DDD;
margin-bottom:1em;
padding:.8em;
}

.error {
border-color:#FBC2C4;
background:#FBE3E4;
color:#8a1f11;
}

.notice {
border-color:#FFD324;
background:#FFF6BF;
color:#514721;
}

.success {
border-color:#C6D880;
background:#E6EFC2;
color:#264409;
}

.error a {
color:#8a1f11;
}

.notice a {
color:#514721;
}

.success a {
color:#264409;
}