/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}

/* general */
body {background:#FFFFFF; font-family:Helvetica, Arial; font-size:14px; color:#444444;}
a {color:rgb(59, 89, 152); text-decoration:none;}
h1, h2, h3 {font-weight:normal; letter-spacing:-0.75px;}
h3 {font-size:18px;}

/* html5 */
article, aside, dialog, figure, footer, header, legend, nav, section, time {display:block;}
time{display:inline;}

/* body */
.body {clear:both; width:54em; margin-left:40px; margin-right:40px;}

/* header */
header.body{padding-top:20px; border-bottom:1px dotted #CCCCCC;}
header .site-title{padding:2px 0 20px;}
header .site-title a{font-weight:bold; font-size:45px; letter-spacing:-2.75px; color:#000000;}

/* info */
.info_panel {padding:15px;border-right:1px dotted #CCCCCC;text-align:center;background:#FDFFBD; color:#80621B;}
.info_panel p{width:40em;margin:0 auto;}

/* error */
.error_panel {padding:15px;border-right:1px dotted #CCCCCC;text-align:center;background:#FFCFCF; color:#801B1B;}
.error_panel p{width:40em;margin:0 auto;}
.error_list {margin-top:10px; margin-left:10px; list-style-image:none; list-style-position:inside; list-style-type:disc;}


/* main */
.main{padding:0 0 30px; margin-bottom:30px; border-right:1px dotted #CCCCCC;}
.main .noarticles{padding-top:18px; padding-right:30px; letter-spacing:0.25px; line-height:19px;}
#archives table{background:#EDEDED; padding:10px; width:100%;}
#archives table .archive-title{width:120px;}
#archives table td {padding:10px;}
#archives table .archive-year:hover{background-color:white; cursor:pointer; color:#333333 !important;}
#archives table .archive-more a {color: #333333;}
#archives table .archive-more a:hover {text-decoration:underline;}

/* entry */
.entry {margin-bottom:50px;}
.entry .entry-title a{display:block; padding-top:18px; color:#000000;}
.entry time {color:#888888; font-size:12px;}
.entry .entry-content{margin-top:18px; padding-right:30px;}
.entry .entry-content h2{}
.entry .entry-content p {letter-spacing:0.25px; line-height:19px; margin:14px 0;}
.entry .entry-content blockquote {border-left:5px solid #CCCCCC;color:#777777;margin:15px 30px 0 10px;padding-left:20px;}
.entry .entry-content pre {background-color:#F5F5F5; border:1px solid silver; margin:2em; overflow:auto; padding:0.5em;}
.entry .entry-content pre, .entry .entry-content code{color:#007000; font-family:monospace; font-size:100%;}
.entry .entry-content figure{text-align:center;}
.entry .entry-content figure img{border:0px solid black;}
.entry .entry-content ul, .entry .entry-content ol{list-style-position:inside; list-style-type:disc; margin:0 15px;}
.entry footer{text-align:right; background:#FFFFFF; padding-right:30px;}

/* index */
.index-archive h2{padding-top:18px; padding-bottom:10px;}
.index-archive .entry{margin-bottom:5px;}
.index-archive .entry .entry-title{float:left; margin-right:10px; margin-bottom:3px;}
.index-archive .entry .entry-title a{padding-top:3px;}
.index-archive .entry time{display:block; padding-top:8px;}

/* footer */
footer {background:#EDEDED; margin:30px 10px 10px;}
footer .container {width:54em; padding:20px 0; margin-left:40px; margin-right:40px; min-height:150px;}
footer .container .bio {width:42em; font-size:13px; color:#333333; text-align:justify; float:left;}
footer .container .bio p{margin-bottom:10px;}
footer .container .bio a:hover{text-decoration:underline;}
footer .container .picture{margin-left:30px; width:150px; height:150px;}
footer .admin {min-height:10px !important;}
footer .vcard-more {display:none;}

/* search */
.search{margin-top:30px;margin-bottom:30px;text-align:center;}

/* translate */
#google_translate_element{margin-top:30px;margin-bottom:30px;text-align:center;}

/* forms */
.entry header input{margin-top:18px; width:90%;}
.entry header .slug{display:block; padding-top:5px; padding-bottom:5px; color:#888888; font-size:12px;}
.entry .entry-content textarea{width:100%; margin-right:30px;}
.entry .action{margin-top:18px; text-align:right; margin-right:30px;}

/* admin */
.actions{padding-top:18px; text-align:right; margin-right:30px;}
.admin_list ol{padding-top:18px;}
.admin_list li{margin-top:15px;}
.admin_list li h2{display:inline; font-size:18px;}
.admin_list li h2 a{color:#000000;}
.admin_list li img{border:0px solid black; margin-left:1px; margin-top:1px; position:absolute;}
.admin_list li time{color:#888888; font-size:12px;}
.admin_list .images{width:100%;}
.admin_list .images .image_field{width:25%; margin-top:10px; min-width:130px; height: 150px; float:left;}
.admin_list .images .image_field .image{float:left; margin-bottom:10px; width:100px; height:100px;}
.admin_list .images .image_field a img{float:left; border:0px solid black; margin-left:1px; margin-top:1px; position:absolute;}
.admin_list .images .image_field .image_url_field{width:100px;}

/* static */
#static_form {margin-top:25px;}
#static_form table{width:100%;}
#static_form table td.col1{width:190px;}
#static_form input[type="text"], #static_form select, #static_form textarea{width:500px;}
#static_form textarea{height:300px;}
#static_form .right{float:right;margin-right:50px;}


/* comments */
h3 {margin-bottom:19px;}

/* button */
.btn {display:inline-block;background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#333;margin-bottom:20px;}
* html button.btn {padding-bottom:1px;}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {margin:0 -3px;}
.btn span {background:#ddd url(/static/images/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bbb;border-right:1px solid #aaa;}
* html .btn span {padding-top:0;}
.btn span span {position:relative;padding:3px .4em;border-width:0;border-top:1px solid #bbb;border-bottom:1px solid #aaa;}
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span{cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important;color:#000;}
.btn:active span {background-position:0 -400px;outline:none;}
.btn:focus, .btn:active {outline:none; /* doesn't seem to be respected for <button>, only <a> */}