/*
 * blog.fabiomancinelli.org CSS stylesheet
 * (C) 2011 by Fabio Mancinelli <fm@fabiomancinelli.org>
 *
 * This work is licensed under a Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) License.
 * http://creativecommons.org/licenses/by-sa/3.0/
 */

/*********************************************************
 * Enabling HTML5 tags for browsers non supporting HTML5 *
 *********************************************************/
header { display: block; }
footer { display: block; }
section { display: block; }
article { display: block; }

/*******************
 * Generic styling *
 *******************/
body {
    /*background: #FFFFFF url(/images/top-grad.png) repeat-x;*/
    background-image: url(/images/background.png);
    font-family: "Lora";
    margin: 0px;
    padding: 0px;
    color: #393B40;
}

code {
  font-family: "Monospace";
  font-size: 10pt;
}

a:link {
    color: #21759B;
    text-decoration: none;
}

a:hover {
    color: #21759B;
    text-decoration: underline;
}


a:visited {
    color: #21759B;
}

h1 > a:link {
    text-decoration: none;
}

h1 > a:hover {
    text-decoration: underline;
}

/*****************************************************************************************
 * The div that wraps all the content and defines the site width (except for the footer) *
 *****************************************************************************************/
#wrapper {
    margin: 0px auto 0px;
    width: 900px;
}


/****************************
 * Style for the top header *
 ****************************/
header#page_header {
    margin-bottom: 50px;
}

header#page_header h1 {
    color: #21759B;
    font-family: Georgia;
    font-size: 32pt;
    font-weight: normal;
    margin-bottom: 0px;
    text-shadow: 1px 1px #E0E0E0;
}

header#page_header h2 {
    color: #9F8158;
    font-size: 12pt;
    font-weight: normal;
    margin-top: -7px;
    text-shadow: 1px 1px #E0E0E0;
}

/*********************************************
 * Style for the post index in the home page *
 *********************************************/
section#posts {
    color: #202020;
    line-height: 1.3em;
    text-align: justify;
}

section#posts ul
{
    list-style-type: diamond;
    margin-bottom: 100px;
}

section#posts li
{
    margin-bottom: 20px;
    color: #606060;
    font-size: 11pt;
}

section#posts h1 {
    color: #21759B;
    font-family: Georgia;
    font-size: 20pt;
    font-weight: normal;
    margin-bottom: 25px;
    text-shadow: 1px 1px #E0E0E0;
}

section#posts h2 {
    color: #21759B;
    font-family: Georgia;
    font-size: 14pt;
    font-weight: normal;
    margin: 0px;
    text-shadow: 1px 1px #E0E0E0;
}

section#posts h3 {
    color: #9F8158 ;
    font-family: "Lora";
    font-size: 10pt;
    font-weight: normal;
    margin-top: -1px;
    text-shadow: 1px 1px #E0E0E0;
}

/***************************
 * Style for a single post *
 ***************************/
article.post {
    font-size: 13pt;
    line-height: 1.4em;
    margin-bottom: 4em;
    text-align: justify;
}

article.post header {
    margin-bottom: 2em;
}

article.post header h1 {
    color: #21759B;
    font-family: Georgia;
    font-size: 24pt;
    font-weight: normal;
    margin-bottom: 5px;
    text-shadow: 1px 1px #E0E0E0;
}

article.post header h2 {
    color: #9F8158;
    font-family: "Lora";
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    text-shadow: 1px 1px #E0E0E0;
}

article.post h1 {
    color: #21759B;
    font-family: Georgia;
    font-size: 18pt;
    font-weight: normal;
    text-shadow: 1px 1px  #E0E0E0;
}

article.post h2 {
    color: #21759B;
    font-family: Georgia;
    font-size: 16pt;
    font-weight: normal;
    text-shadow: 1px 1px #E0E0E0;
}

article.post h3 {
    color: #21759B;
    font-family: Georgia;
    font-size: 14pt;
    font-weight: normal;
    text-shadow: 1px 1px #E0E0E0;
}

article.post img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: 1px solid #C8C8C8;
}

article.post object {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: 1px solid #C8C8C8;
}

/* Disqus comments styling */
div#disqus_thread {
    border-top: 1px solid #C8C8C8;
    margin-top: 10px;
}

/*****************************
 * Style for the page footer *
 *****************************/
footer#page_footer {
    background-color: #21759B;
    height: 350px;
    padding: 30px 20px 0px 0px;
    text-align: right;
}

footer#page_footer a:link {
    color: #FFFFFF;
}

footer#page_footer a:visited {
    color: #FFFFFF;
}

footer#page_footer h1 {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 11pt;
    margin: 0px;
    text-shadow: 1px 1px #808080;
}

footer#page_footer h2 {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 10pt;
    margin: 0px;
    text-shadow: 1px 1px #808080;
}