/*
 Luc Sorel's website, inspired by nodethirtythree design
 http://www.nodethirtythree.com
*/

*
{
 padding: 0px;
 margin: 0px;
}

body
{
 /*background: #F9F9F7 url('a1.gif') repeat-x scroll 0px 0px;*/
 background: #F9F9F7 url('a1.gif') repeat-x center top;
 font-size: 11px;
 font-family: Verdana, "trebuchet ms", helvetica, sans-serif;
 color: #666655;/*8C8C73;*/
 line-height: 18px;
}

/* <Download> */
div.download-left {
 border-width:0px;
 width:102px;
 padding-top: 12px;
 height:45px;
 float:left;
 background: url('download-left_dark.png') left no-repeat;
}
div.download-right {
 border-width:0px;
 padding-top: 12px;
 margin-left: 102px;
 height:45px;
 background: url('download-right_dark.png') right repeat-x;
}
div.download-right div.download-note {
 display: inline;
 border-width:0px;
 font-size: smaller;
 font-style: italic;
 margin-left: 5px;
}
kbd {
 /*inspired from http://www.tanfa.co.uk/css/borders/keyboard.css*/
 font-family: arial,helvetica,sans-serif;
 border-width: 1px 3px 4px 2px;
 border-style: solid;
 border-color: #ccc #aaa #888 #bbb;
 padding: 1px 3px;
 white-space: nowrap;
 color: #555;
 background:#eee;
}
/* </Download> */
.command, .command_arg
{
 font-family: monospace;
 font-size: 10px;
 color: black;
 background:#eee;
 line-height: 11px;
 text-align:left;
}
.command_arg
{
 font-weight:bold;
 color: green;
}
sup
{
 font-size: 0.5em;
}
p
{
 margin-bottom: 6px;/*14*/
 text-align: justify;
}
p.nomarginbottom
{
 margin-bottom: 0px;
}
p.pageupdate{
 text-align: right;
 font-style: italic;
 margin-top: 20px;
 margin-bottom: 0px;
}
ul
{
 text-align: justify;
}

/* Curriculum page styles */
p.cv-section
{
 margin: 10px 0px 0px 0px;
 font-weight: bold;
 font-size: 14px;
 padding: 2px 0px 2px 10px;
 border-width: 1px;
 border-color: #198a8a;/*339999*/
 border-style: dotted;
}
p.cv-section:first-letter
{
 font-size: large;
 color: #b84747;
}

/*tables used in the curriculum page*/
table.cv-section
{
 margin: 0px 20px 0px 20px;
 font-size:11px;
}
table.cv-section td.competence
{
 text-align: right;
 font-weight: bold;
 vertical-align: top;
}
table.cv-section td.example
{
 text-align: left;
 padding-left: 5px;
 vertical-align: top;
}
 table.cv-section td.year
{
 vertical-align: top;
}
table.cv-section td.jobtitle
{
 font-style: italic;
 font-weight: bold;
 padding-left: 5px;
 vertical-align: top;
}
table.cv-section td.length
{
 font-style: italic;
 vertical-align: top;
 padding-bottom: 5px;
}
table.cv-section td.lengthmiddle
{
 font-style: italic;
 padding-left: 5px;
 vertical-align: top;
}
table.cv-section td.type
{
 font-style: italic;
 vertical-align: top;
}
table.cv-section td.jobdescription
{
 padding-left: 5px;
 text-align: justify;
 padding-bottom: 5px;
 vertical-align: top;
}
.legend
{
 font-size: 11px;
}
*.right
{
 float: right;
 margin: 0px 0px 0px 10px;
}
*.left
{
 float: left;
 margin: 0px 10px 0px 0px;
}
*.center
{
 display: block;
 margin-left: auto;
 margin-right: auto
}
*.vam{vertical-align:middle;}

ul.linklist
{
 list-style: none;
}

ul.linklist li
{
 border-top: solid 1px #EEEEEE;
 padding-top: 5px;
 margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
 border-top: 0px;
 margin-top: 0px;
 padding-top: 0px;
}

#upbg
{
 position: absolute;
 top: 0px;
 left: 0px;
 background: #fff url('sides_top.gif') no-repeat;
 width: 747px;
 height: 264px;
 z-index: 1;
}

#outer
{
 position: relative;
 width: 747px;
 margin: 0 auto;
 background: #fff url('sides.gif') repeat-y;
}

#inner
{
 position: relative;
 padding: 13px 30px 13px 30px;
 z-index: 2;
}

#loading
{
 position: absolute;
 padding: 60px 0px 0px 20px;
 z-index: 2;
}

#header
{
 position: absolute;
 background: #830202 url('header.png') repeat-x;
 width: 202px;
 height: 92px;
 color: #fff;
 padding-left: 10px;/*20px*/
}

#header span
{
 font-weight: normal;
}

#header h1
{
 font-size: 10px;
}

#calendar
{
 position: absolute;
 height: 92px;
 width: 70px;
 top: 0px;
 right: 0px;
 /*background:transparent url('calendar_newyear-small.png') no-repeat top right;*/
 /*background: url('calendar_easter-small.png') top left;*/
 /*padding: 70px 0px 0px 80px;*/
 z-index: 10000;
}

