/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
        Copyright modachick
    Author: Michelle Ma-Jackson
======================================*/
 
/* MEYER RESET v1.0*/
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
 
/* BASIC TYPOGRAPHY */
html {font-size: 62.5%; font-family: "Liberation Sans", Helvetica, Arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
 
/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";}
blockquote *:first-child:after {content: "\201D";}
 
/* FORMS */
fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size:1.2em;}
label {font-weight: bold;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; 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;}
input[type='text'],input[type='password'] {cursor: text;}
 
/* BASE SIZES */
.container {font-size: 1.2em; line-height: 1.6em;}
.container h1 {font-size: 1.9em;}
.container h2 {font-size: 1.7em;}
.container h3 {font-size: 1.5em;}
.container h4 {font-size: 1.3em;}
.container h5 {font-size: 1.2em;}
.container h6 {font-size: 1em;}
 
/* LISTS */
.container ul li {margin-left: .85em;}
.container ul {list-style-type: disc;}
.container ul ul {list-style-type: square;}
.container ul ul ul {list-style-type: circle;}
.container ol {list-style-position: outside; list-style-type: decimal;}
.container dt {font-weight: bold;}
 
/* TABLES */
.container table {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.container th, .container td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}
 
/* MARGINS & PADDINGS */
.container blockquote *:first-child {margin: .8em 0;}
.container hr, .container p, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form {margin-bottom: 1.6em;}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.container h1 {margin: 1em 0 .5em;}
.container h2 {margin: 1.07em 0 .535em;}
.container h3 {margin: 1.14em 0 .57em;}
.container h4 {margin: 1.23em 0 .615em;}
.container h5 {margin: 1.33em 0 .67em;}
.container h6 {margin: 1.6em 0 .8em;}
.container th, .container td {padding: .8em;}
.container caption {padding-bottom: .8em;} /* padding instead of margin for IE */
.container blockquote {padding: 0 1em; margin: 1.6em 0;}
.container fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
.container legend {padding-left: .8em; padding-right: .8em;}
.container legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
.container textarea, .container input {padding: .3em .4em .15em .4em;}
.container select {padding: .1em .2em 0 .2em;}
.container option {padding: 0 .4em;}
.container a {position: relative; padding: 0.3em 0 .1em 0;} /* for larger click-area */
.container dt {margin-top: .8em; margin-bottom: .4em;}
.container ul {margin-left: 1.5em;}
.container ol {margin-left: 2.35em;}
.container ol ol, .container ul ol {margin-left: 2.5em;}
.container form div {margin-bottom: .8em;}
 
/* COLORS */
.container a:link {text-decoration: underline; color: #36c;}
.container a:visited {text-decoration: underline; color: #99c;}
.container a:hover {text-decoration: underline; color: #c33;}
.container a:active, .container a:focus {text-decoration: underline; color: #000;}
.container code, .container pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */
 
/* 24 COLUMN GRID */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(../img/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;}
div.span-24 {float:left;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;}

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;}
.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;}
.clear {clear:both;}