/* =INITIAL   v2.1,
 by Faruk Ates - www.kurafire.net
 Addendum by Robert Nyman - www.robertnyman.com
 Addition by Christian Montoya - www.christianmontoya.net */
html, body, form, fieldset, div { margin: 0; padding: 0; }
h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
h1 {	margin: 0;}
li, dd, blockquote { margin-left: .75em;}
form label { cursor: pointer; } 
fieldset {border: none;} 
input, select, textarea { font-size: 100%; font-family: inherit;}
ol, ul { list-style: none;}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
	display: block;
}
/* Couleurs à adapter selon votre charte */
/*  */

/* Les éléments HTML en général
-------------------------------------------------------- */

/*sticky footer layout---------------------*/
html, body#archive-p, body#mail-p, .page {height: 100%;}

body > .page {height: auto; min-height: 100%;}

#main {padding-bottom: 16em;}  /* must be same height as the footer */

body > footer {position: relative;
	margin: -16em auto 0;  /*negative value of footer height */
	height: 15em;
	clear:both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}


.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
html, body#archive-p, body#mail-p{height: 100%;}  /*sticky footer layout*/
body > .page {height: auto; min-height: 100%;} /*sticky footer layout*/

/*end sticky footer layout---------------------*/
html{
	font-size: 100%;
	text-align: center;
	background: #fff;
}