#webscape
{
 text-align: left;
 font-size: 23px;
 font-weight: bold;
 position: absolute;
 top: 35px;
 height: 92px;
 line-height: 1.2em;
 letter-spacing: -1px;
 padding-left: 10px;/*20px*/
}

#webscape a
{
 color: #fff;
 text-decoration: none;
}

#header sup
{
 color: #FCE2CA;
}

#splash
{
 position: absolute;
 right: 30px;
 background: #cadce2 url('header_splash.jpg') repeat-x;
 width: 458px;
 height: 92px;
}

/* <Menu> */
#menu
{
 position: relative;
 height:45px;
 line-height:35px;
 background:url(bg-menu.png) repeat-x;
 padding:0 0px;
 margin: 98px 0px 10px 0px;
}
#menu ul {
 list-style-type:none;
}
#menu li {
 float:left;
}
#menu li a {
 padding:0 10px;
 display:block;
 color:#ffffff;
 margin-right:0px;
 text-decoration:none;
}
#menu li#active {
 font-weight:bold;
}
#menu li a:hover {
 background:url(bg-menu-hover.png) repeat-x;
 color:#000;
}
#menu *.menu-img {
 float: left;
 padding-top: 12px;
 padding-bottom: 20px;
 padding-right: 3px;
}
/* </Menu> */
#facebook_ilike
{
border:0px;
overflow:hidden;
width:280px;
height:50px;
float:right;
position:relative;
z-index:100;
}

#date
{
 position: absolute;
 top: 0px;
 line-height: 52px;
 color: #BDBDA2;
 right: 30px;
 font-weight: bold;
 font-size: 12px;
 letter-spacing: -1px;
}
#primarycontent
{
 /*background:transparent url('calendar_newyear.png') no-repeat scroll right top;*/
 position: relative;
 padding: 0 5px 0 5px;
 min-height:400px;
 height:auto !important;
 height:400px;
}
#primarycontent h1 {
 text-align: left;
 position: relative;
 top: 4px;
 font-size: 18px;
 line-height: 25px;
 color: #656551;
 letter-spacing: -1px;
 background: url('dots_h1.gif') bottom repeat-x;
 padding: 0px 0px 5px 0px;
 /*margin-bottom: 10px;*/
 margin: 15px 0px 10px 0px;
}
#primarycontent h2 {
 top: 2px;
 font-size: 13px;
 margin: 10px 0px 5px 0px;
}
#primarycontent h3 {
 top: 2px;
 font-size: 11px;
 margin: 10px 0px 0px 0px;
}
#primarycontent .content
{
 padding: 0px 15px 0px 15px;
 margin-bottom: 20px;
}
li.list
{
 list-style-image: url('bullet.png');
 margin-left: 40px;
}
li.lastoflist
{
 list-style-image: url('bullet.png');
 margin-left: 40px;
 margin-bottom: 6px;
}
#primarycontent .post
{
 margin-bottom: 30px;
}
#primarycontent .post .header
{
 position: relative;
}
#primarycontent .post .date
{
 position: absolute;
 right: 15px;
 top: 0px;
 line-height: 35px;
 color: #AFAFA4;
 font-weight: bold;
}
#primarycontent .post .content
{
 margin-bottom: 0px;
}
#primarycontent .post .footer
{
 position: relative;
 top: -10px;
 background: url('footer.gif') repeat-x;
 height: 64px;
}

