/*-- RESET */

*, html, body, div, table, tr, td, ul, li, h1, h2, h3, h4, input, textarea, hr {margin:0; padding:0;}
a img {border:0;}

/*-- MAIN SETTINGS */
html {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #656E6D;}
body {width:840px; margin-left:auto; margin-right:auto; background: #D6D9D2 url(images/img-bg-body-2010.jpg) top center no-repeat;}
li {float:left; list-style:none;}
a, a:visited {text-decoration:none; color: #656E6D;}
a:hover {background-color: #CCC; color: #33281F;}
a img:hover {background: transparent;}
em {color:#6297BD; font-style:normal; font-size:13px;}
.hide {display:none;}
.clear {clear:both;}

/*== HEADING PART ==*/
#header {height:53px; padding:35px 0 0 20px;}
#head_title {float:left;}
#head_title a {background: transparent;}

/*-- NAVIGATION */
#head_nav {float: right; padding: 5px 10px 0 0; margin-right: 20px; font-size: 13px; letter-spacing:1px;}

#thumbnails {display: block; float: left; height: auto; padding-left: 20px; width: 830px; background: url(images/img-bg-thumbnail.png) top 20px no-repeat;}
#thumbnails hr {border: none; background-color: #B6B6B6; height: 1px; width: 800px; margin-bottom: 7px;}
#thumbnails ul li {margin: 6px 10px 6px 10px;}
#thumbnails ul li.category {
	width: 129px;
	height: 48px;
	padding: 6px;
	margin-left: 0; 
	border:solid #DDD 1px;
	clear: left;
}

#thumbnails a img {border:solid #DDD 1px;}
#thumbnails a:hover img {border:solid #AAA 1px;}

#main_nav hr {border:none; border-top: 1px solid #B6B6B6; background-color: white; height: 1px; margin-left: 20px;}
#main_nav {float:left; width: 820px; font-size:11px; letter-spacing:1px;}

#hide_thumbnail {float:right; text-shadow: 0px 1px 0px white;}
#hide_thumbnail a {display:block; height:22px; width:134px; padding: 6px 0 0 10px; color: #56E6D; background: transparent url(images/icon_show.png) 125px 6px no-repeat; border-bottom: #B6B6B6 1px solid;}
#hide_thumbnail a:hover {background-color: #CCC;}
#hide_thumbnail.active a {background-image:url(images/icon_hide.png);}

/*-- NAVIGATION PART 2 */

#content #page_nav {float:right; font-size:11px; letter-spacing: 1px; text-shadow: 0px 1px 0px white;}
#content #page_nav a {float: left; width: 48px; height: 31px; padding: 12px 12px 0 12px; border-top: white 1px solid;}
#content #page_nav a.next {background: transparent url(images/icon_next.png) 55px 14px no-repeat; border-left: white 1px solid;}
#content #page_nav a.prev {text-align: right; background: transparent url(images/icon_prev.png) 10px 14px no-repeat; border-right: #B6B6B6 1px solid; width: 47px;}
#content #page_nav a.inactive {background: none; color: #AAA;}
#content #page_nav a:hover {background-color: #CCC;}

/*== CONTENU ==*/
#content {float:left; width:800px; margin-left: 20px;}
#content h1 {float:left; font-weight:normal; padding-top:8px; font-size:20px; letter-spacing: 2px;}
#content h1 em {padding-left:10px; font-size:14px; font-style:normal; letter-spacing: 1px;}

#content #description {width:800px; float:left; margin-top:23px;}
#content #description p {margin-bottom:18px;}

#content #left_column {float:left; width:380px;}
#content #left_column p {margin-bottom: 25px;}
#content #left_column img {margin-bottom:10px;}

#content #right_column {float:left; margin-left:30px; width:390px;}
#content #right_column #french_text {float:left; width:180px; margin-right:30px;}
#content #right_column #english_text {float:left; width:180px; color: #6297BD;}

/*-- INDEX SPECIFIC */
body.index #content #description {margin-top: 18px; left:-20px;}
body.index #content a:hover {background: transparent;}

/*== PROJECT LIST ==*/
#content #right_column ul.project_list {border-top: #B6B6B6 solid 1px;}
#content #right_column ul.project_list li {border-bottom: #B6B6B6 solid 1px;}
#content #right_column ul.project_list a {display: block; width: 390px; height: 66px; padding-top: 5px;}
#content #right_column ul.project_list img {float: left; border: white solid 1px; margin-right: 20px;}

/*== NEWS FEED ==*/

#footer {display: block; float: left; width: 390px; margin-top: 18px ;overflow: hidden;}
#footer.left {margin-right: 20px;}
#footer ul {margin-top: 5px;}
#footer ul li img {float: left; width: 144px;}
#footer ul li p {display: block; float: left; width: 220px; margin: 0 0 0 20px;}

/*== BONUS ==*/
#content #more_info {float:left; width:390px; margin-top:10px; padding-top:10px; border-top: solid #616161 1px;}
#content a.show_link {background: transparent url(images/img_bg_link.gif) top left no-repeat; padding-left: 20px; text-decoration: underline; color:#656E6D;}
#content a.show_link:hover {/*background-color: #DCE4EB;*/ text-decoration: none;}
#content a.show_link.video {background: transparent url(images/img_bg_video_link.gif) top left no-repeat;}
/*#content a.show_link.video:hover {background-color: #DCE4EB;}*/
#content h2 {font-size:14px; font-weight: normal; padding-bottom: 11px; color: #4D4D4D;}
#content #more_info hr {border: none; height: 1px; background-color:#CCC; margin-bottom: 18px;}
#content #more_info p {padding-left: 10px;color:#656E6D;}
p.networking a {display: block; float: left; width: 90px; height: 20px; padding: 3px 10px;}
p.networking a img {float: left; margin-right: 10px;}
p.networking a span {float: left; margin-top: 3px;}

/*== DELICIOUS LINKS ==*/
.delicious-post li {display:block; clear:both; margin-top: 10px;}
.delicious-post h2 {margin-bottom:10px;}
.delicious-link {font-size:14px;}
.delicious-extended {color: #888;font-size: 12px;}

/*== CONTACT TABLE ==*/
#content table.contact {width: 800px;}
#content table.contact tr {width: 800px;}
.input_name {width: 240px;}
input, textarea {width: 250px;}

/*== ABOUT RESUME ==*/
.cv h2 {font-weight: normal;margin-bottom: 15px;color: #FC7E26;}