/* ----------------- */
/* cssGrid.org - 1.0 */
/* ----------------- */



/* Reset */

html{height:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, q, pre, abbr, acronym, address, cite, var, dfn, code, samp, kbd, tt, del, span, ins, img, ol, ul, li{margin:0;padding:0;border:0;font-size:100%;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
body{height:100%;text-align:center;line-height:1em;font-size:62.5%;}



/* Container */

.container{display: block;margin:0 auto;text-align:left;}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}



/* Font Scale */

.f9, .xx-small{font-size:.9em;line-height:2.2222em;}
.f10, .x-small{font-size:1em;line-height:2em;}
.f11, h6{font-size:1.1em;line-height:1.8181em;}
.f12, small, .small{font-size:1.2em;line-height:1.6666em;}
.f14, h5, .normal{font-size:1.4em;line-height:1.4285em;}
.f16, .medium, h4{font-size:1.6em;line-height:1.25em;}
.f18, .large, h3{font-size:1.8em;line-height:2.2222em;}
.f21, h2{font-size:2.1em;line-height:1.9047em;}
.f24, .x-large, h1{font-size:2.4em;line-height:1.6666em;}
.f32, .xx-large{font-size:3.2em;line-height:1.25em;}
.f36{font-size:3.6em;line-height:1.1111em;}
.f48{font-size:4.8em;line-height:1.25em;}
.f60{font-size:6.0em;line-height:1em;}
.f72{font-size:7.2em;line-height:1.1111em;}
h1, h2, h3, h4, h5, h6{font-weight:normal;letter-spacing:0.025em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0;}



/* Styles */

em, cite, dfn, var, address, .i, .italic{font-style:italic;}
h4, h5, h6, label, .b, .bold, .strong{font-weight:bold;}
.s, .strike{text-decoration: line-through;}
.u, .underline{text-decoration: underline;}



/* Change Case */
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.smallcaps{font-variant: small-caps;}



/* <p> Tag */

p{margin:0;padding-bottom:20px;clear:both;}



/* <sup> & <sub> */

sup, sub{line-height:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}



/* <ins> & <del> */

ins{text-decoration:none;}
del{line-height:1em;}



/* Quotes */

blockquote, span.qoute q {quotes:"" "";}
blockquote {margin-left:4em;font-style:italic;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}


/* <span class="qoute"><span class="hang">&#8220;</span><q title=\"whatver\">Hang Your Quotes</q>&#8221;</span> */

.qoute span.hang{margin-left:-0.35em;margin-right:0.05em;}



/* Lists */

li ul, li ol{margin:0em;}
ul, ol{padding-bottom:20px;padding-left:20px;}
ul{list-style-type:disc;margin-left:20px;}
ol{list-style-type:decimal;margin-left:40px;}
ul.none, ol.none, li.none{list-style-type:none;}
ul.disc, li.disc{list-style-type:disc;}
ul.circle, li.circle{list-style-type:circle;}
ul.square, li.square{list-style-type:square;}
ol.lower-roman{list-style-type:lower-roman;}
ol.upper-roman{list-style-type:upper-roman;}
ol.lower-alpha{list-style-type:lower-alpha;}
ol.upper-alpha{list-style-type:upper-alpha;}



/* Computer Code */

pre, code, samp{font-family: "Courier New", Courier, monospace; white-space: pre;}
tt,kbd{font-family: "andale mono", "lucida console", monospace;} 



/* Text Direction */

.bdo, .bdo-r, .rtl{direction: rtl}
.bdo-l, .ltr{direction: ltr}



/* Text Alignment */

.left{text-align:left;}
div.left,img.left {float:left;}
.right{text-align:right;}
div.right,img.right {float:right;}
.center{text-align:center;}
div.center{float:none;margin-left:auto;margin-right:auto;width:auto;}
.justify{text-align:justify;}



/* Hide */

.hide{display:none;}



/* Frame */

.frame{overflow:auto;height:100%;}



/* Tables */

table, caption, thead, tfoot, tbody, th, td, tr{margin:0;padding:0;border:0;text-align:left;font-size:100%;line-height:inherit;font-weight:inherit;font-style:inherit;font-family:inherit;}
table{table-layout: fixed;border-collapse: collapse;}
caption{caption-side:top;line-height:2em;}
th, td{overflow:hidden;}
th{font-weight:bold;}



/* Horizontal Rule */

.hr{clear:both;float:none;width:100%;left:0px;right:0px;margin:0px;height:19px;line-height:19px;border-top:1px solid #000;}
hr{clear:both;float:left;width:100%;padding:0;margin:0;height:1px;border-width:0;color:#000;background-color:#000;margin-bottom:19px;}





/* Links */

a{color:#00F;text-decoration:underline;}
a:visited{color:#800080;}
a:focus, a:hover, a:active{color:#F00;outline:0;}
a img {border:0;outline:0;}



/* Fonts & Colors */

body{background:#fff;color:#111;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
blockquote, del{color:#555;}
abbr, acronym, ins{border-bottom:1px dotted #555;}



/* Test Grids */

.grid10{background:#FFF url(grid10.gif);}
.grid20{background:#FFF url(grid20.gif);}