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

/******************** Base ********************/
body											{ font-family: 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, 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; }
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, figure, section, footer					{ display: block; }

/* Debug */
.debug											{ outline: solid gold 1px; }
.debug-background								{ background: rgba(255, 215, 0, 0.2) !important; }/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5
*/

/******************** 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; }/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5
*/

/******************** 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; }/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5
*/

/******************** 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; }
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; }
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; }#page {
    margin: 0 auto 36px auto;
}

.expl {
    border-bottom: 1px dashed #8E99A4;
}

.count {
    display: block;
    clear: both;
    float: right;
}

h4 .count * {
    font-size: 10px;
}

h2 .count * {
    font-size: 18px;
}

h2 .count {
    line-height: 29px;
}

.count * {
    padding: 4px 5px 4px 5px;
    background: #cd2c1d;
    color: #F4F4F4;
    text-shadow: none;
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    border: none;
}

.count *:hover {
    background: #d14539;
}

.no-textlink {
    border: none;
}

.no-textlink:hover {
    border: none;
    background: none;
}

.margin-top {
    margin-top: 18px;
}

.images {
    margin-left: 0;
}

.images li {
    float: left;
    display: block;
}

.images div, img.zoom {
  opacity: .7;
  -webkit-transition: opacity 0.3s ease-in-out, border 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, border 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
}

.images div {
  margin: 9px 18px 9px 0;
  height: 80px;
  width: 80px;
  background-size: 80px;
}

.images div.wide {
    background-size: auto;
}

.images div:hover, img.zoom:hover {
    opacity: 1.0;
    -webkit-transform: scale(1.3) rotate(2deg);
    -moz-transform: scale(1.3) rotate(2deg);
}

.top-album {
    opacity: .7;
    -webkit-transition: opacity 0.5s ease-in-out, border 0.2s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out, border 0.2s ease-in-out, -moz-transform 0.4s ease-in-out;
}

.top-album:hover {
    opacity: 1.0;
    -webkit-transform: scale(1.2) rotate(1deg);
    -moz-transform: scale(1.2) rotate(1deg);
}

.bordered img, img.bordered, .bordered div {
    border: 1px solid #8E99A4;
}

.bordered img:hover, img.bordered:hover {
    border: 1px solid #1F4E6D;
}

.listing {
    list-style-type: none;
    margin-left: 0;
}

.listing li + li {
    padding-top: 18px;
}

#greeting {
    font-weight: bold;
}

em {
    font-family: Georgia, serif;
    word-spacing: 2px;
}

.quote {
    font-family: Georgia, serif;
    font-style: oblique;
    letter-spacing: 1px;
    word-spacing: 3px;
}

.quote a {
    font-variant: small-caps;
}

h4, h5 {
    color: #8E99A4;
    font-weight: normal;
}

h5 {
  word-spacing: 2px;
}

h4 {
    line-height: 24px;
}

h3 {
    color: #1F4E6D;
    font-weight: bold;
}

p, li, h1, h2, h3, h4, h5, h6, label {
    color: #303438;
    text-shadow: white 1px 1px 1px;
}

h4 a {
    color: #cd2b1d;
    border-bottom: 1px solid #cd2b1d;
}

h4 a:hover {
    border-bottom: 1px solid #8E99A4;
}

a, h2.quote a {
    -webkit-transition: color 0.2s ease-in-out, text-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
    -moz-transition: color 0.1s ease-in-out, text-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
    color: #1F4E6D;
    text-decoration: none;
    border-bottom: 1px solid #1f4e6d;
}

a:hover {
    color: #8E99A4;
    text-shadow: none;
    background: white;
}

h1 a, h3 {
    color: #8E99A4;
    font-weight: bold;
    border-bottom: none;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    background-size: 100%;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
}

body.lecorbusier {
    background-image: url(../img/lecorbusier.jpg);
}

body.bauhaus {
    background-image: url(../img/bauhaus.jpg);
}

.spacer {
    padding-top: 54px;
}

.listing dd {
    display: block;
    float: left;
    margin-right: 4px;
    clear: both;
}

.listing dt {
    display: inline-block;
}

.more {
    font-size: 99%;
    line-height: 0;
}

.small {
    font-size: 85%;
    line-height: 100%;
}

[title] {
    cursor: help;
}

#tooltip {
    position: absolute;
    color: #f4f4f4;
    max-width: 220px;
    padding: 5px;
    border-radius: 0 8px 8px 8px;
    background: #1F4E6D;
    opacity: .95;
    text-shadow: none;
    z-index: 10;
}

::selection, ::-webkit-selection, ::-moz-selection {
    color: #F4F4F4;
    background: #1F4E6D;
    text-shadow: none;
    opacity: 1;
}

.force80 {
    width: 80px;
    height: 80px;
}

pre, pre code, code {
  white-space: pre;
  font-family: Consolas, Courier, monospace;
}

code {
  background: white;
}

pre {
  padding: 9px;
  margin: 9px 0 9px 0;
  background: white;
  overflow: hidden;
}

blockquote p {
  font-size: 18px;
  line-height: 22px;
  font-family: Georgia, serif;
  padding: 10px 0 10px 20px;
}

.content p + p {
  text-indent: 0;
  margin-top: 18px;
}

.content ul {
  list-style-type: square;
  margin-left: 18px;
}

.content ol {
  list-style-type: upper-roman;
  margin-left: 18px;
}

.content h3 {
  margin-top: 27px;
}

.date abbr {
  text-transform: none;
}

ol.comments {
  margin-left: none;
  list-style-type: none;
}

ol.comments li {
  padding: 9px;
}

ol.comments p {
  margin-top: 9px;
}

ol.comments .self {
  border-left: 3px solid #8E99A4;
}

ol.comments .self h5 {
  font-weight: bold;
}

input[type="text"], input[type="url"], input[type="email"], textarea, input[type="submit"] {
  font-size: 18px;
  font-weight: normal;
}

.notice {
  border: 1px solid #CD2C1D;
  padding: 9px;
  background: white;
}

.preview {
  background: white;
}

input[type="submit"] {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color:#ededed;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}

input[type="submit"]:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}

input[type="submit"]:active {
  position:relative;
  top:1px;
}

.avatar {
  float: right;
}

ol.comments, ol.trackbacks {
  margin-left: 0;
}

.right {
  text-align: right;
}

[data-img-src=inst] {
  border: 1px solid transparent !important;
}

input.save {
  -moz-box-shadow:inset 0px 1px 0px 0px #d15e54;
  -webkit-box-shadow:inset 0px 1px 0px 0px #d15e54;
  box-shadow:inset 0px 1px 0px 0px #d15e54;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cd2c1d), color-stop(1, #d15e54) );
  background:-moz-linear-gradient( center top, #cd2c1d 5%, #d15e54 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd2c1d', endColorstr='#d15e54');
  background-color:#cd2c1d;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #d14639;
  display:inline-block;
  color:#3b3b3b;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #e87e76;
}

input.save:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d15e54), color-stop(1, #cd2c1d) );
  background:-moz-linear-gradient( center top, #d15e54 5%, #cd2c1d 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d15e54', endColorstr='#cd2c1d');
  background-color:#d15e54;
}

input.save:active {
  position:relative;
  top:1px;
}

p strong {
  font-variant: small-caps;
  font-weight: 600;
}

.you {
    font-family: Georgia, serif;
    font-size: 110%;
    font-variant: small-caps;
    letter-spacing: 1px;
}

.amp {
    font-family: Georgia, serif;
    font-size: 110%;
    letter-spacing: 1px;
}
/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5
*/

/******************** 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="email"],
input[type="url"],
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; }
/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5.3
*/

/******************** Grid ********************/
#page				{ width: 990px; position: relative; } /* 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; }
.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; }

/******************** 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, th.unitx1			{ width: 108px; }
th.unitx2, td.unitx2			{ width: 234px; }
th.unitx3, td.unitx3			{ width: 360px; }
th.unitx4, td.unitx4			{ width: 486px; }
th.unitx5, td.unitx5			{ width: 612px; }
th.unitx6, td.unitx6			{ width: 738px; }
th.unitx7, td.unitx7			{ width: 864px; }
th.unitx8, td.unitx8			{ 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		{ 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="url"], label.width1 input[type="email"], 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="url"], label.width2 input[type="email"], 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="url"], label.width3 input[type="email"], 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="url"], label.width4 input[type="email"], 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="url"], label.unitx1 input[type="email"], 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="url"], label.unitx2 input[type="email"], 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="url"], label.unitx3 input[type="email"], 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="url"], label.unitx4 input[type="email"], 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="url"], label.unitx5 input[type="email"], 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="url"], label.unitx6 input[type="email"], 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="url"], label.unitx7 input[type="email"], 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="url"], label.unitx8 input[type="email"], 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; }