/***
 *
 * This css is the stylesheet of Silent Strength
 * and had been writed in september 2009.
 * © Michael Ortali (michael.ortali@gmail.com)
 *
 */
 
/**
 * @reset 
 */
body, ul, li, p, h1, h2, h3, h4, h5, fieldset, blockquote {
    margin:0;
    padding:0;
}

ul {
    list-style-type:none;
}

a, div#main div#related ul li a {
    outline:none;
    text-decoration:none;
}

fieldset, img {
    border:0;
}

/**
 * @struct 
 */
div#header, div#main, div#footer {
    width:960px;
    margin:auto;
}

div#comments div.comment, div#main div.c2, div#footer, 
div#main li, div#carnet-homepage p.preview, div#comments,
div#related ul, div#article p.infos, div#article p.preview, 
div#sidebar div.flickR p, div#sidebar-archives li h3, ul#sidebar-badges a, 
form#add-comment fieldset p, div#comments .reply, 
div#cv div.c4, div#cv div.experiences div.line {
    overflow:hidden;
}

div#header, div#carnet-homepage p.preview, 
div#portfolio-homepage li, div#article h1, 
div#related ul li, div#sidebar-auteur, 
div#sidebar-travaux li a.preview, 
div#sidebar-archives > ul > li, 
div#comments p.gravatar {
    position:relative;
}

div#carnet-homepage p.preview img,
div#portfolio-homepage img, div#sidebar-auteur img.me, 
div#sidebar-travaux li a.preview img, div#sidebar-archives li h3, 
div#sidebar-archives li ul, div#comments p.gravatar img {
    position:absolute;
}

div#carnet-homepage p.preview span, div#portfolio-homepage img, 
div#article p a.tag, div#cv div.infos a, div#related ul a, div#related small, 
div#article p.preview img, div#sidebar h2 span, 
div#sidebar-travaux li a.preview, div#sidebar div.flickR a,
ul#sidebar-badges li, ul#sidebar-badges a,
div#portfolio div.infos strong, div#cv div.infos p span {
    display:block;
}

div#location, 
div#sidebar, div#header ul, div#main div.more, 
div.heading p, form, div#article h1 em {
    display:none;
}

div#sidebar-archives ul li ul li {
    display:inline;
}

div#article div.post p.preview, ul#sidebar-badges li,
div#main > div.c2 > div.col, div#main ul.c3 li, div#cv div.c4 div.col,
div#main div.c2 > div.c2 > div.col, div#footer div,
div#footer div.information p, 
div#article p a.tag, div#cv div.infos a, div#related ul li, div#sidebar-auteur p img,
div#sidebar-travaux li a.preview, div#sidebar div.flickR a, 
div#comments p.gravatar, div#comments div.corp,
form#add-comment fieldset p label, form#add-comment fieldset p input, 
div#portfolio div.first li, div#cv ul.inline li,
div#cv div.experiences p.description, div#cv div.experiences {
    float:left;
}

div#cv div.experiences ul.inline {
    clear:both;
}

div#carnet-homepage p.preview, div#comments h4 small, div#comments .reply, div#article h1 small {
    float:right;
}

body {
    padding-top:15px;
}

div#main > div.c2 > div.col, div#footer .information {
    width:460px;
    margin:0 10px;
}

* div#main div.c2 div.col {
	width:460px;
	margin:0 10px;
	overflow:hidden;
	float:left;
}

* div#main div.c2 div.c2 div.col, div#cv div.c4 div.col {
	width:220px;
	margin:0 0;
}

div#main div.c2 > div.c2 > div.col, div#footer div.contact, 
div#footer div.copyright, div#footer div.information p {
    width:220px;
}

div#main ul.c3 li {
    width:140px;
}

div#main .centerMargin {
    margin:0 20px;
}

div#footer p.firstMargin {
    margin-right:20px;
}

div#footer div.contact, div#footer div.copyright {
    margin:0 10px;
}

/** Header **/
div#main p {
    margin-bottom:18px;
}

div#main div#intro-portfolio div.col,
div#main div#intro-homepage div.col,
div#main div#intro-about div.col {
    width:950px;
}

div#article h2, div#portfolio h2, div#cv h2,
div#carnet-homepage h2, div#portfolio-homepage h2, 
div#footer h2 {
    padding:6px 0 1px 0px;
    margin-top:15px;
}

div#carnet-homepage ul, div#portfolio-homepage ul {
    margin-top:15px;
}

