/* @group reset */
/*
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; }


/********** 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; }


/* @end */

/* @group base */

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

/******************** Base ********************/

body {
	font-family: helvetica, arial, sans-serif;
	line-height: 1.5;
	background: white;
	color: black;
	height: 100%;
}

html {
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}

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.125em;
}

p {
	word-spacing: 0.125em;
	hyphenate: auto;
	hyphenate-lines: 3;
}

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%;
}

/* html 5 */

article, aside, header, hgroup,
nav, section, footer {
	float: left;
	display: block;
}

figure {
	display: block;
}

/* Debug */

.debug {
	outline: solid gold 1px;
}

.debug-background {
	background: rgba(255, 215, 0, 0.2) !important;
}

/* @end */

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

/******************** 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: 48px;
	top: 5px;
}

h2 {
	font-size: 34px;
	top: 8px;
}

h3 {
	font-size: 22px;
	top: 1px;
	margin-bottom: 22px;
}

h4 {
	font-size: 18px;
	top: 2px;
}

h5 {
	font-size: 15px;
	top: 4px;
}

h6 {
	font-size: 13px;
	top: 5px;
	margin-bottom: 18px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top: 0;
}

p, pre, address {
	font-size: 13px;
	line-height: 18px;
	top: 5px;
	margin-bottom: 18px;
}

small {
	font-size: 11px;
}

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, 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: 13px;
	line-height: 18px;
}

legend {
	position: relative;
	top: 5px;
}

table {
	font-size: 13px;
}

caption {
	font-size: 13px;
	line-height: 18px;
	position: relative;
}

hr {
	position: relative;
	height: 4px;
	margin: 18px 0 14px 0;
}

a {
	color: #007f7f;
}

a:hover {
	color: #00b3b3;
}


/* @end */

/* @group grid */

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

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

#wrapper {
	width: 990px;
	position: relative;
}

/* 82.5em */

#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section {
	padding: 18px;	
}

/* 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;
}

.clear {
	float: left;
}

header,
section {
	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;
	margin-left: 0 !important;
}

/* 82.5em */

.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 */

/* 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;
}


/******************** Forms ********************/

label.width1, label.width2,
label.width3, label.width4 {
	margin-left: 18px;
	float: left;
}

label.unitx1, label.unitx2,
label.unitx3, label.unitx4,
label.unitx5, label.unitx6,
label.unitx7, label.unitx8 {
	margin-left: 18px;
	float: left;
}

label.first {
	margin-left: 0;
}

label.width4, label.unitx8 {
	width: 990px;
	overflow: hidden;
}

label.width1 input[type="text"], label.width1 input[type="password"], label.width1 input[type="select"], label.width1 input[type="search"] {
	width: 228px;
}

label.width2 input[type="text"], label.width2 input[type="password"], label.width2 input[type="select"], label.width2 input[type="search"] {
	width: 480px;
}

label.width3 input[type="text"], label.width3 input[type="password"], label.width3 input[type="select"], label.width3 input[type="search"] {
	width: 732px;
}

label.width4 input[type="text"], label.width4 input[type="password"], label.width4 input[type="select"], label.width4 input[type="search"] {
	width: 984px;
}

label.width1 select {
	width: 234px;
}

label.width2 select {
	width: 486px;
}

label.width3 select {
	width: 738px;
}

label.width4 select {
	width: 990px;
}

label.unitx1 input[type="text"], label.unitx1 input[type="password"], label.unitx1 input[type="select"], label.unitx1 input[type="search"] {
	width: 102px;
}

label.unitx2 input[type="text"], label.unitx2 input[type="password"], label.unitx2 input[type="select"], label.unitx2 input[type="search"] {
	width: 228px;
}

label.unitx3 input[type="text"], label.unitx3 input[type="password"], label.unitx3 input[type="select"], label.unitx3 input[type="search"] {
	width: 354px;
}

label.unitx4 input[type="text"], label.unitx4 input[type="password"], label.unitx4 input[type="select"], label.unitx4 input[type="search"] {
	width: 480px;
}

label.unitx5 input[type="text"], label.unitx5 input[type="password"], label.unitx5 input[type="select"], label.unitx5 input[type="search"] {
	width: 606px;
}

label.unitx6 input[type="text"], label.unitx6 input[type="password"], label.unitx6 input[type="select"], label.unitx6 input[type="search"] {
	width: 732px;
}

label.unitx7 input[type="text"], label.unitx7 input[type="password"], label.unitx7 input[type="select"], label.unitx7 input[type="search"] {
	width: 858px;
}

label.unitx8 input[type="text"], label.unitx8 input[type="password"], label.unitx8 input[type="select"], label.unitx8 input[type="search"] {
	width: 984px;
}

label.unitx1 select {
	width: 108px;
}

label.unitx2 select {
	width: 234px;
}

label.unitx3 select {
	width: 360px;
}

label.unitx4 select {
	width: 486px;
}

label.unitx5 select {
	width: 612px;
}

label.unitx6 select {
	width: 738px;
}

label.unitx7 select {
	width: 864px;
}

label.unitx8 select {
	width: 990px;
}


/* @end */

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

/******************** Form ********************/

form							{ overflow: auto; }
legend							{ padding-bottom: 18px; }
label							{ width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block; }

input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"]			{ width: 100%; 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: 18px; }

select							{ display: block; margin: 0px; }
textarea						{ width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }


/* @end */