/**
 * Angelo DiNardi's Website Styles.
 * Lots are original. Some are from elsewhere.
 * Attributions all over the place.
 * angelo.dinardi.name
 */

/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

section, article, aside, footer, header, nav, hgroup {
    display:block;
}

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }




/**
 * angelo.dinardi.name specific
 */

body {
    background-color: #43bcff;
    font-family: Helvetica Neue, Helvetica;
    color: #ffffff;
    /*max-width: 800px;*/
    margin: 0;
}

header {
    padding-top: 3px;
    background-color: #0243c0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);;
}

header,
header h1,
header h2 {
    text-align: center;
    /*color: #FFF;*/
    text-shadow: 3px 1px 3px rgba(0, 0, 0, .25);
}

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

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

h1, h2, h3 {
    text-shadow: 1px 1px rgba(0, 0, 0, .25);
}

h5 {
    color: rgba(255, 255, 255, .8);
}

div.content {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}

section {
    background-color: #0a68cf;

    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #cdcdcd), color-stop(0, #eee));*/
    /*background-image: -moz-linear-gradient(center top, #eee 0%, #cdcdcd 100%);*/

    background-repeat: no-repeat;
    background-size: 100% 40px;
    padding: 10px;

    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/

    margin-top: 10px;
    margin-bottom: 10px;
}

a:link,
a:visited {
    text-decoration: none;
    color: #fff;
}

a:hover {
    color: rgba(255, 255, 255, .80);
    text-decoration: underline;
}

article a.title:link,
article a.title:visited {
    text-decoration: none;
}

article a:link,
article a:visited {
    text-decoration: underline;
}

article a:hover {
    /*color: #777;*/
}

ul {
    list-style-type: none;
}

.links img {
    height: 16px;
    width: 16px;
    vertical-align: text-top;
}

.links li {
    line-height: 25px;
}

.links {
    margin-left: 1em;
}

.links .halflings.map-marker:before {
    line-height: 25px;
    opacity: 0.85;
}

.links .halflings {
    padding-left: 20px;
}

footer {
    font-size: .5em;
}

footer p {
    text-align: center;
}

nav li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    /*text-transform: uppercase;*/
    font-variant: small-caps;
    letter-spacing: 2px;
    font-weight: bold;
    /*font-size: .75em;*/
}

article hgroup {
    margin-bottom: 15px;
}

article {
    line-height: 1.5em;
}

.blogNav {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;

    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;

    width: 100%;
    margin-top: 5px;
}

blockquote {
    margin-left: 1em;
    padding-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 2em;
    border-left: 5px solid #000;
}

article p {
    margin-bottom: 1em;
    margin-top: 1em;
}

article li {
    list-style-type: disc;
    margin-top: .25em;
    margin-bottom: .25em;
}

article ul {
    margin-left: 3em;
}

.feed {
    margin-left: 3px;
    padding-left: 19px;
    background: url("/images/feed.png") no-repeat 0 50%;
    padding-top: 2px;
    padding-bottom: 1px;
}

.feedparent {
    line-height: 20px;
}

hr {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.postrow {
    margin-bottom: .7em;
}

.postrow p {
    font-size: .6em;
    color: rgba(255, 255, 255, .8);
    margin-left: 1em;
}