div#carnet-homepage li {
    height:165px;
}

div#carnet-homepage p {
    width:220px;
}

div#carnet-homepage p.preview {
    height:134px;
}

div#carnet-homepage p.preview img {
    clip:rect(0pt, 159pt, 81pt, 0pt);
    max-width:212px;
    top:4px;
    left:4px;
}

div#carnet-homepage p.preview span {
    height:134px;
    width:220px;
}

div#portfolio-homepage h3, 
div#carnet-homepage h3 {
    margin-bottom:10px;
}

div#portfolio-homepage li {
    height:165px;
}

div#portfolio-homepage img {
    max-width:140px;
    clip:rect(0px, 132px, 108px, 0px);
    left:4px;
    top:30px;
}

div#article h1 {
    border-bottom:1px solid #7d7d7d;
    margin-bottom:10px;
    padding-bottom:20px;
}

div#article h3 {
    margin:10px 0px;
}

div#article ul {
    margin:20px 0px;
}

div#article li {
    list-style:disc;
    overflow:visible;
    margin:0px 0px 10px 40px;
}

div#article div.smallseparator {
    padding-top:5px; 
}

div#article div.smallseparator h2 {
    margin-top:0px;
}

div#article div.pagination {
    margin-left:40px;
    margin-bottom:50px;
}

div#article p a.tag, div#cv div.infos a {
    margin:5px 5px 5px 0;
    padding:2px 5px;
}

div#related ul, div#related li {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#related ul {
    margin:10px 0;
}

div#related ul li {
    width:140px;
}

div#related a {
    padding:8px;
}

div#related ul li.center {
    margin:0 20px;
}

div#article p.preview img {
    border:4px solid #fff;
    margin:0 auto;
    -webkit-box-shadow:0px 0px 20px #000;
    -moz-box-shadow:0px 0px 20px #000;
}

div#article div.post p.publie {
    margin-bottom:15px;
    margin-left:167px;
    margin-top:10px;
    padding:5px;
}

div#article div.post p.preview {
    margin-right:20px;
    margin-top:-41px;
}

div#article div.post p.preview img  {
    clip:rect(0px, 140px, 100px, 0px);
    max-width:400px;
    position:absolute;
    border:0px;
}

div#article div.post p.preview {
    width:140px;
    height:100px;
    border:3px solid #fff;
}

div#comments p.gravatar {
    width:65px;
    height:71px;
    background:url("img/gravatar.png");
}

div#comments p.gravatar img {
    height:42px;
    left:9px;
    top:9px;
    width:42px;
}

div#comments div.comment {
    margin:20px 0px;
}

div#comments div.corp {
    width:395px;
}

div#comments blockquote p {
    margin:20px;
}

div#comments form {
    padding:20px;
}

div#comments h4 {
    margin:20px 20px 10px 20px;
    padding-bottom:10px;
    border-bottom:1px solid #555;
}

form#add-comment {
    padding:10px 40px;
    margin-bottom:20px;
}

form#add-comment h3 {
    margin-bottom:20px;
    border-bottom:1px solid #555;
    padding-bottom:10px;
}

form#add-comment fieldset p label {
    width:125px;
    padding-top:2px;
}

form#add-comment fieldset p input, 
form#add-comment fieldset p textarea {
    width:220px;
    padding:3px;
    border:1px solid #555555;;
}

form#add-comment input#envoyer {
    border:1px solid #666;
    background:#666;
    padding:4px 8px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}

div#comments a.reply {
    width:21px;
    height:10px;
    margin:10px 20px;
}

div#portfolio h2 {
    margin-left:10px;
}

div#portfolio strong, div#cv h3 {
    margin-bottom:8px;
    padding-bottom:5px;
}

div#portfolio p {
    margin-top:10px;
}

div#portfolio div.infos p {
    margin:0 0 10px 0;
}

div#portfolio p.creative {
    height:230px;
    width:450px;
}

div#portfolio ul, div#cv ul {
    list-style-position:inside;
    list-style-type:disc;
    margin-left:2px;
    overflow:auto;
}

div#portfolio li, div#cv li {
    overflow:visible;
    margin-right:10px;
    margin-top:5px;
}

div#portfolio div.infos {
    margin-bottom:8px;
    padding-bottom:5px;
}

div#cv div.c4 h3 {
    margin-top:10px;
}

div#cv div.separator {
    padding:10px 0 15px;
}

