/*
Theme Name: Cris's Theme
Theme URI: http://wordpress.org/
Description: A modified version of the default WordPress theme.
Version: 0.2.2
Author: Cris Luengo
Tags: white, blue, two columns, widgets

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

Copyright 2009-2011 Cris Luengo.

*/

html {
  background-color: #aaa;
}

body {
  color: black;
  background-color: white;
  background-image: none;
  width: 53em;       /* {#content > width} + 2*{#content > padding} + {#sidebar > margin-left} */
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  text-indent: 0em;
  border: 1px solid black;
  text-align: left;
}

/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Eduardo Tunni
 * @licenseurl: http://scripts.sil.org/OFL
 */
@font-face {
	font-family: 'Mate';
	font-style: normal;
	font-weight: normal;
   src: url('Mate-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Mate';
	font-style: italic;
	font-weight: normal;
	src: url('Mate-Italic.otf') format('opentype');
}
/*
 * The fonts included are copyrighted by:
 * @vendor:     Accademia di Belle Arti di Urbino
 * @licenseurl: http://www.fontsquirrel.com/license/lekton
 */
@font-face {
	font-family: 'Lekton';
	font-style: normal;
	font-weight: normal;
	src: url('Lekton-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Lekton';
	font-style: italic;
	font-weight: normal;
	src: url('Lekton-Italic.ttf') format('truetype');
}
/*
@font-face {
	font-family: 'Lekton';
	font-style: normal;
	font-weight: bold;
	src: url('Lekton-Bold.ttf') format('truetype');
}
*/
/* Fonts included are copyrighted by:
 * @vendor:     Manfred Klein
 * @licenseurl: http://www.fontsquirrel.com/license/WinterthurCondensed
 */
@font-face {
	font-family: 'WinterthurCondensed';
	font-style: normal;
	font-weight: normal;
	src: url('WinterthurCondensed.ttf') format('truetype');
}
/*
@font-face {
	font-family: 'WinterthurCondensed';
	font-style: italic;
	font-weight: normal;
	src: url('Fonts/WinterthurCondensedOblique.ttf') format('truetype');
}
*/
/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Jos Buivenga
 * @vendorurl:  http://www.exljbris.com
 * @licenseurl: http://www.fontsquirrel.com/license/Fertigo-Pro
 * A font by Jos Buivenga (exljbris) -> http://www.exljbris.com
 */
@font-face {
  font-family: 'Fertigo Pro';
  font-style: normal;
  font-weight: normal;
  src: url('Fertigo_PRO.otf') format('opentype');
}


/* Fonts */
body, select {
  font-family: "Mate", "Liberation Serif", serif;
}

h1, h2, h3, #header .description, #content .pagetitle {
  font-family: "Fertigo Pro", "Liberation Sans", Verdana, sans-serif;
}

#content .postmetadata, #commentform, #sidebar, #sidebar h2, #footer, textarea, input {
  font-family: "WinterthurCondensed", "Liberation Sans", Verdana, sans-serif;
}

pre, tt, code {
  font-family: "Lekton", "Nimbus Mono L", "Courier", "Courier New", "Liberation Mono", monospace;
}

/* Header */
#header {
  background: #79b;
  margin: 0;
  padding: 3em 1em;
  border-bottom: 1px solid black;
}

h1 {
  font-weight: normal;
  color: white;
  font-size: 2.5em;
  text-align: center;
  margin: 0;
  padding: 0;
}

#header .description {
  color: white;
  font-size: 1.4em;
  text-align: center;
  margin: 0;
  padding: 0;
}

h1 a, h1 a:hover, h1 a:visited {
  text-decoration: none;
  color: white;
}

/* Main part */

#content {
  float: left;
  padding: 2em;
  margin: 0;
  margin-right: 14em; /* same as #sidebar > margin-left */
  width: 35em;
}

h2 {
  clear: both;
  font-weight: normal;
  font-size: 1.8em;
  padding: 0;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h3 {
  font-weight: normal;
  font-size: 1.2em;
  padding: 0;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #333;
  text-decoration: none;
}
h2 a:hover, h3 a:hover {
  color: #36a;
  text-decoration: none;
}

p {
  margin: 0;
  margin-bottom: 0.8em;
  padding: 0;
}

p.pagetitle {
  font-size: 1.5em;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  padding: 0;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid #aaa;
  margin: 0;
}

a, a:visited {
  color: #36a;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}

p.date { /* used for the date below the post heading */
  font-size: 0.9em;
  color: #777;
  margin: 0;
  margin-bottom: 1em;
  margin-top: -0.8em;
}

#content .post {
  margin: 0;
  margin-bottom: 2em;
}

#content .entry {
  text-align: justify;
  line-height: 1.4em;
}

