/*reset*/
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
img{display:block;}
ul{list-style-type:none;}
table,caption,tr,th,td{outline:0;vertical-align:baseline;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}

/*global+wraps*/
body{background:#737f76 url(_images/bg.jpg) repeat-x fixed;color:#dfe5e1;}
#ariane{width:950px;}
h1,#nav ul,#boxes,.wrap{width:942px;}
h1,#nav ul,#ariane,#boxes,.wrap,#slides{margin:0 auto;}
#nav li,#ariane li,#footer li{display:inline;}
#boxes,#footer,#content{overflow:hidden;clear:both;}
#content ul,#content p,#boxes ul,#boxes p,blockquote,cite{margin-top:6px;}

/*type+colors*/
body,input,textarea,select{font-family:Geneva,Verdana,Arial,sans-serif;font-size:1em;}
a{color:#b2b19c;text-decoration:none;}
a:hover,#ariane a,strong{color:#ffffff;}
legend,.col .box h2,#boxes .box h2,#footer a:hover{color:#99a699} /*lightteal*/
#ariane{font-size:0.7em;}
#nav,#info,#content,#boxes,#footer{font-size:0.75em;}
h4{font-size:1em;}
h3{font-size:1.2em;}
h2{font-size:1.5em;}
#ariane a,#ariane .lang a:hover,#content .box{background:#5a685e;} /*darkblue*/
#ariane a:hover,#ariane .lang a{background:#9b9b80;} /*sand*/
#nav,.box,#footer{background:url(_images/nav.png);} /*anthracite*/
#text{color:#dfe5e1;}/*paleblue*/
h3,form{background:#5a685e;}/*darkteal*/
#nav a,h3,.box,form,.button{-moz-border-radius:8px;-webkit-border-radius:8px;}
#text li,h2,#text a,h4{border-bottom:1px solid #869288;}
#content .box li,#footer a{border-bottom:1px solid #47524a;}
#text ul a{border:0;}
p,blockquote{line-height:1.5em;}
cite{display:block;}
strong{font-weight:normal;}

#header{height:64px;background:#b2b29b url(_images/header.jpg) no-repeat center top;border-top:2px solid #5a685e;}
h1{padding:25px 0 0 8px;}

#ariane{height:20px;padding-top:1px;}
#ariane li{float:right;margin-left:4px;}
#ariane a{padding:1px 5px 2px 5px;
-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
#ariane li.lang{margin-left:14px;}

#info{background:#dfe5e1;height:228px;}
#info img{float:left;}

#nav ul{padding:8px 0;}
#nav a{padding:4px 8px 5px 8px;margin-right:4px;}
#nav a:hover{background:#000000;}

/*blog*/
#blog #header{height:84px;}

/*main+text*/
#content{background:url(_images/content.png);padding:14px 0;}
#content li,#boxes li{padding:2px 0;}
#text{float:left;width:440px;padding:0 30px 0 8px;}
#text ul{border-top:1px solid #869288;}
#text li,.error{background:url(_images/puce.gif) no-repeat 0 5px; padding-left:17px;}
#text #skills li{background:url(_images/star1.gif) no-repeat; padding-left:44px;}
#text #skills li.master{background:url(_images/star2.gif) no-repeat; padding-left:44px;}
#text #skills li.guru{background:url(_images/star3.gif) no-repeat; padding-left:44px;}
#text h2{margin-top:8px;}
h3{padding:2px 6px;}
h3,form{margin:18px -6px 0 -6px;}
#text img{margin:18px -3px 0 -3px;border:1px solid #5a685e;padding:2px;}
#text img.illus{margin:18px 0 0 0;border:0;}
h4{margin-top:12px;}
#content .box h2{border-bottom:1px solid #99a699;}
#content .box ul,#content .box p,blockquote{margin-bottom:8px;}
#content .news{background:#29435a url(_images/news.gif);}
#text blockquote{background:url(_images/blockquote.png) no-repeat;padding-left:58px;}
.rss a,.mail a,.twitter a,.facebook a,.linkedin a,.delicious a,.flickr a{padding:0 0 1px 20px;}
.box .rss a{background:url(_images/icons/feed.png) no-repeat;}
.box .mail a{background:url(_images/icons/email.png) no-repeat;}
.box .twitter a{background:url(_images/icons/twitter.png) no-repeat;}
.box .linkedin a{background:url(_images/icons/linkedin.png) no-repeat;}
.box .facebook a{background:url(_images/icons/facebook.png) no-repeat;}
.box .delicious a{background:url(_images/icons/delicious.png) no-repeat;}
.box .flickr a{background:url(_images/icons/flickr.png) no-repeat;}
a.quote,a.testimonial,a.expert,a.collab{padding-left:20px;}
.box a.quote {background:url(_images/icons/calculator.png) no-repeat;}
.box a.testimonial{background:url(_images/icons/award.png) no-repeat;}
.box a.expert{background:url(_images/icons/pagecode.png) no-repeat;}
.box a.collab{background:url(_images/icons/brick.png) no-repeat;}

/*special boxes*/
#boxes{padding:14px 0;}
#boxes .box,.col{float:left;}
#boxes .box a{display:block;border-top:1px solid #4a4a4a;}
#boxes .box a.tem{display:inline;border:0;}
.col .box{margin-bottom:14px;}
.box{width:209px;margin-right:14px;padding:8px;}
.last{margin-right:0;}
#boxes h2,#boxes .box a{border-bottom:1px solid #4a4a4a;}
.box blockquote{background:url(_images/quote.png) no-repeat top right;}

/*footer*/
#footer{padding:6px 0;}
#footer ul{padding-left:16px;}
.copyright{float:right;margin-right:16px;}

/*slides*/
#slides,.project{width:942px;}
#slides,#project-wrap,.project{height:228px;}
#slides{overflow:hidden;}
#project-wrap{width:10000px;}
.project{float:left;}

/*forms*/
form{padding:6px;overflow:hidden;}
fieldset{border-top:1px solid #869288;margin-bottom:8px;}
legend{padding-right:3px;}
form div{overflow:hidden;padding:3px 0;border-bottom:1px solid #47524a;}
form div.select{border:0;}
.text{float:right;width:270px;}
.text,select,textarea,.button{background:#dfe5e1;padding:2px 4px;}
label,select{line-height:1.7em;}
label{float:left;clear:both;}
select{width:441px;margin-top:3px;}
textarea{width:432px;}
.button{width:100px;margin-top:6px;float:right;margin-right:-6px;}