/*  
Theme Name: microformats
Theme URI: http://microformats.org/
Description: The official theme for microformats.org. Now maintained by Ben Ward
Version: 1.1
Author: Dan Cederholm
Author URI: http://www.simplebits.com/
*/

/*
Title:      microformats styles for screen media
Author:     dan@simplebits.com
Updated:    22 July 2005
*/

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: small;
    text-align: center;
    color: #333;
    background: #636958;
    }

/* --[ links ]------------------------------- */

a:link { 
    color: #3080CB;
    text-decoration: none;
    border-bottom: 1px dotted #68C3EE;
    }
a:visited {
    color: #5FB5E1;
    text-decoration: none;
    border-bottom: 1px dotted #86D9F1;
    }
a:hover {
    color: #fff;
    background-color: #3080CB;
    text-decoration: none;
    border: none;
    }
a:active { 
    background-color: #6CA300;
    }
a.more {
    padding-right: 13px;
    background-image: url(../i/more.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    }

/* --[ common elements ]---------------------- */

blockquote {
    margin: 1em 0 1em 30px;
    padding: 0;
    font-size: 88%;
    line-height: 1.5em;
    color: #777;
    }
em {
    font-style: italic;
    }
strong {
    font-weight: bold;
    }
strike, del {
    text-decoration: line-through;
    }

/* --[ layout structure ]--------------------- */

#wrap {
    position: relative;
    width: 750px;
    margin: 0 auto;
    padding: 8px 0 0 0;
    text-align: left;
    background: #fff;
    border-left: 4px solid #53584A;
    border-right: 4px solid #53584A;
    background: #fff url(../i/greenbar-top.gif) repeat-x top left;
    }
#content {
    float: left;
    width: 449px;
    margin: 30px 20px;
    font-size: 95%;
    line-height: 1.5em;
    }
#sidebar {
    float: right;
    width: 241px;
    margin: 30px 20px 30px 0;
    color: #473C28;
    }
#footer {
    clear: both;
    font-size: 85%;
    }

/* --[ header ]------------------------------- */

#header {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: url(../i/header-bg.gif) repeat-x bottom left;
    }
#header h1 {
    float: left;
    width: 144px;
    height: 36px;
    margin: 0;
    padding: 20px 20px 18px 20px;
    }
#header h1 a {
    border: none;
    background: none;
    }

/* --[ nav ]------------------------------- */

#nav {
    width: 530px;
    float: right;
    margin: 0;
    padding: 20px 0 18px 36px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 115%;
    text-transform: lowercase;
    }
#nav li {
    list-style: none;
    float: right;
    margin: 0 6px 0 0;
    padding: 0 0 0 0;
    }
#nav a {
    float: left;
    display: block;
    padding: 8px 7px;
    text-decoration: none;
    font-weight: bold;
    color: #6CA300;
    border: none;
    }
    
/* hover state */

#nav li:hover {
    background: #E0E8B9 url(../i/nhov-top.gif) no-repeat top left;
    }
#nav a:hover { /* a backup for IE's lack of li:hover support */
    background-color: #E0E8B9;
    }
html>body #nav a:hover {
    background: transparent url(../i/nhov-bottom.gif) no-repeat bottom right;
    }
    
/* active state */

#nav li.active {
    background: url(../i/nav-top.gif) no-repeat top left;
    }
#nav li.active a {
    color: #333;
    background: url(../i/nav-bottom.gif) no-repeat bottom right !important;
    }

/* --[ content styles ]------------------------------- */
    
#content h2 {
    margin: 0 0 1em 0;
    padding: 0;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 160%;
    color: #E97E00;
    }

#content h3 {
    margin: 0 0 1em 0;
    padding: 0;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 130%;
    color: #6CA300;
    }
#content ul { padding-left: 10px; }
#content ul li {
    margin: 0 0 4px 0;
    padding-left: 17px;
    list-style: none;
    background: url(../i/bullet-alt.gif) no-repeat 0 3px;
    }

/* weblog entries */

.entry {
    clear: left;
    }

#content .entry h3 {
    margin: 0 0 6px 0;
    padding: 10px 0 0 0;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 150%;
    font-weight: bold;
    border-top: 1px dotted #E0E8B9;
    }
#content .entry h3 a {
    border-bottom: none;
    }
.entry p {
    margin: 0 0 1em 0;
    padding: 0;
    }

/* tags */
#content div.post-tags {
   display: block;
}
#content div.post-tags h4,
#content div.post-tags ul {
   display: inline;
}
#content div.post-tags ul li {
   display: inline;
   background: none;
   padding: 2px;
}

/* blog archive link */

h3#archive-link {
    clear: left;
    padding-top: 10px;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    border-top: 1px dotted #E0E8B9;
    }

/* --[ sidebar ]------------------------------- */

/* rounded box style */

.box {
    width: 241px;
    margin: 0 0 14px 0;
    background: #F8F8EC url(../i/box-tile.gif) repeat-y top left;
    }
.box-inner {
    background: url(../i/box-bottom.gif) no-repeat bottom left;
    }