body{
	width: 100%; 
	min-width: 760px; max-width: 1145px;
	background: #2c261c url(img/dock_NY_web.jpg)  top center no-repeat;
	margin: 0 auto;
	padding:0;
	/* Helvetica/Arial-based sans serif stack */
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	text-align: left;
	font-size: 0.875em;
	line-height: 1.4em; 
	color: #444;
}
/* .page h1{font-family:  "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L",Georgia,  serif;}
h2, h3, h4{
	font-size: 1.333em;
} */
img, a img{
	border: none;
}
a {text-decoration: none; font-weight: bold;color: #5f5f5f; font-size: 1.25em; padding: 1px 2px; }

a:hover {background: white;}
/*a:visited {color: #000;}
a:active {color: #000;}
  input, textarea, select, button, {border: 1px solid #000;}
code {position: relative; display: block;}
.opaque {position: absolute; top:0; left:0;
	background: white url(img/white-bkg.png); opacity: 1;
	width: 100%;}
*/

.big-blok, pre, code {
	background: white;
	padding: 0 .5em;
}
.big-blok, pre{overflow: auto;  }
.big-blok{max-height: 20em;}
pre , code { max-height: 10em;
	font-family: "DejaVu Sans Mono",Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter",  "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size: 0.78em;
	line-height: 1.28em; 
}

/* Opera ne comprend toujours pas :lang() */
*[lang="en"] {
  quotes:"\201C" "\201D" "\2018" "\2019";
}
*[lang="fr"] {
  quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";
}

/* pour les navigateurs qui supportent le selecteur :lang() */
:lang(en) {
  quotes:"\201C" "\201D" "\2018" "\2019";
}
:lang(fr) {
  quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D"; 
 /*  quotes:"\00AB\2009" "\2009\00BB"; avec thinsp; ne marche pas dans FF*/
}
ul.bullet li {padding-left: 20px; background: url(img/puce-liste.gif) left 2px no-repeat;}

.left{float: left;}
.right{float: right;}
.center{margin: 0 auto;}
.clearer{clear: both;}
.relative{position: relative;}
.absolute{position: absolute;}
.block {display: block;}
.col20, .col30,.col25, .col35, .col40, .col50{margin: 1em 0 0;}
.col50{width: 50%;}
.col40{width: 40%;}
.col30{width: 30%;}
.col35{width: 35%;}
.col20{width: 20%;}
.col25{width: 25%;}
.m-b-2 {margin-bottom: 2em;}

.pict {margin: 0 1em 1em;padding: 10px;
	background: #efe8e8; border: 1px solid white; }
figure img, .pict img  {display: block;}
figure.center img {margin: 0 auto;}
p.fig-legend {margin: .75em auto;text-align: center;
	letter-spacing: 1px;font: small-caps bold 1.25em/70% Delicious; 
}

.text-img {
	position: absolute; font-family: "Bitstream Vera Sans Mono";}
.white-bkg{  background: white;opacity: .8; padding: .25em;}
ol.num {list-style: decimal inside;}
/* section .page header
-------------------------------------------------------- */

div.page>header h1 {position: relative;}
div.page>header h1 img{margin: 1em 0 0 .85em;}

/* section MAIN layout + date
-------------------------------------------------------- */

section#main {margin: 0 auto 1.5em; max-width: 760px;}

section#main #posts-list, section#main.archive nav, #mail-p #main {margin-top: -360px;}

section#main #posts-list>li, section.archive nav , #mail-p #main #msg{
	margin: 1em 0 0 15%;
	background: url(img/white-trans-bkg.png);
	position: relative;
	}

/* section#main #posts-list>li article {overflow: auto;}
 */
section#main #posts-list li .dateheader { 
	left: -8em; position: absolute; top: 0; width: 7em;
	background: url(img/bkg-date.png); padding: 2px;
	border-bottom: 1px solid white; border-right: 1px solid white;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: .25em .25em .5em #818181;
	-webkit-box-shadow: .25em .25em .5em #818181;
	-moz-box-shadow: inset .25em .25em .5em #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=.25em , offY=.25em , positive=true);} 
	
section#main #posts-list li .dateheader li{margin-left:2px; padding:0; color: #5f5f5f;}

.day-d, .month-d {font-family: Delicious; font-weight: bold;}
.day-d { font-size: 4em ;}
.month-d {font-size: 3em;
	margin: .25em 1em 0 0;}
.yr-2009, .yr-2010, .yr-2011, .yr-2012, .yr-2013, .yr-2014, .yr-2015, .yr-2016{text-indent: -9000px; overflow: hidden; 
	width: 26px; height: 70px; 
	margin-top: -2px;}
.yr-2009 {background: url(img/date-year.png) 0 -2px no-repeat;  }
.yr-2010 {background: url(img/date-year.png)  0 -70px no-repeat;  }
.yr-2011 {background: url(img/date-year.png)  0 -140px no-repeat;  }
.yr-2012 {background: url(img/date-year.png)  0 -210px no-repeat;  }
.yr-2013 {background: url(img/date-year.png)  0 -280px no-repeat;  }
.yr-2014 {background: url(img/date-year.png)  0 -350px no-repeat;  }
.yr-2015 {background: url(img/date-year.png)  0 -420px no-repeat;  }
.yr-2016 {background: url(img/date-year.png)  0 -490px no-repeat;  }

/* section MAIN  Content
-------------------------------------------------------- */

section#main #posts-list li .entry-content, #mail-p #main #msg{padding: .3em 2em 1em;}
h2.entry-title {padding-top: .5em;}
section#main #posts-list li .entry-content .spaced-item li{padding-bottom: .5em;}
li .entry-content .spaced-item {overflow: auto;}
li .entry-content .spaced-item li{clear: both;}
p.vimeo-vid{width: 420px; text-align: center;}

/* .nomargin-img figure.pict {margin:0;} */

/* section FOOTER
-------------------------------------------------------- */
body > footer {max-width: 760px;
	background: #9f8a61; opacity: .8;
	border-top: 1px solid #a79166; border-right: 2px solid #dbbe86;
	border-top-right-radius: 18px; border-top-left-radius: 18px;	
	-moz-border-radius-topright: 18px; -moz-border-radius-topleft: 18px;
	-webkit-border-top-right-radius: 18px;-webkit-border-top-left-radius: 18px;
	box-shadow: .25em .25em .5em #6b5854;
	-moz-box-shadow: inset .25em .25em .5em #6b5854;
	-webkit-box-shadow: .25em .25em .5em #6b5854;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#6b5854, offX=.25em , offY=.25em , positive=true);
	color: #ccc;}

body > footer a{color: #ccc;}

body > footer > ol >li{
	width: 31%; height: 14em;
	float: left; margin-left: 1em;
	border-right: 1px solid #6b5854;}
body > footer  > ol >li:last-child{border:none;}
body > footer aside h2{padding-top: .5em;}
body > footer aside.contact-form legend{
	text-indent:-9000px; overflow: hidden; 
	height: 1px; margin-top: -2em;} 

/* section Archive
-------------------------------------------------------- */
#archive-p h1 a:hover {background: none;}
/* .archive ul{overflow: auto;} */
.archive time{float: left;}
.archive li{margin-bottom: .75em;}
.archive .headlines-title{margin: 0 0 0 7em; display: block;}


/* content about
-------------------------------------------------------- */
ul#browser-list li a {padding-left: 30px; 
	background-repeat:no-repeat; background-position: left center ;}
ul#browser-list li span:hover {background: white;}
a[title="firefox"]{background: url(img/firefox-icon.png);}
a[title="opera"]{background: url(img/opera.png);}
a[title="safari"]{background: url(img/safari-alt.png); }
a[title="chrome"]{background: url(img/chrome.png); }

/* page mail
-------------------------------------------------------- */
body#mail-p > footer{background: none; border: none;}