#content .postmetadata {
  clear: both;
  font-size: 0.9em;
  line-height: normal;
  color: #777;
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 2em 0;
  padding: 0.5em 2em;
}

#content em {
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

#content strong {
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

#content img {
  display: block;
  padding: 0;
  margin: 0.2em auto;
  max-width: 30em;
}

#content img.small {
  display: inline;
  margin: 0.2em 1em;
  width: 8em;
}
#content p.smallimg {
  text-align: center;
}

#content pre {
  width: inherit;
  overflow: auto;
  padding: 1em;
}

#content .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

#content .attachment {
  text-align: center;
  margin: 5px 0px;
}

hr {
  display: none;
}
.post hr {
  display: block;
}

.navigation {
  display: block;
  font-size: 0.9em;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 3em;
}
.alignright { /* Used with .navigation */
  float: right;
}
.alignleft { /* Used with .navigation */
  float: left
}

/* Side Bar */

#sidebar {
  float: right;
  padding: 2em;
  padding-left: 0;
  margin: 0;
  width: 12em;
  margin-left: -14em; /* width + 2em */
  border: none;
}

#sidebar ul {
  font-size: 0.9em;
  line-height: 130%;
}

#sidebar h2 {
  font-size: 125%; /* == 1em, but that doesn't work in IE7 */
  font-weight: normal;
  margin: 0;
  margin-top: 0.25em;
  padding: 0;
}

#sidebar ul ul {
  font-size: 100%;
}

#sidebar ul ul li, #sidebar ul ol li {
  font-size: 100%;
  color: #777;
  margin: 0;
  padding: 0;
}

#sidebar form {
  margin: 0;
}

.textwidget {
  /*text-align: justify;*/
}

/* Footer */

#footer {
  clear: both;
  background: #79b;
  color: white;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0;
  border: none;
  border-top: 1px solid black;
  font-size: 0.9em;
}

#footer a, #footer a:visited {
  color: white;
  text-decoration: none;
}
#footer a:hover {
  color: white;
  text-decoration: underline;
}

/* Comments */

.commentlist {
  padding: 0;
  text-align: justify;
}

.commentlist li {
  list-style: none;
  font: 0.9em;
  font-weight: normal;
  font-style: normal;
  margin: 0.4em 0;
  padding: 0.4em;
}

.commentlist li.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.commentlist p {
  text-transform: none;
  margin: 0.4em 0em 0.4em 1em;
}

.commentlist cite, .commentlist cite a {
  font-style: italic;
}

.commentlist pre, .commentlist tt {
  font-weight: normal;
  font-style: normal;
}

.nocomments {
  color: #777;
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  font-weight: normal;
  margin: 0;
  display: block;
}

/* All lists */

/* Special stylized non-IE bullets.
   Does not work in Internet Explorer, which merely defaults to normal bullets. */

html>body .entry ul {
  margin-left: 0;
  padding: 0 0 0 2.4em;
  list-style: none;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

html>body .entry li {
  margin: 0.6em 0 0.7em 0.8em;
}

.entry ul li:before, #sidebar ul ul li:before {
  content: "\00BB \0020";
}

ol li, #sidebar ul ol li {
  list-style: decimal outside;
}

.entry ol {
  padding: 0 0 0 3em;
  margin: 0;
}

.entry ol li {
  margin: 0;
  padding: 0;
}

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 1em;
}

#sidebar ul p, #sidebar ul select {
  margin: 0;
  margin-left: 0.5em;
  margin-bottom: 0.8em;
}

#sidebar ul ul, #sidebar ul ol {
  margin: 0;
  margin-left: 0.5em;
  margin-bottom: 1em;
}

#sidebar ul li h2 {
  margin-bottom: 0.2em;
}

#sidebar ul ul li, #sidebar ul ol li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.2em;
}

/* The comment entry form */

#respond {
}

#commentform p {
  margin-bottom: 0.2em;
}

#commentform label {
}

#commentform input {
  font-size: 1em;
  width: 18em;
  height: auto;
  padding: 0.2em;
  margin: 0;
}

#commentform textarea {
  font-size: 1em;
  padding: 0.2em;
  margin: 0;
  width: 98%; /* stupid, but I need it to line up a bit better on the right... */
  height: 10em;
}

#commentform #submit {
  font-size: 1em;
  width: auto;
  float: right;
}

#commentform small {
  font-size: 0.9em;
  color: #777;
}

/* Search forms */

#searchform {
  /*font-size: 1em;*/
}

#searchform input {
  font-size: 1em;
  height: auto;
  padding: 0.2em;
  margin: 0;
}

#searchform #searchsubmit {
  width: 5em;
}

#searchform #s {
  width: 10em;
}

/*
#sidebar #searchform #s {
  width: 9em;
  padding: 0.2em;
}
*/

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align: center;
}