/*
 * site.css
 *
 * Copyright (c) 2011-2015 Michael Blakeley. All Rights Reserved.
 *
 */

/* reset */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
textarea,
ul {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #888;
}

h1.blogname {
   border-radius: 8px;
   border: 2px solid black;
   color: white;
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: 150%;
   font-weight: bold;
   margin: 12px;
   padding: 16px 32px 16px 32px;
   text-align: center;
   width: 67.5%;

   box-shadow: 0px 5px 35px #232323;

   background-image: linear-gradient(
       bottom, rgb(0,103,0) 20%, rgb(0,153,48) 80%);
   background-image: -o-linear-gradient(
       bottom, rgb(0,103,0) 20%, rgb(0,153,48) 80%);
   background-image: -moz-linear-gradient(
       bottom, rgb(0,103,0) 20%, rgb(0,153,48) 80%);
   background-image: -ms-linear-gradient(
       bottom, rgb(0,103,0) 20%, rgb(0,153,48) 80%);
   background-image: -webkit-linear-gradient(
       bottom, rgb(0,103,0) 20%, rgb(0,153,48) 80%);
   background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.20, rgb(0,103,0)),
       color-stop(0.80, rgb(0,153,48))
   );
}

h1.blogname a:link
{
    color: white;
}

h1.blogname a:hover
{
    text-decoration: none;
    color: white;
}

#content
{
    min-height: 600px;
    width: 100%;
    margin: 0px auto 24px auto;
    background: #ccc;
    box-shadow: 0px 5px 45px #343434;
}

#footer
{
    margin: 12px 12px 12px 12px;
}

#footer a:link {
    text-decoration: underline;
}

.topbar {
}

.button {
    float: left;
    margin: 2px 4px 4px 4px;
    padding: 8px 0px 0px 0px;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 8px;
}

.button-selected {
    background: rgba(64, 64, 64, .67);
}

.main {
    clear: both;
    margin: 8px;
    padding: 0;
    min-height: 600px;
}

.main p {
    margin: 0.25em;
    padding: 0.25em;
}

.main ol {
    margin: 1em;
    padding: 0;
}

.main ul {
    margin: 1em;
    padding: 0;
}

.button:hover {
    background: rgba(253, 197, 7, .67);
}

a:link {
    text-decoration: none;
    color: black;
}

a:visited {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline;
    color: red;
}

.break {
    clear: both;
}

.credits {
    font-style: italic;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.blog_post_title a:link {
    text-decoration: none;
}

.blog_post {
    background: white;
    border-radius: 5px;
    padding: 8px 8px 8px 8px;
}

.post_prose {
    padding: 8px 8px 8px 8px;
}

.post_prose a:link {
    text-decoration: underline;
    color: green;
}

.post_prose a:visited {
    text-decoration: underline;
    color: green;
}

.post_prose code {
    white-space: pre;
}

.post_prose div {
    overflow-x: auto;
}

.post_prose pre {
    white-space: pre;
    overflow-x: auto;
    margin-left: 1em;
}

.post_prose h3, h4, h5, h6 {
    margin: 0.5em 0 0.25em 0;
}

.after_post {
    padding: 8px 8px 8px 8px;
}

#page_nav {
    margin: 16px 0px 16px 0px;
}

#page_nav a {
   font-weight: bold;
}

#google_search_form input {
    margin: 32px 0 8px 8px;
    border-radius: 4px;
    font-size: 133%;
    width: calc(67.5% - 248px);
    min-width: 96px;
}

#prose_block {
    float: left;
    width: 65%;
}

#right_sidebar {
    float: right;
    width: 30%;
    background: #dadada;
    border-radius: 5px;
    padding: 8px 8px 8px 8px;
}

#right_sidebar a {
    color: #24b;
}

#right_sidebar li {
    line-height: 110%;
    margin-bottom: 4px;
}

div.interblog {
    margin-bottom: 8px;
}

/* Target iphone4  landscape */
@media (max-width: 448px) {
    #prose_block {
        width: 100%;
    }

    h1.blogname {
        width: auto;
        margin: 4px;
        padding: 4px 8px 4px 8px;
    }

    #google_search_form input {
        margin: 8px 0 8px 8px;
        width: 90%;
    }

    .main {
        margin: 4px;
    }

    .right_sidebar {
        display: none;
    }

}

/* site.css */