body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 14px;
  font-family: sans-serif;
}

div#wrapper {
  text-align: center;
}

a,
a:link {
  color: #b40000;
}
a:visited {
  color: #700000;
}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}

a[hreflang]:after {
  content: "\00A0["attr(hreflang)"]";
  color: #888;
  font-size: .7em;
}

hr.footnote { width: 25%; float: left; height: 1px; line-height: 1px; background: #000; border: 0 none; border-bottom: 1px solid #000; }
div.footnotes { clear: both; }

kbd {
  border: 1px solid #aaa;
  border-bottom: 2px solid #888;
  border-right: 2px solid #888;
  background: #efefef;
  padding: 0 2px;
}

h2 {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: .7em .5em .2em .5em;
  font-family: Georgia, serif;
  font-weight: normal;
  clear: both;
}

h3 {
  margin: 0;
  padding: .7em .5em .2em .5em;
  font-family: serif;
  clear: both;
}

.news h3 a { color: #000; text-decoration: none; }
.news h3 a:hover:after { content: " read it?"; }
.news h3 a:visited:hover:after { content: " already\00A0read"; }
.news h3 a:after {
  font-size: .7em;
  color: #888;
  font-style: italic;
  font-family: sans-serif;
  font-weight: normal;
}

h4 {
  font-style: italic;
  font-size: .9em;
}

.small h4 { text-align: center; }

/*em { background: #efefef; }*/
strong { background: #efefef; }

ul li { line-height: 1.5em; }
ul li:after { content: ";"; }
ul li:last-child:after { content: "."; }

ul.list { margin: 0; padding: 0; }
ul.list li { display: inline; }

code { font-family: monospace; color: #555; background: #efefef; }
pre code {
  color: #eee;
  background: transparent;
  padding: 0 50px 50px 50px;
  display: block;
}
pre.code {
  color: #eee;
  margin: 2em;
  margin-left: 100px;
  margin-right: 30px;
  padding: .5em 0;
  background: #333;
  border-bottom: 3px solid #888;
}
pre.code code:before, pre.code code:after {
  color: #888;
  font-size: 2.5em;
  font-weight: bold;
  font-family: georgia, serif;
  display: block;
  height: 0;
}
pre.code code:before { content: "{"; margin-left: -40px; }
pre.code code:after { content: "}"; margin-left: 100%; margin-top: -50px; }

blockquote {
  margin: 0;
  padding: 1em;
  background: #333;
  color: #eee;
  font-style: italic;
  margin: 2em;
  margin-left: 100px;
  margin-right: 30px;
  padding: 20px 50px;
  line-height: 1.5em;
  quotes: "\201C" "\201D";
  border-bottom: 3px solid #888;
}

blockquote:before, blockquote:after {
  color: #888;
  font-size: 3em;
  font-weight: bold;
  font-family: georgia, serif;
  display: block;
  height: 0;
}
blockquote:before { content: open-quote; margin-left: -40px; }
blockquote:after { content: close-quote; margin-left: 100%; }

div#comments { background: #efefef; border: 1px solid #ddd; margin: 1em; padding: 1em; }
div.comment { margin: 0 0 1em; border-bottom: 1px solid #ddd; }
div#content p.comment-author { text-align: right; font-size: .8em; color: #555; margin: -2em 40px 0 100px; }
span.comment-meta { font-size: .8em; color: #888; }

div.date {
  float: left;
  width: 2.5em;
  background: #fff;
  border: 2px solid #aaa;
  position: relative;
  margin: 0 10px 5px 10px;
  overflow: hidden;
}

div.date span.day {
  display: block;
  border-top: 13px solid #b40000;
  text-align: center;
  font-size: 2em;
  color: #000;
  font-family: Georgia, serif;
}

div.date span.month {
  position: absolute;
  top: 0;
  left: 2px;
  font-variant: small-caps;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  z-index: 1;
  color: #fff;
}
div.date span.month:before { content: "-\00A0"; }
div.date span.month:after { content: "\00A0-"; }

div.date span.year {
  position: absolute;
  top: -5px;
  right: -1px;
  font-size: 1.2em;
  color: #cd6060;
  z-index: 0;
  font-weight: bold;
  font-family: "Times new roman", serif;
}

div#wrapper p.meta {
  margin-top: 2em;
  padding: 2px 5px;
  font-size: .8em;
  font-style: italic;
  color: #888;
  text-align: right;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #efefef;
}
/*div#wiki-content p.meta:hover:before { content: "[meta information] "; color: #222; font-style: normal; }*/

div#header {
  background: #333;
  color: #fff;
  text-align: left;
  font-family: "Bitstream charter", "Times", "Times new Roman", serif;
  border-bottom: 3px solid #888;
}

div#header h1 {
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 2em;
}

div#header h1 span.more {
  font-size: .5em;
  font-style: italic;
}

div#header h1 a {
  text-decoration: none;
  color: #fff;
}
div#header h1 a:hover { color: #aaa; }

div#navigation { margin-right: 10%; margin-bottom: 3em; }
div#navigation ul { margin: 0; padding: 0; float: right; list-style: none; }
div#navigation ul li {
  height: 25px;
  line-height: 25px;
  float: left;
  background: #888;
  margin-right: 5px;
  padding: 0 10px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  /* TODO equivalent opera */
  /* TODO equivalent CSS 2.1 / CSS 3 final */
}
div#navigation ul li:after { content: ""; }
div#navigation ul li a { color: #fff; text-decoration: none; font-weight: bold; }
div#navigation ul li a:hover { color: #ddd; }

