/*----------------------------
STYLESHEET BY OLIVIER AMBLET
----------------------------*/
body {
background: #ffffff;
font-size: 94%;
font-family: Georgia, serif;
color: #550000;
margin: 0;
padding: 0;
}
h1 {
padding: 1em 2.3em .85em;
margin: 0;
font-weight: normal;
font-size: 3.6em;
}
h2 {
float: left;
width: 8em;
padding: .2em 0;
margin: 0;
font-weight: normal;
font-size: 1em;
text-align: right;
}
h3 {
font-size: 1em;
padding: .25em 0 0;
margin: 0;
}
p {
padding: .2em 0 .4em;
margin: 0;
}
#container {
float: left;
width: 100%;
}
/*----------------------------
 * HEADER
 * ----------------------------*/
#header {
float: left;
width: 100%;
background: url('../images/bg_header.gif') 0 100% repeat-x;
padding-bottom: .6em;
}
#work {
padding: 0 0 0 4em;
float: left;
width: 40em !important;
width/**/:44em;
}
#work_description {
float: right;
width: 30em;
}
/*----------------------------
 * WRAPPER
 * ----------------------------*/
#wrapper {
clear: both;
padding: 0 4em;
}
/*----------------------------
 * CONTENT
 * ----------------------------*/
#content {
float: left;
width: 55em;
}
#content .category {
width: 100%;
float: right;
padding: .6em 0 .6em;
}
#content ul.collection {
list-style: none;
padding: 0;
margin: 0;
float: right;
width: 45em;
}
#content ul.collection li {
padding: 0;
margin: 0;
float: left; width: 100%;
}
#content ul.collection div.date {
width: 12em;
float: right;
padding: .2em 0 0;
}
#content ul.collection h3 {
float: left;
width: 30em;
}
#content ul.collection div.description {
clear: both;
width: 30em;
}
#content ul.collection li {
clear: both;
padding-bottom: .5em;
}
#languages ul.collection h3 {
width: 6em;
}
#languages ul.collection div.description {
padding: .2em 0 .05em;
clear: right;
float: left;
width: 24em;
}
#hobbys div.description {
float: right;
width: 30em !important;
width/**/: 45em;
padding-right: 15em;
}
/*----------------------------
 * INFORMATIONS
 * ----------------------------*/
#informations {
position: absolute;
top: 4.4em;
left: 47em;
width: 12em;
}
#informations h2 {
display: none;
}
#informations dl{
margin: 0;
padding: .4em 0 .4em;
}
#informations dt {
display: none;
}
#informations dd {
padding: 0;
margin: 0;
}