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

/* 
Extended by Jason Chandler to allow for 16 columns
*/

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

/******************** Base ********************/
body { line-height:1.5; background:white; color:black;}
body.fouc {display: none;/* hide to stop FOUC */}
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:-.125em; } */
p { word-spacing:.125em; hyphenate:auto; hyphenate-lines:3; }
/* p+p { text-indent:1.5em; } */
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%; }

/* html 5 */
article,aside,header,hgroup,nav,section,footer { float:left; display:block; }
.child { float:none; }
figure { display:block; }

/* Debug */
/*
.debug { outline:solid gold 2px; }
.debug-background { background:rgba(255,215,0,0.2)!important; }
body.debug code.element_label {position: absolute; padding: 0 18px 18px; font-size: 14px; color: purple;}
body.debug #page { background-color:#010101; }
body.debug #hd { background-color:#a1a1a1; }
body.debug #bd { background-color:#b1b1b1;}
	body.debug #bd .wrapper {background: #333;}
body.debug #sidebar { background-color:#c1c1c1; }
body.debug #content { background-color:#d1d1d1; }
body.debug #ft { background-color:#e1e1e1; }
*/
/* body.debug .wrapper {border: 1px solid;} */

/******************** 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,h5 { 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; }
h1:first-child,h2:first-child,h3:first-child,h4:first-child { margin-top:0; }
p,pre,address { font-size:13px; line-height:18px; position:relative; top:5px; }
p {margin: 18px 0;}
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; clear:both; }
*/

/******************** Table ********************/
table								{ border-collapse: collapse; border-top: solid 3px #000; position: relative; margin-top: 18px; }

th, td								{ line-height: 18px; padding: 9px 18px 8px 0; }
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: 0; }
th:last-child, td:last-child		{ padding-right: 0; }

tr:nth-child(even) td				{ }
/*
tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td			{ background: rgba(0, 0, 0, 0.035); }
*/

caption								{ top: 5px; margin-bottom: 18px; }

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

form							{ }
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="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; width: auto;}
textarea						{ width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }

input, select, textarea { cursor: pointer;}
/******************** Grid ********************/
.wrapper				{width: 990px; position: relative; padding: 0 18px;} /* 82.5em */
.wrapper: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; }
.clear-float				{ 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, 4 units = 1 column */
.unitx1 		{ width: 45px; }
.unitx2 		{	width: 108px; }
.unitx3 		{	width: 171px; }
.unitx4 		{ width: 234px; }
.unitx5 		{	width: 297px; }
.unitx6 		{	width: 360px;	}
.unitx7 		{	width: 423px;	}
.unitx8 		{	width: 486px;	}
.unitx9 		{ width: 549px;	}
.unitx10 		{ width: 612px;	}
.unitx11		{ width: 675px; }
.unitx12		{ width: 738px; }
.unitx13		{	width: 801px; }
.unitx14		{	width: 864px; }
.unitx15		{	width: 927px; }
.unitx16		{	width: 990px; }

/* Indent L/R styles 
	 Allows you to add margin on the left or right equal to the units above		
*/
.indentLx1 { padding-left:  45px; }
.indentRx1 { padding-right:  45px; }
.indentLx2 { padding-left:  108px; }
.indentRx2 { padding-right:  108px; }
.indentLx3 { padding-left:  171px; }
.indentRx3 { padding-right:  171px; }
.indentLx4 { padding-left:  234px; }
.indentRx4 { padding-right:  234px; }
.indentLx5 { padding-left:  297px; }
.indentRx5 { padding-right:  297px; }
.indentLx6 { padding-left:  360px; }
.indentRx6 { padding-right:  360px; }
.indentLx7 { padding-left:  423px; }
.indentRx7 { padding-right:  423px; }
.indentLx8 { padding-left:  486px; }
.indentRx8 { padding-right:  486px; }

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

/******************** Table ********************/
/* Columns */
th.width1, td.width1			{ width: 234px; }
th.width2, td.width2			{ width: 486px; }
th.width3, td.width3			{ width: 738px; }
th.width4, td.width4			{ width: 990px; }

/* Units */
th.unitx1, td.unitx1				{ width: 45px; 	}
th.unitx2, td.unitx2				{ width: 108px; }
th.unitx3, td.unitx3				{ width: 171px; }
th.unitx4, td.unitx4				{ width: 234px; }
th.unitx5, td.unitx5				{ width: 297px; }
th.unitx6, td.unitx6				{ width: 360px; }
th.unitx7, td.unitx7				{ width: 423px; }
th.unitx8, td.unitx8				{ width: 486px; }
th.unitx9, td.unitx9				{ width: 549px; }
th.unitx10, td.unitx10			{ width: 612px; }
th.unitx11, td.unitx11			{ width: 675px; }
th.unitx12, td.unitx12			{ width: 738px; }
th.unitx13, td.unitx13			{ width: 801px; }
th.unitx14, td.unitx14			{ width: 864px; }
th.unitx15, td.unitx15			{ width: 927px; }
th.unitx16, td.unitx16			{ width: 990px; }

/******************** 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,		
label.unitx9, label.unitx10,
label.unitx11, label.unitx12,
label.unitx13, label.unitx14,
label.unitx15, label.unitx16		{ 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="email"], label.width1 input[type="url"], label.width1 input[type="password"], 
label.width1 input[type="date"], label.width1 input[type="search"]	{ width: 228px; }

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

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

label.width4 input[type="text"], label.width4 input[type="email"], label.width4 input[type="url"], label.width4 input[type="password"], 
label.width4 input[type="date"], 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="email"], label.unitx1 input[type="url"], 
label.unitx1 input[type="password"], label.unitx1 input[type="date"], label.unitx1 input[type="search"]	{ width: 39px; }

label.unitx2 input[type="text"], label.unitx2 input[type="email"], label.unitx2 input[type="url"], 
label.unitx2 input[type="password"], label.unitx2 input[type="date"], label.unitx2 input[type="search"]	{ width: 102px; }

label.unitx3 input[type="text"], label.unitx3 input[type="email"], label.unitx3 input[type="url"], 
label.unitx3 input[type="password"], label.unitx3 input[type="date"], label.unitx3 input[type="search"]	{ width: 165px; }

label.unitx4 input[type="text"], label.unitx4 input[type="email"], label.unitx4 input[type="url"], 
label.unitx4 input[type="password"], label.unitx4 input[type="date"], label.unitx4 input[type="search"]	{ width: 228px; }

label.unitx5 input[type="text"], label.unitx5 input[type="email"], label.unitx5 input[type="url"], 
label.unitx5 input[type="password"], label.unitx5 input[type="date"], label.unitx5 input[type="search"]	{ width: 291px; }

label.unitx6 input[type="text"], label.unitx6 input[type="email"], label.unitx6 input[type="url"], 
label.unitx6 input[type="password"], label.unitx6 input[type="date"], label.unitx6 input[type="search"]	{ width: 354px; }

label.unitx7 input[type="text"], label.unitx7 input[type="email"], label.unitx7 input[type="url"], 
label.unitx7 input[type="password"], label.unitx7 input[type="date"], label.unitx7 input[type="search"]	{ width: 417px; }

label.unitx8 input[type="text"], label.unitx8 input[type="email"], label.unitx8 input[type="url"], 
label.unitx8 input[type="password"], label.unitx8 input[type="date"], label.unitx8 input[type="search"]	{ width: 480px; }

label.unitx9 input[type="text"], label.unitx9 input[type="email"], label.unitx19 input[type="url"], 
label.unitx9 input[type="password"], label.unitx9 input[type="date"], label.unitx9 input[type="search"]	{ width: 543px; }

label.unitx10 input[type="text"], label.unitx10 input[type="email"], label.unitx10 input[type="url"], 
label.unitx10 input[type="password"], label.unitx10 input[type="date"], label.unitx10 input[type="search"]	{ width: 606px; }

label.unitx11 input[type="text"], label.unitx11 input[type="email"], label.unitx11 input[type="url"], 
label.unitx11 input[type="password"], label.unitx11 input[type="date"], label.unitx11 input[type="search"]	{ width: 669px; }

label.unitx12 input[type="text"], label.unitx12 input[type="email"], label.unitx12 input[type="url"], 
label.unitx12 input[type="password"], label.unitx12 input[type="date"], label.unitx12 input[type="search"]	{ width: 732px; }

label.unitx13 input[type="text"], label.unitx13 input[type="email"], label.unitx13 input[type="url"], 
label.unitx13 input[type="password"], label.unitx13 input[type="date"], label.unitx13 input[type="search"]	{ width: 795px; }

label.unitx14 input[type="text"], label.unitx14 input[type="email"], label.unitx14 input[type="url"], 
label.unitx14 input[type="password"], label.unitx14 input[type="date"], label.unitx14 input[type="search"]	{ width: 858px; }

label.unitx15 input[type="text"], label.unitx15 input[type="email"], label.unitx15 input[type="url"], 
label.unitx15 input[type="password"], label.unitx15 input[type="date"], label.unitx15 input[type="search"]	{ width: 921px; }

label.unitx16 input[type="text"], label.unitx16 input[type="email"], label.unitx16 input[type="url"], 
label.unitx16 input[type="password"], label.unitx16 input[type="date"], label.unitx16 input[type="search"]	{ width: 984px; }

label.unitx1 select					{ width: 45px; }
label.unitx2 select					{ width: 108px; }
label.unitx3 select					{ width: 171px; }
label.unitx4 select					{ width: 234px; }
label.unitx5 select					{ width: 297px; }
label.unitx6 select					{ width: 360px; }
label.unitx7 select					{ width: 423px; }
label.unitx8 select					{ width: 486px; }
label.unitx9 select					{ width: 549px; }
label.unitx10 select				{ width: 612px; }
label.unitx11 select				{ width: 675px; }
label.unitx12 select				{ width: 738px; }
label.unitx13 select				{ width: 801px; }
label.unitx14 select				{ width: 864px; }
label.unitx15 select				{ width: 927px; }
label.unitx16 select				{ width: 990px; }