style.css

/*
Theme Name: Simplement
Theme URI: https://github.com/simplementNat/Simplement
Author: Nathanaël Martel
Author URI: http://nat.fam-martel.eu
Description: 
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: 
*/



.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.clear { clear : both;}
/* html 5 */
header, nav, section, aside, footer, article, figure {
  display : block;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/base/base-min.css
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}

body {
  background-color: #f2f1f0;
  font-size: 14px;
  font-family: Georgia, serif;
}

#page {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px #999999;
  -moz-box-shadow: 0 0 10px #999999;
  box-shadow: 0 0 10px #999999;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  position: relative;
}

.entry-content, .entry-summary  {
  font-size: 19px;
  line-height: 1.5em;
  color: #222222;
  font-family: Georgia, serif;
}

.entry-content strong,
.entry-content a,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
  color: #000000;
}




h1{
  font-size: 300%;
  margin: 1em 0;
  font-family: 'UbuntuLight', Arial, sans;
  font-weight: normal;
  font-style: normal;
}
h1 a {
  color: #333333;
  text-decoration: none;
}
#site-title {
  font-size: 400%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#site-title a {
  text-decoration: none;
  color: #666666;
  -webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; 
  -ms-transition: all 1s ease-in-out;
}
#site-title a:hover, #site-title a:focus, #site-title a:active {
  color: #333333;
}
h2{
  font-size: 150%;
  margin: 1em 0 0.5em;
  font-family: 'UbuntuLight', Arial, sans;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
}
h3, #comments-title {
  font-size: 130%;
  margin: 0 0 0.5em;
  font-family: 'UbuntuLight', Arial, sans;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
}

#site-description {
  font-size: 100%;
  font-family: 'UbuntuRegular', Arial, sans;
  font-weight: normal;
  font-style: normal;
  color: #666666;
}
#branding img {display: block;}

