/*Baseline - a designer frameworkCopyright (C) 2009 Stephane Curzi, ProjetUrbain.comCreative 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, input, select{ 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: "" ""; }/********** Deprecated and obsolete elements **********/applet, basefont, dir, font, isindex, menu, s, strike, u{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; vertical-align: baseline; text-decoration: inherit; text-align: left; color: inherit; margin: 0; padding: 0; border: 0; outline: 0; }dir, menu{ list-style: none; }nobr{ white-space: normal; }blink{ text-decoration: none; }marquee{ overflow: visible; }
/******************** Base ********************/body{ font-family: 'helvetica neue', helvetica, arial, sans-serif; line-height: 1.5; background: white; color: black; }h1, h2, h3, h4, h5, h6{ line-height: 1.2; }h4, h5, h6{ font-weight: bold; }b, strong, th, thead, dt, legend{ font-weight: bold; }caption, 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.125em; }p{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }p { margin-bottom: 18px; }p+p{ text-indent: 0; }p+p.no-indent{ text-indent: 0; }pre{ white-space: pre; }del{ text-decoration: line-through; }mark{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }ins{ color: #f00; }small, sup, sub{ font-size: 80%; }big{ font-size: 125%; line-height: 80%; }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.5em; }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%; }th{ background: rgba(0, 0, 0, 0.2); }tr:nth-child(even){ background: rgba(0, 0, 0, 0.1); }tr:nth-child(odd){ }/* html 5 */article, aside, header, hgroup,nav, section, footer{ float: left; display: block; }figure{ display: block; }
/******************** Form ********************/form{ font-size: 18px; line-height:27px; }fieldset,legend{ padding-bottom: 18px; }label{ padding-top: 5px; margin: 0 0 11px 18px; float: left; display: block; }label.first{ margin-left: 0; }input[type="text"],input[type="password"],input[type="select"],input[type="search"]{ border: none; height: 18px; padding: 1px 2px; display: block; }input[type="file"]{ border: none; }textarea{ border: none; height: 16px; padding: 0 2px; display: block; line-height: 18px; }select{ display: block; margin-top: 2px; }input[type="submit"],input[type="reset"],input[type="button"]{ margin-left: 12px; }label.width1,label.width2,label.width3,label.width4{ float: left; }label.width1 input,label.width1 textarea{ width: 228px; }label.width2 input,label.width2 textarea{ width: 480px; }label.width3 input,label.width3 textarea{ width: 732px; }label.width4 input,label.width4 textarea{ width: 984px; }label.width1 select,label.width2 select,label.width3 select,label.width4 select{ width: 100%; }label.unitx1, label.unitx2,label.unitx3, label.unitx4,label.unitx5, label.unitx6,label.unitx7, label.unitx8{ float: left; }label.unitx1 input,label.unitx1 textarea{ width: 102px; }label.unitx2 input,label.unitx2 textarea{ width: 228px; }label.unitx3 input,label.unitx3 textarea{ width: 354px; }label.unitx4 input,label.unitx4 textarea{ width: 480px; }label.unitx5 input,label.unitx5 textarea{ width: 606px; }label.unitx6 input,label.unitx6 textarea{ width: 732px; }label.unitx7 input,label.unitx7 textarea{ width: 858px; }label.unitx8 input,label.unitx8 textarea{ width: 984px; }label.unitx1 select,label.unitx2 select,label.unitx3 select,label.unitx4 select,label.unitx5 select,label.unitx6 select,label.unitx7 select,label.unitx8 select{ width: 100%; }label.singleline{ height: 32px; margin-bottom: 0; }label.singleline input{ width: auto; display: inline; margin-left: 12px; margin-top: 0; }label.multilinex2 textarea{ height: 36px; }label.multilinex3 textarea{ height: 54px; }label.multilinex4 textarea{ height: 72px; }label.multilinex5 textarea{ height: 90px; }label.multilinex6 textarea{ height: 108px; }.width1 .radio-text{ width: 228px; }.width2.radio-text{ width: 480px; }.width3.radio-text{ width: 732px; }.width4.radio-text{ width: 984px; }.radio{ margin: 6px 0 0 1px; float: left; display: block; clear: left; }.radio-label{ margin: 0 0 13px 0; padding-left: 18px; float: none; display: block; clear: none; }.checkbox{ margin: 6px 0 0 1px; float: left; display: block; clear: left; }.checkbox-label{ margin: 0 0 13px 0; padding-left: 18px; float: none; display: block; clear: none; }
/******************** Grid ********************/.page{ width: 990px; position: relative; margin: auto; } /* 82.5em */.page:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }/* Base column markup */.column{ margin-left: 18px; display: block; float: left; } /* 1.5em */.colgroup{ display: block; float: left; }.first{ margin-left: 0; clear: left; }.gutter{ margin-left: 18px; } /* 1.5em */.no-gutter{ margin-left: 0; }.align-left{ float: left; }.align-right{ float: right; text-align: right; }header,section,div{ padding-bottom: 18px; }.leading{ margin-bottom: 18px; } /* 1.5em */.noleading{ margin-bottom: 0 !important; }/* Base column width */.width1{ width: 234px; } /* 19.5em */.width2{ width: 486px; } /* 40.5em */.width3{ width: 738px; } /* 61.5em */.width4{ width: 990px; } /* 82.5em *//* 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; } /* 82.5em, Same as width4 *//* CSS3 columns */.columnsx2{ -webkit-column-count: 2; -webkit-column-gap: 18px; -moz-column-count: 2; -moz-column-gap: 18px; column-count: 2; column-gap: 18px; }.columnsx4{ -webkit-column-count: 4; -webkit-column-gap: 18px; -moz-column-count: 4; -moz-column-gap: 18px; column-count: 4; column-gap: 18px; }
/******************** Baseline grid: 13/18px ********************/body{ font-size: 75%; line-height: 1.5; /*12/18*/ }h1, h2, h3, h4, h5, h6{ position: relative; }h1, h2{ line-height: 36px; margin-bottom: 18px; }h1, h2, h3, h4{ margin-top: 18px; }h3, h4, h5, h6{ line-height: 18px; }h1{ font-size: 36px; top: 5px; }h2{ font-size: 28px; top: 8px; }h3{ font-size: 22px; top: 1px; }h4{ font-size: 18px; top: 2px; }h5{ font-size: 15px; top: 4px; }h6{ font-size: 13px; top: 5px; }p, pre, address{ font-size: 16px; line-height: 24px; position: relative; top: 5px; }abbr, code, kbd,samp, small, var{ line-height: 15px; }ul, ol, dl, dialog{ font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }li ul, li 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: 16px; line-height: 24px; }legend{ position: relative; top: 5px; }input, textarea{ font-size: 14px; }h1:first-child,h2:first-child,h3:first-child,h4:first-child{ margin-top: 0; }table{ font-size: 13px; line-height: 18px; margin: 18px 0; }th, td{ padding: 3px 12px; line-height: 30px; }th{ background: rgba(0, 0, 0, 0.2); }tr:nth-child(even){ background: rgba(0, 0, 0, 0.1); }tr:nth-child(odd){ }hr{ position: relative; height: 4px; margin: 18px 0 14px 0; }