div#cv div.c4 div.colRight {
    margin-right:0;
}

div#cv div.c4 div.colLeft {
    margin-left:0;
}

div#cv div.c4 ul {
    padding-bottom:10px;
}

div#cv div.experiences div.c2 {
    padding-bottom:20px;
    padding-top:20px;
}

div#cv div.experiences p, div#cv div.experiences h3 {
    margin-bottom:0px;
}

div#cv div.recommendations {
    clear:both;
    padding-top:20px;
}

div#cv div.recommendations h3.small {
    border-bottom:none;
    padding:10px;
}

div#cv h2 {
    margin:10px;
}

div#cv div.others, div#main div#article {
    width:100%;
    overflow:hidden;
}

div#cv div.experiences img {
    width:75px;
    float:left;
    margin-right:10px;
}

div#sidebar div.first, div#portfolio div.first, div#cv div.first  {
	border-right:20px solid #fff;
}

* div#sidebar div.col {
	border-bottom:20px solid #fff;
	border-top:20px solid #fff;	
}

div#sidebar div.col {
    margin-bottom:20px;
    margin-top:20px;
}

div#sidebar div.flickR, div#article div.post p.infos {
    clear:both;
}

div#cv div.experiences div.c2,
div#portfolio div.infos strong, div#cv h3.small,
div#sidebar div.col h2, div#sidebar div.flickR h2 {
    border-bottom:1px solid #555;
}

div#sidebar div.col h2, div#sidebar div.flickR h2 {
    padding:10px 10px 5px 10px;
    margin-bottom:10px;
}

div#sidebar-auteur p, div#sidebar-travaux ul, 
div#cv div.c4 div.col {
    margin:0 10px;
}

div#sidebar-auteur img.me {
    right:5px;
    top:5px;
}

div#sidebar-auteur p img {
    padding:5px;
}

div#sidebar-publications, div#sidebar-auteur {
    height:250px;
}

div#sidebar-publications li h3 {
    margin-left:10px;
    padding:5px 30px;
}

div#sidebar-archives h3 {
    width:43px;
    height:43px;
}

div#sidebar-archives > ul > li {
    height:53px;
}

div#sidebar-archives li h3 {
    left:20px;
}

div#sidebar-archives li ul {
    font-size:14px;
    left:75px;
    top:7px;
    width:120px;
}

div#sidebar-travaux li {
    margin:5px 0;
    height:85px;
}

div#sidebar-travaux li img {
    max-width:100px;
    clip:rect(0px, 75px, 75px, 0px);
}

div#sidebar-travaux li a.preview {
    border:3px solid #5d5d5d;
    width:75px;
    height:75px;
    margin-right:5px;
}

div#sidebar-travaux, div#sidebar-archives {
    height:345px;
}

div#sidebar div.flickR a {
    border:3px solid #5d5d5d;
    height:75px;
    margin:3px 5px;
}

div#sidebar div.flickR p {
    margin-bottom:0;
    margin-left:2px;
    padding-bottom:10px;
}

ul#sidebar-badges a, 
ul#sidebar-badges li {
    width:60px;
    height:60px;
}

ul#sidebar-badges li {
    margin:0 10px;
}

ul#sidebar-badges li.rss {
    margin-left:0;
}

ul#sidebar-badges li.macboy {
    margin-right:0;
}

div#footer {
    margin-bottom:30px;
}

div#footer h2 {
    margin-bottom:10px;
}

div#footer div.information a {
    margin-top:10px;
    display:block;
} 

/**
 * For print
 */
body {
    font-family:sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight:normal;
    text-transform:uppercase;
}

h1 {
    border-bottom:1px dotted #555;
    padding:8px 10px 16px 10px;
}

div#header h1 a {
    text-indent:10px;
    display:block;
    color:#000;
}

div#header h1 a small {
    color:#777;
    text-transform:none;
}

div#footer {
    border-top:3px double #999;
}

li {
    margin-bottom:5px;
}

div.last h3, li {
    font-size:13px;
}

div.heading {
    text-align:center;
    padding:10px 10px;
}

div.heading h1 strong {
    font-family:sans;
    font-size:50px;
    font-style:italic;
    text-transform:lowercase;
}

div#article h2 {
    margin-bottom:10px;
}

p {
    font-size:13px;
    line-height:19px;
    text-align:justify;
}

p.huge {
    font-size:18px;
    line-height:22px;
}

a {
    color:#0092D4;
}