/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

input[type=text], input[type=password], textarea {border:1px solid #cecece; padding:6px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.1) inset;}
input.replace {color:#aaa;}

input[type=button], input[type=submit], button { cursor: pointer; }

ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; width:100%;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* typography */
body { font-size:100%; line-height:22px; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6,p,hr,ul,ol,li,select,textarea,input {margin:0 0 5px 0;}
h1 {font-size:280%;}
h2 {font-size:250%;}
h3 {font-size:200%;}
h4 {font-size:160%;}
h5 {font-size:130%;}
h6 {font-size:110%;}
h1,h2,h3,h4,h5,h6 {font-weight:400; line-height:100%;}

em {font-style:italic;}

/* common classes */
.wrapper {width:960px; margin:0 auto;}
.l { text-align: left; } 
.r { text-align: right; } 
.c { text-align: center;}
.fl { float: left; } 
.fr { float: right; }
.fn { float:none; }
.cl { clear: left; } 
.cr { clear: right; } 
.cb { clear: both; }


/* Spacing */ 
.st { margin-top: 10px; } 
.sr { margin-right: 10px; } 
.sb { margin-bottom: 10px; }
.sl { margin-left: 10px; } 
.sst { margin-top: 20px; } 
.ssr { margin-right: 20px; } 
.ssb { margin-bottom: 20px; }
.ssl { margin-left: 20px; }

/* Padding */
.p {padding:10px;}
.pp {padding:20px;}
.pt { padding-top: 10px; } 
.pr { padding-right: 10px; } 
.pb { padding-bottom: 10px; }
.pl { padding-left: 10px; } 
.ppt { padding-top: 20px; } 
.ppr { padding-right: 20px; } 
.ppb { padding-bottom: 20px; }
.ppl { padding-left: 20px; }

/* clearfix */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

form { padding: 0; margin: 0;} 
input { padding: 0; margin: 0;} 
address { font-style: normal; } 
option { padding-right: 5px; }

/* basic styling */
.normal {font-weight:normal;}
.caps {text-transform:uppercase;}
.inline {display:inline;}
.block {display:block;}
.hide {display:none;}
.link {text-decoration:underline;}

/* end reset */