/* Based on Baseline - a designer framework, Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com, Creative Commons Attribution-Share Alike 3.0 License */

/******************** Reset ********************/
    html, body, div, span, a, img,
    h1, h2, h3, h4, h5, h6, hgroup, p,
    dl, dialog, dt, dd, ol, ul, li, 
    abbr, acronym, address, b, big, blockquote, 
    cite, code, del, dfn, em, i, ins, kbd, pre, q, 
    samp, tt, var, small, strong, sub, sup, 
    object, iframe, form, fieldset, label, legend, 
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, footer, header, nav, section,
    figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
    textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
    article, aside, footer, header, nav, section,
    dialog, figure, hgroup, menu								{ display: block; }
    
    h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
    del, ins													{ text-decoration: none; }
    ol, ul														{ list-style: none; }
    nav ul														{ list-style-type: none; }
    table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
    :focus														{ outline: 0; }
    blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
    blockquote, q												{ quotes: "" ""; }
    input														{ margin: 0; }
    
/******************** Base ********************/
    body											{ font-family: Helvetica, Arial, sans-serif; background: white; color: black; }
    h1, h2, h3, h4, h5, h6							{ line-height: 22px; }
    h4, h5, h6										{ font-weight: bold; }
    b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
    cite, dfn, em, i								{ font-style: italic; }
    code, kbd, samp, pre, tt, var					{ font-family: mono-space, monospace; }
    h1, h2, h3, h4, h5, h6							{ word-spacing: -0.1em; }
    p												{ word-spacing: 0.125em; }
    p.indent										{ text-indent: 1.5em; }
    pre												{ white-space: pre; }
    del												{ text-decoration: line-through; }
    mark											{ background-color: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
    ins												{ color: #f00; }
    abbr, acronym									{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
    abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }
    sup, sub										{ line-height: 0; }
    sup												{ vertical-align: super; }
    sub												{ vertical-align: sub; }
    blockquote										{ padding: 1.375em 0; }
    hr												{ border: none; background: #ddd; width: 100%; }
    ul, ol											{ margin-left: 1.5em; }
    ul												{ list-style: disc outside; }
    ol												{ list-style: decimal outside; }
    input, select, button							{ cursor: pointer; }
    table											{ font: inherit; width: 100%; }
    
    /* html 5 */
    article, aside, header, hgroup,
    nav, figure, section, footer					{ display: block; }
    
    /* Debug */
    .debug											{ outline: solid gold 1px; }
    .debug-background								{ background-color: rgba(255, 215, 0, 0.2) !important; }


/******************** Typography ********************/
    body								{ font-size: 100%; line-height: 1.375; /*16/22*/ }
    
    h1, h2, h3, h4, h5, h6				{ position: relative; }
    h1  								{ line-height: 44px; margin-bottom: 22px; }
    h2  								{ margin-bottom: 0; }
    h1, h2, h3, h4						{ margin-top: 22px; word-spacing: 0em; }
    h2, h3, h4      					{ line-height: 22px; word-spacing: 0em; }
    h5, h6					        	{ line-height: 23px; }
    h1									{ font-size: 36px; top: 8px; }
    h2									{ font-size: 24px; top: 2px; }
    h3									{ font-size: 19px; top: 2px; }
    h4									{ font-size: 18px; top: 4px; font-variant: small-caps; }
    h5									{ font-size: 16px; top: 6px; font-variant: small-caps; }
    h6									{ font-size: 16px; top: 6px; }
    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child						{ margin-top: 0; }
    
    p, pre, address						{ font-size: 16px; line-height: 22px; position: relative; top: 5px; margin-bottom: 22px; }
    small								{ font-size: 13px; }
    abbr, code, kbd,
    samp, small, var					{ line-height: 22px; }
    ul, ol, dl, dialog					{ font-size: 16px; line-height: 22px; position: relative; top: 5px; /*margin-top: 22px;*/ margin-bottom: 22px; }
    li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }
    li h1, li h2, li h3,
    li h4, li h5, li h6,
    li p								{ top: 0; }
    form, legend, label					{ font-size: 1em; line-height: 22px; }
    legend								{ position: relative; top: 5px; }
    table								{ font-size: 1em; }
    caption								{ font-size: 1em; line-height: 22px; position: relative; }
    hr									{ position: relative; height: 4px; margin: 22px 0 14px 0; }

/******************** Table ********************/
    table								{ border-collapse: collapse; border-top: solid 3px #000; position: relative; margin-top: 22px; }
    
    th, td								{ line-height: 18px; padding: 9px 18px 8px 4px; }
    thead th, thead td					{ padding-top: 7px; }
    tfoot th, tfoot td					{ padding-bottom: 8px; }
    tbody th, tbody td,
    tfoot th, tfoot td					{ border-top: solid 1px #000; }
     
    th:first-child, td:first-child		{ padding-left: 10px; }
    th:last-child, td:last-child		{ padding-left: 4px; }
    
    tr:nth-child(even) td				{ }
    tbody tr:nth-child(odd) th,
    tbody tr:nth-child(odd) td			{ background-color: rgba(0, 0, 0, 0.035); }
    
    caption								{ top: 5px; margin-bottom: 22px; }


/******************** Form ********************/
    form							{ overflow: auto; }
    legend							{ padding-bottom: 22px; }
    label							{ position: relative; top: 0; margin-bottom: 22px; line-height: 22px; display: block; }
    
    input[type="text"],
    input[type="password"],
    input[type="select"],
    input[type="search"]			{ width: 98%; margin-bottom: -1px; display: block; }
    
    input[type="radio"]				{ top: -1px; margin: 0 4px 3px 1px; }
    input[type="checkbox"]			{ top: -2px; margin: 0 4px 3px 1px; }
    input[type="file"]				{ margin: 0px 6px 3px 6px; }
    
    input[type="submit"],
    input[type="reset"],
    input[type="button"]			{ position: relative; top: 5px; margin-bottom: 12px; }
    
    select							{ display: block; margin: 0px; }
    textarea						{ width: 99%; line-height: 22px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }


/******************** Grid ********************/

    .first				{ margin-left: 0; clear: left; }
    .last				{ margin-right: 0; }
    .align-left			{ float: left; }
    .align-right		{ float: right; text-align: right; }
    header,
    section				{ padding-bottom: 22px; }
    
    .leading			{ margin-bottom: 18px; }
    .noleading			{ margin-bottom: 0 !important; }		
    
    .width1				{ width: 234px; }
    .width2				{ width: 486px; }
    .width3				{ width: 738px; }
    .width4				{ width: 990px; margin-left: 0 !important; }
    .full				{ display: block; float: left; width: 100%; margin-left: 0 !important; }
    
    /* Base column unit, 2 units = 1 column */
    .unitx1				{ width: 108px; } /* 9em */
    .unitx2				{ width: 234px; } /* 19.5em, Same as width1 */
    .unitx3				{ width: 360px; } /* 30em */
    .unitx4				{ width: 486px; } /* 40.5em, Same as width2 */
    .unitx5				{ width: 612px; } /* 51em */
    .unitx6				{ width: 738px; } /* 61.5em, Same as width3 */
    .unitx7				{ width: 864px; } /* 72em */
    .unitx8				{ width: 990px; margin-left: 0 !important; } /* 82.5em, Same as width4 */


/* ================= END ==================== */