﻿
body { font: 100%/1.5 'Open Sans', Arial, sans-serif; font-size: 15.4px; background-color: #3c454f; }

h1, h2, h3, h4, h5, h6, #site-name, #tag-line
{
	line-height: 1.2;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #333;
	font-weight: bold;
}

h1 { font-size: 150%; margin-bottom: 25px; padding-bottom: 2px; border-bottom: 1px solid; clear: both; }
h2 { font-size: 130%; margin: 20px 0 15px 0; }
h3 { font-size: 110%; margin: 20px 0 15px 0; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

#container
{
    background-color: #777;
    box-shadow: 0 0 10px 4px #d5d5d5;
    -moz-box-shadow: 0 0 10px 4px #d5d5d5;
    -webkit-box-shadow: 0 0 10px 4px #d5d5d5;
}

header
{
    height: 79px;
    padding: 0 25px;
}


#site { float: left; margin: 13px 0; background-color:transparent; }
#site a { text-decoration: none; }
#site-name { font-size: 160%; }
#tag-line { font-size: 120%; color:#333; }

#topbar { float: right; margin-top: 6px; background-color:transparent; }
#topbar #links { text-align: right;  margin:  0 4px 7px 0; }
#search { clear: both; text-align:right; }
#search .box { margin-bottom: 7px; }

.crossbar
{
    border-bottom: 2px dotted #3c454f;
    clear: both;
}

article { padding: 25px; }
article.entry li p { margin-bottom: 0; }

article.entry p,
.wmd-preview p,
article.entry pre.prettyprint,
article.entry ol,
article.entry ul
{ margin-bottom: 15px; }

.entry-date { margin-bottom: 20px; margin-top: 20px; font-style:italic; }
pre.prettyprint code { font-size: 11pt; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; }
article.entry pre.prettyprint { border: 1px dotted #777; padding: 10px; background-color: #f8f8f8; }

footer { margin-top: 30px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #3c454f; text-align: center; }

a:link { border-bottom:1px dotted; color:#333; text-decoration:none; }
a:visited { color:#555; }
a:link:hover, a:visited:hover { border-bottom:1px solid; text-decoration:none; color:#333 }

.admin-box
{
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 15px;
    background-color: #999;
    border: 1px solid #3c454f;
}

ul.entry-list { margin: 0; }
ul.entry-list li
{
    list-style-type: none;
    margin: 20px;
}

ul.entry-list li .date { font-size: 100%; }

.watermark { color: #999; }

.form input#Title { font-size: 140%; width: 100% }
.form input#NewSlug { width: 100% }

.form .text-box, .form textarea, .form .wmd-preview, .field-validation-error { border: 1px solid #bbb; padding: 5px 7px; }
#search .box { border: 1px solid #bbb; padding: 3px 4px; }
.form .text-box, .form .markdown, .form .wmd-preview { width: 100% }
.form textarea { height: 350px; }
.form .wmd-preview { background-color:#f5f5f5; height: 350px; overflow: auto; }

.form label {font-weight:bold; margin-bottom:15px;}

a.button { color:#555555; text-decoration: none; border-bottom: none }
a.button:link { color:#555555; text-decoration: none; border-bottom: none }
a.button:link:hover { color:#212121 }

.form .field 
{
    margin-bottom: 25px;
}

.form .field.short { width:50% }
.form .field.medium { width:75% }
.form .field.long { width: 100% }
.form .field textarea.small { height: 175px; }

.field-validation-error { display:block; color: #aa0000; border: 1px dotted #aa0000; background-color: #ffdddd; width:100%; margin: 15px 0; }

::-moz-selection{ background: #FFFF55; color:#333; text-shadow: none; }
::selection { background: #FFFF55; color:#333; text-shadow: none; } 

.ui-datepicker { font-size: 100%; }

.publication-status
{
    font-weight: bold;
    color: #aa0000;
    display: inline;
}

.image-box { float: left; margin-right:25px; margin-bottom:25px; }
.about-image { height: 150px; }
.clear-box { clear: both; }