/* Links */
a {
	color: #333333;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
.entry-content a {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	clip: auto !important;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

#access, #site-generator {
  font-family: 'UbuntuRegular', Arial, sans;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  background-color: #f2f1f0;
  position: relative;
  line-height: 3em;
  height: 3em;
  background: #F2F1F0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F1F0), to(#dddddd));
  background: -webkit-linear-gradient(#F2F1F0, #dddddd);
  background: -moz-linear-gradient(#F2F1F0, #dddddd);
  background: -ms-linear-gradient(#F2F1F0, #dddddd);
  background: -o-linear-gradient(#F2F1F0, #dddddd);
  background: linear-gradient(#F2F1F0, #dddddd);
}
#access {
  margin-bottom: 2em;
}

#access ul {
  margin: 0;
  padding: 0;
}

#access ul li {
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  background: #F2F1F0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F1F0), to(#dddddd));
  background: -webkit-linear-gradient(#F2F1F0, #dddddd);
  background: -moz-linear-gradient(#F2F1F0, #dddddd);
  background: -ms-linear-gradient(#F2F1F0, #dddddd);
  background: -o-linear-gradient(#F2F1F0, #dddddd);
  background: linear-gradient(#F2F1F0, #dddddd);
}

#access a {
  display: block;
  padding: 0 10px;
}

#access a:active, #access a:focus, #access a:hover, #site-generator {
	color: #F2F1F0;
  background: #333333;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#555555));
  background: -webkit-linear-gradient(#333333, #555555);
  background: -moz-linear-gradient(#333333, #555555);
  background: -ms-linear-gradient(#333333, #555555);
  background: -o-linear-gradient(#333333, #555555);
  background: linear-gradient(#333333, #555555);
  outline: none;
	text-decoration: none;
}
#site-generator a {
	color: #F2F1F0;
}

#colophon {
  margin-top: 2em;
  background: #F2F1F0;
  font-family: 'UbuntuRegular', Arial, sans;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  background-color: #f2f1f0;
  background: #F2F1F0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F1F0), to(#dddddd));
  background: -webkit-linear-gradient(#F2F1F0, #dddddd);
  background: -moz-linear-gradient(#F2F1F0, #dddddd);
  background: -ms-linear-gradient(#F2F1F0, #dddddd);
  background: -o-linear-gradient(#F2F1F0, #dddddd);
  background: linear-gradient(#F2F1F0, #dddddd);
}

#supplementary {
  padding: 2em 0;
}

.tagcloud {
  text-align: justify;
}

.nav-next {
  text-align: right;
}

.entry-meta, .entry-meta a {
  color: #555555;
  text-align: right;
  margin: 1em 0;
}

.commentlist, .commentlist ul {
  margin: 1em;
}

.commentlist li {
  list-style: none;
}
.comment-meta {
  padding: 0.5em;
  line-height: 39px;
  height: 68px;
  background: #F2F1F0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F1F0), to(#dddddd));
  background: -webkit-linear-gradient(#F2F1F0, #dddddd);
  background: -moz-linear-gradient(#F2F1F0, #dddddd);
  background: -ms-linear-gradient(#F2F1F0, #dddddd);
  background: -o-linear-gradient(#F2F1F0, #dddddd);
  background: linear-gradient(#F2F1F0, #dddddd);
}
.commentlist li li .comment-meta {
  height: 39px;
}
.comment-content {
  border: 1px solid #CCCCCC;
  padding: 1em;
  clear: both;
  font-size: 16px;
}
.avatar {
  display: block;
  float: left;
  padding-right: 1em;
}
.reply {
  display: none;
}

.post {
  padding-bottom: 5em;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 5em;
}
.pingback {
  border: 1px solid #CCCCCC;
  padding: 1em 1em 0;
  margin-bottom: 1em;
}

#respond {
  border: 1px solid #CCCCCC;
  padding: 1em 1em 0;
}

code {
  font-family: courier, monospace;
}

#searchform input, 
#respond input, 
#respond textarea {
  border: 1px solid #CCCCCC;
  margin-left: 1em;
}

#searchform input:focus,
#respond input:focus, 
#respond textarea:focus {
  border: 1px solid #666666;
}

#searchform input:hover,
#respond input:hover, 
#respond textarea:hover {
  -webkit-box-shadow: 0 0 2px #999999;
  -moz-box-shadow: 0 0 2px #999999;
  box-shadow: 0 0 2px #999999;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

#respond .form-submit input {
  margin-left: 0;
}
#respond .form-submit input:hover, #respond .form-submit input:focus, #respond .form-submit input:active {
  border: 1px solid #666666;
  color: #F2F1F0;
  background: #444444;
}

.widget {
  padding: 0 0 1em;
}

blockquote {
  margin: 1em 1em 1em 2em;
  padding: 0.5em;
  -webkit-box-shadow: 1px 1px 5px #999999;
  -moz-box-shadow: 1px 1px 5px #999999;
  box-shadow: 1px 1px 5px #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(images/blockquote.png) no-repeat 0 0;
  text-indent: 50px;
  color: #000000;
  font-family: 'UbuntuMediumItalic';
  font-weight: normal;
  font-style: normal;
}

blockquote p {
  margin: 0;
}


@media handheld, only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
  body{min-width: 100%}
  .container_12,.container_16{margin-left:0;margin-right:0;width: 100%;}
  .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:block;float:none;margin-left:0;margin-right:0;width: 100% !important;}
  .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:absolute}
  .prefix_1, .prefix_2, .prefix_3, .prefix_4, .prefix_5, .prefix_6, .prefix_7, .prefix_8, .prefix_9, .prefix_10, .prefix_11, .prefix_12, .prefix_13, .prefix_14, .prefix_15, .prefix_16 {padding-left:0 !important;}
  .suffix_1, .suffix_2, .suffix_3, .suffix_4, .suffix_5, .suffix_6, .suffix_7, .suffix_8, .suffix_9, .suffix_10, .suffix_11, .suffix_12, .suffix_13, .suffix_14, .suffix_15, .suffix_16 {padding-right:0 !important;}
  #page {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right: none;
    border-left: none;
  }
  #branding img {width: 100%;}
  #content {padding: 5%;}
  #content * {
    max-width: 100%;
    height: auto;
  }
}


@media handheld, only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
  #access ul li {
    float: none; 
    width: 100%; 
    text-align: center;
  }
  #access {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

@media print {
  body {
    width: auto!important;
    margin: auto!important;
    font-family: georgia, serif;
    font-size: 12pt;
    background-color: #fff!important;
    color: #000!important;
  }
  p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
    color: #000!important;
    margin: auto!important;
  }
  .print {
    display: block; 
  }
  p, blockquote {
    orphans: 3; 
    widows: 3; 
  }
  blockquote, ul, ol {
    page-break-inside: avoid; 
  }
  h1 {
    page-break-before: always; 
  }
  h1, h2, h3, caption {
    page-break-after: avoid; 
  }
  a {
    color: #000!important;
    text-decoration: underline!important;
  }
  a[href]:after {
    content: " (" attr(href) ")"; 
  }
}