/* //////  MAIN LAYOUT  //////// */

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
#bg_image { left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1; }
body { background: #dadada /*url('http://www.calendarproject.ca/images/203.png') top left*/; }
body.dark { background: #8E8075; }
p { font-size: 1.2em; line-height: 1.5em; text-rendering: optimizeLegibility; }

#wrapper {position: absolute; top: 3em; left: 50%; width: 940px; padding: 0 10px; min-height: 600px; margin-left: -480px; z-index: 2; }

#content { width: 940px; z-index: 3; /*background: rgba(255,255,255,0.4);*/ padding: 10px; float: left; margin-bottom: 4em; }

#content.common { width: 940px; padding: 0; margin-bottom: 5em; }

div#content.homepage { margin-top: 1em; padding: 0; width: 940px; /*background: rgba(255,255,255,0.6);*/ }

#site-id {height: 11.5em; margin-top: 2em; }

#idbackground {background: #dadada; background: rgba(218,218,218,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DADADA), to(#ADADAD)); width: 100%; height: 13em; position: absolute; top: 0; z-index: 1;}


/* TypeKit */
h1.tisakit, h1.proximakit, h1.nuvokit { font-size: 3.2em; font-weight: 500; line-height: 1.1em; color: #fff; /*padding-bottom: 0.3em; border-bottom: 2px solid #fff;*/ float: left; }

h3.proximakit { font-size: 1.6em; font-weight: 500; color: #fff; }
h3.home { clear: left; float: left; margin-top: 0.8em; font-size: 1.3em; }
div.homepage>div#site-id>h3.home {font-size: 1.2em;}
#intro h2.proximakit { font-size: 1.8em; font-weight: 600; color: #fff; margin: 1em 0; }

ul#months.proximakit li { font-size: 1.3em; letter-spacing: 1px; font-weight: 600; }

div.common h1.homelink a {color: rgb(255,51,51); text-shadow:0px 1px 1px #999999; }
div.common h1.homelink a:hover {color: rgb(200,51,51); text-shadow:0px 1px 1px #fff; }

p.proximakit {color:#6f6f6f; font-size:1em !important; margin-top:0.5em; }

/* //////  HOME PAGE  //////// */

h1.homelink {margin-left: -0.1em;}
h1.homelink a:link, h1.homelink a:visited { color: #eee; /*font-weight: normal;*/ }
h1.homelink a:hover { color: rgba(255,51,51,0.9); }
h1.homelink a:active { color: #eee; }

div.homepage>div#site-id {margin-top: 2.8em; }
div.common>div#site-id>h1.homelink { font-size: 2.5em; font-weight: normal; }
div.homepage>div#site-id>h1.homelink { font-size: 2.8em; font-weight: bold; }
div#banner { width: 940px; position: absolute; top: 0; left: 50%; margin-left: -470px; height: 240px; background: transparent /*rgba(0,0,0,0.6)*/; z-index: 25; }
div#bannerleft { width: 50%; height: 240px; position: absolute; top: 0; left: 0; background: url('../../images/18.png'); z-index: 25; margin-left: -470px; }
div#bannerright { width: 50%; height: 240px; position: absolute; top: 0; right: 0; margin-right: -470px; background: url('../../images/18.png'); z-index: 25; }
div#bannerwrap { position: absolute; top: 18%; left: 0; height: 240px; width: 100%; overflow: hidden; z-index: 24; }
#logo { width: 220px; height: 240px; background: transparent url('../../images/163.png') top left no-repeat; margin: 0; float: left; }
#siteintro {width: 688px; height: 240px; background: url('../../images/18.png'); float: left; overflow: hidden; padding-top: 3.4em; padding-left: 32px; }
#siteintro p {width: 553px; /*float: left;*/ font-size: 1.2em; line-height: 1.5em; color: #222; }
#siteintro p a:link, #siteintro p a:visited { text-shadow: 0 1px 1px #555 !important; }
#banner h1 { color: transparent; text-indent: -9999px; }
#banner h3 { font-size: 1.4em; float: left; margin-top: 60px; margin-left: 6px; color: #333; }
#home-month { /*position: absolute; top: 0; right: 0; width: 90px; height: 110px; text-align: center; background: transparent url('../../images/24.png') top left repeat; padding-top: 10px;*/ display: none; }
#home-month h3 { width: 100%; margin: 10px auto; font-weight: normal; color: #dfdfdf; }
#home-month h2 { width: 100%; margin: 10px auto 3px auto; font-weight: bold; font-size: 2.8em; color: #dfdfdf; }
#home-month h2.frenchmonth { font-size: 2.5em; letter-spacing: -1px; }
#home-month a:link, #home-month a:visited { display: block; position: absolute; top: 0; left: 0; width: 90px; height: 110px; background: transparent url('../../images/25.png') 0 83px no-repeat; text-indent: -9999px; }
#home-month a:hover { background-position: -90px 83px;  }

#topnav.homenav { width: 214px; background: transparent url('../../images/29.png') left bottom repeat-x; position: absolute; bottom: 2.8em; left: 0.6em; }
#topnav.homenav ul { width: 190px; background: transparent url('../../images/29.png') left top repeat-x; padding: 1.2em; 0.3em 0 0.3em; position: relative; top: 14.7em; text-align: center; }
#topnav.homenav ul li a:link { color: #444; text-shadow: none; font-weight: 400; }
#topnav.homenav ul li a:visited { color: #444; text-shadow: none; font-weight: 400; }
#topnav.homenav ul li a:hover { color: #fff; text-shadow: none; font-weight: 400; }
#topnav.homenav ul li a:active { color: #444; font-weight: 400; }


/* //////  NAVIGATION  //////// */

/* left navigation */
#leftnav { clear: left; float: left; margin-top: 4.8em; width: 304px; margin-right: 14px; min-height: 250px; }
ul.sectionmenu { width: 100%; float: left;}
ul.sectionmenu li { font-size: 1.7em; color: #000; margin:0; padding: 0.5em 0.5em 0.5em 0; /*display: inline;*/ border-bottom: 1px solid #fff; }
/* light links */
ul.sectionmenu li a { display: block; color: #fff; }
ul.sectionmenu li a:hover { color: #ddd; color: rgba(255,255,255,0.6); }

/* TOPNAV */
#topnav {position: absolute; top: 2.3em; left: 32.9em; }
ul.topnav { float: left; padding: 0.5em 0 0 0;}
ul.topnav li, ul.topnav li a { font-size: 1.2em; color: #fff; margin:0; padding: 0 0.65em 0 0; display: inline; text-shadow:0px 1px 1px #999999; font-weight: 500; }
ul.topnav li a:hover { color: #777777; text-shadow:0px 1px 1px #fff; }
.topactive a { color: #777777 !important; text-shadow:0px 1px 1px #fff !important; }

ul#aboutsub { clear: left; float: left; margin-top: 0.4em; }
ul#aboutsub li, ul#aboutsub li a { font-size: 1.1em; color: #fff; margin:0; padding: 0 0.6em 0 0; display: inline; text-shadow:0px 1px 1px #999999; font-weight: 500; }
ul#aboutsub li a:hover { color: #777777; text-shadow:0px 1px 1px #fff; }

.homepage #site-id #topnav ul.topnav {background: rgba(255,255,255,0.5);}

/* LANGUAGE MENU */
#lang { float: right; margin: 0.8em 0 0 0; padding: 0; z-index: 80; width: 46px; background: #999; background: rgba(50,50,50,0.5); padding: 2px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-align: center; }
ul.l10n_lang_list { margin: 0; overflow: hidden; }
ul.l10n_lang_list li { float: left; padding: 0 5px 1px 5px; font-size: 11px; color: #fff; border-right: 1px solid rgba(255,255,255,0.3); letter-spacing: 1px; font-weight: bold; }
ul.l10n_lang_list li a { color: #fff; }
ul.l10n_lang_list li.l10n_current { color: #ddd; font-weight: normal; }


/* //////  INTRO  //////// */

#intro { width: 622px; /*height: 400px;*/ clear: both; /*float: right;*/ overflow:hidden; background: rgba(255,255,255,0.6); }
/*#intro h2 { font-size: 1.6em; font-weight: normal; color: #000; text-align: center; width: 100%; padding: 0.5em 0; border-top: 2px dotted #444; border-bottom: 2px dotted #444; margin-top: 1em; }*/
#intro p.info {width:304px; float: left; margin-right:14px; font-size: 1.3em; /*color: #fff;*/ color: #000; line-height: 1.4em; /*text-shadow:0px 2px 2px #333333;*/ }
.flushright { margin-right: 0 !important; padding-right: 0 !important; }
.inlinebackground { background: rgba(0,0,0,0.5); padding: 0.3em 0; line-height: 1.64em; }


/* //////  FOOTER  //////// */

#footernav { background: #333; background: transparent url('../../images/24.png') left top repeat; background: rgba(0,0,0,0.6) url('../../images/26.png') left top repeat-x; /*border-top: 1px solid #333;*/ bottom: 0em; height: 50px; left: 0px; position: fixed; right: 0px; width: 101%; z-index: 500; }

ul#months { /*position: relative; left: 50%; top: 1.5em;*/ width: 960px; /*margin-left: -480px;*/ float: left; margin-top: 1.5em; margin-left: 50%; text-indent: -480px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.2em; letter-spacing: 1px; }
ul#months li { text-transform: uppercase; float: left; width: 60px; padding: 0 10px 0 10px; background: transparent; color: #727272; color: rgba(255,255,255,0.4); font-weight: bold; }

ul#months li a:link, ul#months li a:visited { color: #eee; }
ul#months li a:hover { color: #787878; color: rgba(255,255,255,0.5); }
ul#months li a:active { color: #eee; }




/*///////// ARCHIVES //////////*/

#months {float: left; margin-bottom: 8em; }
#months div.divwrap {width: 954px; margin-left: -14px; margin-bottom: 3em; display: inline; float: left;}
div.month { width: 300px; padding-right: 4px; float: left; margin-left: 14px; }
div.month h2 { float: left; width: 100px; height: 300px; padding-top: 10px; margin-right: 10px; margin-top: 0; border-top: 3px solid #777; }
div.month p { font-size: 1.1em; margin-top: 1em; line-height: 1.4em; }
p.location { font-family: Consolas, Menlo, 'Courier New', Courier, monospaced; padding: 1.4em 2.1em; display: inline-block; margin: 0.7em 0; line-height: 2.1em !important; color: rgb(40, 115, 185); background: #fff; }
.singlecol-right ul { list-style-type: none; }
.singlecol-right>ul>li>a:link, .singlecol-right>ul>li>a:visited { display: block; padding: 1em 0.6em; border-bottom: 1px solid #ccc; font-size: 1.2em; margin: 0; }
.singlecol-right>ul>li>a:hover { color:#cc1111; }
.fixedright { width: 304px; position: fixed; left: 50%; margin-left: 166px;  }
.fixedright h2 {margin-bottom: 0 !important; }
.smallquote { font-size: 1.05em !important; color: #777; line-height: 1.5em !important; }
h3 { font-size: 1.3em; margin: 0.7em 0; }
h3.credits { font-size: 1.3em; margin: 0.7em 0; float: left; border-bottom: 1px solid #5a5a5a; clear: left; }
p.credits { clear: left; line-height: 1.75em; }
p.datesblock { float: left; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; padding-top: 0.9em; padding-bottom: 1em; margin-bottom: 1.5em; }
div.monthbody {width: 399px; margin-right: 14px; padding-right: 4px; float: left; }
div.monthinfo { width: 175px; float:right; background: #999; background: rgba(0,0,0,0.36); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; }
div.monthinfo h2 { color: rgb(240,240,240); text-shadow:0px 1px 1px #777777; margin-top: 0; margin-bottom: 1em; }
div.monthinfo dt { font-size: 1.2em; color: rgb(255, 51, 51); font-weight: bold; margin-bottom: 0.2em; text-shadow:0px 1px 1px #777777; }
div.monthinfo dd { font-size: 1.1em; color: rgb(240,240,240); margin-bottom: 1em; }

#map_canvas {width:175px; height:160px; clear: both; margin: 1.5em 0 0 0; padding: 0; }

div.monthvideo { width: 195px; float:right; background:transparent; padding: 0; }
.month-wide { width; 594px; }
blockquote.smallquote { margin-bottom: 1.4em; }
p.info { background: transparent url('../../images/67.png') left 0.1em no-repeat; padding-left: 3em; }

/* photowall */
#photowall img { margin: 4px 4px 0 0; border-radius: 5px; -moz-border-radius: 5px !important; -webkit-border-radius: 5px; }

/* COMMON */

.common #site-id { height: 10em; margin-top: 2em; }
.noborder {border: 0 !important; }
.common h2 { font-size: 1.7em; margin: 0.5em 0 0.5em 0; padding-bottom: 0.5em; /*border-bottom: 1px solid #aaa;*/  }
hr.short { display: block; position: relative; padding: 0; margin: 2em 0 0 0; height: 0; max-height: 0; width: 150px; clear: both; border: none; border-top: 1px solid #AAA; border-bottom: none; font-size: 1px; line-height: 0;}
hr.short + p { margin-top: 2em; }
hr.inset { display: block; position: relative; padding: 0; margin: 12px auto 8px auto; height: 0; max-height: 0; width: 100%; clear: both; border: none; border-top: 1px solid #AAA; border-bottom: 1px solid #FFF; font-size: 1px; line-height: 0;}
h3.top { clear: left; float: left; margin-top: 0.5em; font-size: 1.2em; width: 220px; color: /*#9f9f9f*/ #888; }
h3.common { clear: left; float: left; margin-top: 0.5em; font-size: 1.3em; }
div.clear { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; clear: both; }
p {margin-bottom: 1.4em;}
sup { line-height: 0; }
p.footnote { padding-top: 1em; border-top: 1px solid #aaa; margin-top: 1.5em; }
p.footnote sup { font-weight: bold;}
blockquote.flushbq p { margin-left: 0; margin-bottom: 0.7em; }
.minus { text-indent: -9999px; }



/* ///////////// ABOUT /////////////// */
#collaborators { float: left; margin-bottom: 8em;}
#collaborators div { width: 300px; margin-left: 14px; float: left; display:inline; }
#collaborators div.divwrap {width: 954px; margin-left: -14px; margin-bottom: 3em;}
div.divwrap div { padding-right: 4px; margin-bottom: 2em; }
#collaborators h3, .doublecol-left h2, .singlecol-right h2 { clear: left; font-size: 1.5em; margin: 0.8em 0 1.2em 14px; padding-bottom: 0.5em; text-shadow:0px 1px 0px #FFFFFF; border-bottom: 1px solid #aaa; }
.doublecol-left h2, .singlecol-right h2 { margin-left: 0; } 
#collaborators div p, .doublecol-left p, .singlecol-right p {clear: left; font-size: 1.2em; line-height: 1.5em; }
#collaborators h4 { float: left; font-size: 1.3em; margin: 0 0.5em 0.5em 0; text-shadow:0px 1px 0px #FFFFFF; }
div.details {float: left; width: auto !important; font-size: 1.1em; margin-top: 0.2em; margin-left: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
.doublecol-left { width: 612px; padding: 0 10px 0 0; float: left; margin-bottom: 6em; }
.singlecol-right { width: 304px; float: right; }
p.seasons { margin-left: -1em; padding: 0; }
p.seasons img { margin: 0.5em 0 0.5em 1em; padding: 0; }
.divwrap>h2 { margin-left: 14px;  }
#thanks { margin-top: 2em; }
.twothirds { width: 622px; }
.onethird { width: 304px; float: right; }



/* WRITINGS */

#fullbody { width: 542px; padding: 40px 40px; float: left; background: #fff; border-top: 1px solid #e4e4e4; }
#fullbody p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.6em !important; color: #5a5a5a; }
#fullbody h2 { color: #555555; font-size: 14px; line-height: 17px; margin-bottom: 17px; margin-top: 0; padding-bottom: 0; font-weight; 500;}
#chronolist { width: 304px; position: fixed; /*top: 15em;*/ left: 50%; /*margin-left: 166px;*/ margin-left: 196px; margin-top: -2.1em; }
#chronolist ul { list-style-type: none; }
/*#chronolist ul li { height: 1.5em;  }*/
#chronolist>ul>li>a:link, #chronolist>ul>li>a:visited { display: block; width: 100%; padding: 0.6em; border-top: 1px solid #ccc; font-size: 1.2em; margin: 0; }
#chronolist>ul>li>a:hover { color:#cc1111; }
div.letterbody { /*background: url('../../images/12.gif') top left repeat;*/ padding-bottom: 1.6em; }
div.fullletter { padding-bottom: 3em; margin-bottom: 4em;}
.letterbody ul, .letterbody ol { font-size: 1.2em; line-height: 1.6em; padding-left: 2em; margin-bottom: 1.6em; color: #5a5a5a; }
.letterbody ol { list-style-type: decimal; padding-left: 3em; }
#introwritings { width: 622px; font-size: padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
#introsingletext { width: 622px; font-size: padding-bottom: 10px; margin-bottom: 20px; float: left; }
#introsingletext h2 { font-size: 1.4em; margin: 0 0.5em 0.5em 0; text-shadow:0px 1px 0px #FFFFFF; }
a:link span.details, a:visited span.details { font-size: 0.9em !important; color: #666 !important; white-space:normal; }
#writings-reg { float: left; width: 622px; margin-bottom: 3em; }
#writings-reg h2 { float: left; font-size: 1.4em; margin: 0 0.5em 0.5em 0; text-shadow:0px 1px 0px #FFFFFF; }
#writings-reg p { clear: left; }
#writings-reg div.details { font-size: 1em; }
div.pagejump { height: 68px; background: #fff url('../../images/28.png') left top repeat-x; width: 622px; margin-left: -40px; /*margin-bottom: 1.7em;*/ }
blockquote { margin: 0; padding: 0; }
blockquote p { margin-left: 20px; font-family: Georgia, 'Times New Roman',Times, serif; font-style: italic; font-size: 1.25em!important; line-height: 1.6em; margin-bottom: 0; color: #555!important; }

/*  TESTING   */
/*p { font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-size: 1.3em !important; line-height: 1.5em !important; text-rendering: optimizeLegibility; }*/


/*///// ZEM CONTACT /////*/
textarea.zemTextarea, #Email, #Courriel { background: #e2e2e2; border: 1px solid #d2d2d2; overflow: auto; padding: 3px; color: #666 !important; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 12px; line-height: 16px; }
#Email, #Courriel { width: 15em; margin-bottom: 0.5em; }
label.zemRequired { display: block; font-size: 1.1em; margin: 0.5em 0; font-weight: bold;}
input.zemSubmit { display: block; margin-top: 1em; }
fieldset {width: 304px;}
legend { display: inline; width: 304px; font-size: 1.1em; white-space:normal; line-height: 1.36em; }
.zemThanks { font-size: 1.1em; white-space:normal; line-height: 1.36em; }


a.iframe:link, a.iframe:visited { color: #a66; }
p.minicredits, .minicredits { font-size: 10px !important; line-height: 14px; margin-top: 2em; padding-top: 1em !important; border-top: 1px solid #d1d1d1; color: #999 !important; }
sup a:link, sup a:visited { color: inherit; }

span.minicredits { border-top: 0; color: inherit !important; }
span.extrainfo { color: #C11; }
.small {font-size: 90%!important; }
.caption { padding: 0 0.5em; }
.notrace {display: none;}
.rightpad {margin-right: 20px;}