div#content {
  width: 80%;
  min-width: 600px;
  max-width: 1280px;
  margin: 0 auto;
  text-align: left;
}

.small,
.medium {
  margin: 0 1%;
}

.small {
  width: 31%;
}

.medium {
  width: 64%;
}

.big {
  width: 100%;
}

#cv-languages,
#cv-tools,
#cv-methods { text-align: center; }

#cv-languages { margin-left: 0; }
#cv-tools { border-left: 1px solid #888; border-right: 1px solid #888; padding: 0 1%; }
#cv-methods { margin-right: 0; }

.left { float: left; }
.right { float: right; }

div#content p {
  text-indent: 1em;
  text-align: justify;
  line-height: 1.5em;
  margin: .7em .5em .3em;
}

div#content p.error {
  margin-left: 50px;
  padding: 10px 5px;
  color: #700000;
  font-style:
  italic;
  text-indent: 20px;
  background: #e7dada url(../img/famfamfam/exclamation.png) no-repeat 3px .8em;
  border-left: 5px solid #700000;
}

form#form-wiki-content { margin-left: 50px; }
form#form-wiki-content textarea {
  width: 90%;
  border-left: 5px solid #888;
  height: 550px;
  background: #efefef;
}

form {

}

label {
  display: block;
  font-style: italic;
  color: #555;
  font-size: .9em;
  margin-left: 10px;
  margin-top: .5em;
  cursor: pointer;
}

.required:before {
  content: "*\00A0";
  color: #b40000;
  font-weight: bold;
  font-size: 1.2em;
}

form .text input,
form .text textarea {
  width: 75%; border: 1px solid #888;
  border: 1px solid #888;
  margin: .5em 10px;
  padding: 3px;
}

form .submit input {
  margin-left: 10px;
  background: #b40000;
  border: 1px solid #b40000;
  border-left: 3px solid #700000;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-transform: lowercase;
  /*
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  */
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

form.nice { margin: 5px 10px; }
form.nice label { display: none; }
form.nice input { width: auto; padding: 1px; font-style: italic; }
form.nice .text input { margin: 5px 0; padding: 2px; padding-left: 20px; }
form.nice .text,
form.nice .submit { display: inline; }
form.nice input#login { background: url(../img/famfamfam/user.png) no-repeat 2px 50%; }
form.nice input#password { background: url(../img/famfamfam/key.png) no-repeat 2px 50%; border-right: 0 none; }
form.nice input#page_title { background: url(../img/famfamfam/page_add.png) no-repeat 2px 50%; border-right: 0 none; }
form.nice input#q { background: url(../img/famfamfam/zoom.png) no-repeat 2px 50%; border-right: 0 none; }
form.nice .submit input {
  margin-left: 0;
  /*
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  */
}


div#footer {
  clear: both;
  padding: 20px;
  text-align: center;
  font-size: .8em;
  font-style: italic;
  color: #aaa;
}