/* <Links> */
a {
 color: #0e7196;
 text-decoration: none;
}
a:hover {
 color: #830202;/*#FF7800*/
 text-decoration: underline;
}
a[rel*=enlang] {
 background-image: url('home-en.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 15px;
}
a[rel*=frlang] {
 background-image: url('home-fr.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 15px;
}
a[rel*=external] {
 background-image: url('link_external.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 15px;
}
a[rel*=external]:hover {
 background-image: url('link_external_red.png');
}
a[rel*=delicious] {
 background-image: url('link_delicious.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=pdf] {
 background-image: url('link_pdf.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=pdf_en] {
 background-image: url('link_pdf_en.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=pdf_fr] {
 background-image: url('link_pdf_fr.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=pdf_jp] {
 background-image: url('link_pdf_jp.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=oxt] {
 background-image: url('link_oxt.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 18px;
}
a[rel*=wikipedia] {
 background-image: url('link_wikipedia.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 15px;
}
a[rel*=java] {
 background-image: url('link_java.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=eclipse_gwt] {
 background-image: url('link_eclipse_gwt.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=aoi] {
 background-image: url('link_aoi.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=profile] {
 background-image: url('link_profile.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=txt] {
 background-image: url('link_txt.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=xml] {
 background-image: url('link_xml.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=picture] {
 background-image: url('link_picture.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=science] {
 background-image: url('link_science.png');
 background-position: center left;
 background-repeat: no-repeat;
 margin-left: 3px;
 padding: 2px 0px 2px 16px;
}
a[rel*=youtube] {
 background-image: url('link_youtube.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=hopnswing] {
 background-image: url('link_hopnswing.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=mail] {
 background-image: url('link_mail.gif');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 18px;
}
a[rel*=host] {
 background-image: url('link_host.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 18px;
}
a[rel*=valid] {
 background-image: url('link_valid.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 12px;
}
a[rel*=rsserror] {
 background-image: url('link_rsserror.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
a[rel*=feed] {
 background-image: url('link_feed.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 12px;
 color: #fe8b00;
}
a[rel*=viadeo] {
 background-image: url('link_viadeo.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 52px;
}
a[rel*=linkedin] {
 background-image: url('link_linkedin.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 1px 0px 1px 50px;
}
a[rel*=download] {
 background-image: url('link_download.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 20px;
 margin-left: 8px;
}
a[rel*=map] {
 background-image: url('link_map.png');
 background-position: center left;
 background-repeat: no-repeat;
 padding: 2px 0px 2px 18px;
}
/* </Links> */

/* <Footer> */
#footer {
 position: relative;
 clear: both;
 height: 56px;/*originally 66px=56+padding-top*/
 padding-top: 10px;
 /*line-height: 66px;*/
 background: url('bg-footer.gif') top left repeat-x;
 color: #A8A88D;
}
#footer p {
 text-align: center;
}
#footer a {
 color: #8C8C73;
}
/* </Footer> */

/* <News and notes> */
div.news {
 border-width: 1px;
 border-color: #830202;/*198a8a;*/
 border-style: dotted;
 margin-top: 15px;
 margin-bottom: 6px;
 background:url(news_header.png) no-repeat;
 background-position: left top;
 padding: 0px 20px 0px 20px;
}
#primarycontent h1.news {
 /*padding: 0px 0px 5px 0px;*/
 margin: 5px 0px 10px 40px;
}
p.news {
 padding-top: 5px;
 margin-left: 40px;
}
a.tooltip {
	color: #0e7196;
	font-weight: bold;
}
*.info {
	display: none;
	text-align: justify;
}
#primarycontent h1.note {
 margin: 10px 0px 10px 60px;
}
*.note_frame { 
	display:block;
	border-left: #B7B7B7 1px solid;
	border-bottom: #B7B7B7 1px solid;
	background: url('note_frame_top.png') #fff repeat-x left top;
	min-width:550px;
	margin: 10px 40px 10px 40px;
}
*.note_right {
 background:url('note_frame_right.png') no-repeat right top;
 padding: 30px 40px 20px 20px;
}
*.note_right-tight {
 background:url('note_frame_right.png') no-repeat right top;
 padding: 15px 40px 10px 20px;
}
/* </News and notes> */

/* <Tag style> */
.tags {
 font-family: arial,sans-serif;
}
.tags a {
 text-decoration: none;
}
.tags a:hover {
 text-decoration: underline;
}
.tags ul {
 list-style-type: none;
}
.tags ul li {
 background-image: none !important;
 display: inline;
 margin: 0pt;
 padding: 0pt;
 text-align: justify;
}
/* </Tag style> */

/* <LastFm player> */
table.lfmWidget td {
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
}
table.lfmWidget tr.lfmHead a {
 display:block;
 overflow:hidden;
 height:20px;
 width:184px;
 background:url(lastfm/regular_black.png) no-repeat 0 -20px;
 text-decoration:none;
 border:0;
}
table.lfmWidget tr.lfmHead a:hover {
 background:url(lastfm/regular_black.png) no-repeat 0 0 !important;
}
table.lfmWidget tr.lfmEmbed object {
 float:left;
}
table.lfmWidget tr.lfmFoot td.lfmConfig a {
 display:block;
 overflow:hidden;
 width:85px;
 height:20px;
 float:right;
 background:url(lastfm/blackred_profile.png) no-repeat 0px -20px;
 text-decoration:none;
 border:0;
}
table.lfmWidget tr.lfmFoot td.lfmConfig a:hover {
 background:url(lastfm/blackred_profile.png) no-repeat 0px 0 !important;
}
table.lfmWidget tr.lfmFoot td.lfmView a {
 display:block;
 overflow:hidden;
 width:74px;
 height:20px;
 background:url(lastfm/blackred_profile.png) no-repeat -85px -20px;
 text-decoration:none;
 border:0;
}
table.lfmWidget tr.lfmFoot td.lfmView a:hover {
 background:url(lastfm/blackred_profile.png) no-repeat -85px 0 !important;
}
table.lfmWidget tr.lfmFoot td.lfmPopup a {
 display:block;
 overflow:hidden;
 width:25px;
 height:20px;
 background:url(lastfm/blackred_profile.png) no-repeat -159px -20px;
 text-decoration:none;
 border:0;
}
table.lfmWidget tr.lfmFoot td.lfmPopup a:hover {
 background:url(lastfm/blackred_profile.png) no-repeat -159px 0 !important;
}
/* </LastFm player> */

#hangman {
 width:350px;
 position:relative;
 padding:4px;
}
#framehangman {
 border:1px #000000 solid;
 height:120px
}
#primarycontent > div:first-child, #primarycontent > p:first-child, #primarycontent > h1:first-child
{
	width:400px;
	position:relative;
	z-index:10;
}