.box h3 {
    margin: 0;
    padding: 15px 18px 0 18px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 110%;
    color: #E97E00;
    background: url(../i/box-top.gif) no-repeat top left;
    }
.box p, .box ul, .box ol, .box dl, .box form {
    margin: 0;
    padding: 1em 18px 18px 18px;
    font-size: 85%;
    line-height: 1.4em;
    }
.box ul li {
    margin: 0 0 2px 10px;
    padding-left: 15px;
    list-style: none;
    background: url(../i/bullet-alt.gif) no-repeat 0 3px;
    }
.box dl dt {
    margin: 0 0 2px 0;
    font-weight: bold;
    }
.box dl dd {
    margin: 0;
    padding: 0;
    }

/* about box */

#about-logo {
    float: right;
    padding: 8px 2px 8px 10px;
    }

/* --[ footer ]------------------------------- */

#footer {
    margin: 0;
    padding: 0 0 28px 0;
    color: #473C28;
    text-align: center;
    background: #F8F8EC url(../i/footer-bottom.gif) no-repeat bottom left;
    }
#footer p {
    margin: 0 20px 0 20px;
    padding: 10px 0;
    line-height: 1.4em;
    display:block;
    width:710px;
    background: url(../i/footer-top.gif) no-repeat top left;
    }
#footer a {
    color: #6CA300;
    border: none;
    }
#footer a:hover {
    background-color: #E0E8B9;
    }

/* --[ misc ]------------------------------- */

a img { 
    border: none;
    }
.hide {
    display: none;
    }

blockquote blockquote, blockquote blockquote p { 
   display:inline; 
   margin-top:0; 
   margin-bottom:0; 
   padding:0;
}
blockquote ol { 
   margin:0; 
   padding:0; 
   list-style:none;
}

/* --[ oth ]------------------------------- */
.okString { color: green; }
.errorString { color: red; }
.bold { font-weight: bold; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.ok {
    background-color:#CCFFCD;
    border-top:2px solid #019609;
    border-bottom:2px solid #019609;
    margin:5px 15px 5px 0;
    padding:10px 20px;
}

.warning {
    background-color:#FFEBCC;
    border-top:2px solid #FF9900;
    border-bottom:2px solid #FF9900;
    margin:5px 15px 5px 0;
    padding:10px 20px;
}
.error { 
    background: #F2DDDD;
    border-top:2px solid #992A2A;
    border-bottom:2px solid #992A2A;
    margin:5px 15px 5px 0;
    padding:10px 20px;  
}
.inputOk { border: 1px solid #79c204 !important; }
.inputError { border: 1px solid red !important; }
.entry thead { font-size: 1.5em; }
.entry table { margin-top: 5px; margin-bottom: 10px; border: none; border-collapse: collapse; width: 710px; }
.entry table td { border: 1px solid #ccc; }
.entry td { padding: 3px; }
.entry table td.actions { width: 100px; text-align:center !important; }
.entry table td.action { text-align:center !important; }
.bigInput { border: 1px solid #ccc; padding: 5px; width: 422px; font-size: 18px; }
.medInput { border: 1px solid #ccc; padding: 5px; width: 300px; font-size: 18px; }
.fitInput { width: 100px !important; }
.bigSubmit { padding: 10px; background-color: #f8f8ec; color: #663300; border: 2px solid #e0e7b8; font-weight: bold; }
input[readonly] { background-color: #f7f7f7; }
.result { border: 1px dashed #ccc; color: #666; background-color: #f7f7f7; padding: 5px; width: 422px; overflow: auto; white-space: nowrap }

h2.title { margin-bottom: 0 !important; margin-top: 1em !important; }
h3.config { margin-bottom: 0.3em !important; margin-top: 0.8em !important; }

.h2clicked { margin: 1em 0 0 0 !important; }
.h2clicked a { color: white; background-color: red; border: 0;}
.config { display:none; } 
a.ajaxLink {
    text-decoration: none;
    border-bottom: 1px dashed blue;
    color: blue;
}

a.ajaxLink:hover, a.ajaxLink:active {
    text-decoration: none;
    border-bottom: 1px dashed red;
    background-color: white;
    color: red;
}

a.ajaxLink:visited {
    text-decoration: none;
    border-bottom: 1px dashed violet;
    color: violet;  
}
table { border-collapse: collapse; width: 434px; }
tr.odd { background-color: white; }
tr.even { background-color: #f7f7f7; }
td { padding: 5px; border: 1px solid #ccc; }
.param { text-align: right; font-weight: bold; }
.center { text-align: center; }
#map { border: 1px solid black; width: 432px; height: 400px; margin-bottom: 5px }
#topip { background-color: #a9de16; text-align: center; width: 100%; color: black; font-size: 1.8em; padding-bottom: 5px; border-bottom: 2px solid #e0e8b9; text-transform: uppercase }
#topip a { background-color: #a9de16 !important; color: black; text-decoration: underline; border: 0 !important; }

.invisible { display: none }