html, body { height: 100% }

body {
        color: #333333;
        background-color: #ffffff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0;
        padding: 0;
}

h1 {
        font-size: 2em;
        margin: .67em 0;
}

h2 {
        font-size: 1.5em;
        margin: .75em 0;
}

h3 {
        font-size: 1.17em;
        margin: .83em 0;
}

h4 {
        font-size: .83em;
        margin: 1.5em 0;
}

h5 {
       font-size: .75em;
       margin: 1.67em 0;
}

pre  {
        color: #333333;
        font-size: 12px;
        overflow-x: auto;
        overflow-y: auto;
        background-color: #dddddd;
        padding: 10px;
        border-top: 0px solid #555555;
        border-left: 5px solid #bbbbbb;
        border-right: 5px solid #bbbbbb;
        border-bottom: 0px solid #555555;
        max-width: 800px;
}

code, samp {
        font-size: 12px;
        font-family: monospace;
        max-width: 800px;
}

cite, blockquote {
        text-align: justify;
        font-style: italic;
        font-size: 12px;
        padding: 0px 30px 0 30px;
}

p {
        text-align: justify;
        text-indent: 1em;
        max-width: 800px;
}

ul, ol {
        text-align: justify;
        font-size: 12px;
        max-width: 800px;
}

table {
        border-collapse: separate;
        border-spacing: 5px 5px;
        text-align: justify;
}

td { max-width: 800px }

a        { font-weight: bold }

a > img	{
        border-width: 0;
        border-style: none;
        text-decoration: none;
}

#banner {
        min-width: 780px;
}

#banner h1 {
        margin: 0px;
        padding: 15px 0px 7px 15px;     
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
        font-size: 24px;
        color: #ffffff;
        padding: 5px;
        background-color: #38aaed;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.description {
        color: #525252;
        background-color: #e8f5fd;
        display: block;
        font-family: Georgia, serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        /*text-transform: lowercase;*/
        padding: 8px 15px 15px 15px;
}

#container {
        position: relative;
        color:#333333;
        background-color: #ffffff;
        margin: auto;
        min-height: 90%;
        overflow-x: auto;
        overflow-y: auto;
}

#content { margin-left: 235px }

#links  {
        float: left;
        width: 205px;
        color: #333333;
        background-color:#ffffff;
        border: 1px solid #9ed8f6;
        border-top: 5px solid #0088d6;
        padding: 15px 0 10px 0;
        margin: 10px 0 10px 10px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-radius-bottomleft: 5px;
        -webkit-border-radius-bottomright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
}

#links a:link { color: #4682b4; text-decoration: underline; border-width: 0; border-style: none }
#links a:visited {color: #4682b4;  text-decoration: underline; border-width: 0; border-style: none }
#links a:active { color: #333333; text-decoration: underline }
#links a:hover { color: #333333; text-decoration: underline; border-width: 0; border-style: none }

.intro p, ul, ol {
        font-size: 12px;
        line-height: 1em;
}

.intro  { padding: 10px }
.intro a:link { color: #4682b4; font-weight: normal; text-decoration: underline; border-width: 0; border-style: none }
.intro a:visited { color: #4682b4; font-weight: normal; text-decoration: underline; border-width: 0; border-style: none }
.intro a:active { text-decoration: underline }
.intro a:hover { color: #333333; font-weight: normal; text-decoration: underline; border-width: 0; border-style: none }


.blog {
        margin: 0px;
        padding: 15px 15px 0px 0px;
}

.blog a:link { color: #4682b4; text-decoration: underline; border-width: 0; border-style: none }
.blog a:visited { color: #4682b4; text-decoration: underline; border-width: 0; border-style: none }
.blog a:active { text-decoration: underline }
.blog a:hover { color: #333333; text-decoration: underline; border-width: 0; border-style: none }

.archives {
        margin: auto;
        overflow-x: auto;
        font-size: 12px;
        padding:0 10px 0 10px;        
}

.archives a:link { border: 0px solid #aaaaaa; color: #4682b4; font-weight: normal; text-decoration: underline;}
.archives a:visited { color: #4682b4; font-weight: normal; text-decoration: underline;}
.archives a:active { color: #333333; font-weight: normal; text-decoration: underline }
.archives a:hover { color: #333333; font-weight: normal; text-decoration: underline;}


.blogbody {
         margin-left: 90px;
         padding:5px;
         font-family: Georgia, serif;
         font-size: 14px;
         line-height: 15px;
}

.item-description a {font-weight: normal}

h3.title {
        font-size: 16px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#4682b4;
        border-top: 5px solid #ff5b24;
        padding: 10px 0px 0px 0px;
        margin-bottom: 23px;
        margin-top: 25px;
}

#menu, .menu {
        font-size: 12px;
        font-weight: bold;
        margin: 25px 0 25px 0;
        text-align: center;
}

#menu > a { font-weight: bold }

.menu > a {
	 color: #ffffff;
	 padding: 5px;
	 background: #ff5b24;
         /*border: 2px solid #aaaaaa;*/
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;

}

.menu > a:hover { color: #333333; }

.menu > table > tbody > tr > td  {
        font-weight: bold;
        font-size: 12px;
        border: 2px solid #aaaaaa;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #4cb915;
}

.menu > table > tbody > tr > td > a:link {color: #ffffff;}
.menu > table > tbody > tr > td > a:visited {color: #ffffff;}
.menu > table > tbody > tr > td > a:hover {color: #333333;}


h2.date  {
        float: left;
        margin-top: 30px;
        background-color: #4cb915;
        font-size: 9px;
        color: #ffffff;
        width: 70px;
        padding: 3px;
        border: 1px solid #ffffff;
        text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.posted {
        font-size: 10px;
        margin: 0 0 25px 100px;
}

.calendar { font-size: 12px }

.calendar table {
        margin: auto;
        border-style: none;
        border-collapse: collapse;
        text-align: right;
}

.calendar table th {
        text-align: center;
        text-transform: lowercase;
        font-weight: normal;
        background-color: #e9f6fd;
}

.calendar td { padding: 2px 4px 0 4px }

.calendarhead {
        margin: auto;
        color: #5e5e5e;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5em;
}

.calendarday { 
        color: #5e5e5e;
        font-weight: bold;
}

#links > div.calendar > table > caption.calendarhead > a {font-weight: bold }
#links > div.calendar > table > caption.calendarhead > a:link { color: #4682b4; text-decoration: underline; border-width: 0; border-style: none }
#links > div.calendar > table > caption.calendarhead > a:visited { color: #4682b4; text-decoration: underline; border-width: 0; border-style: none }
#links > div.calendar > table > caption.calendarhead > a:active { color: #333333; text-decoration: underline }
#links > div.calendar > table > caption.calendarhead > a:hover { color: #333333; text-decoration: underline; border-width: 0; border-style: none }


.side {
        padding: 0 5px 0 5px;
        font-size: 10px;
}

.sidetitle {
        background-color:#e9f6fd;
        font-size: 12px;
        color: #5e5e5e;
        font-weight: bold;
        margin: 10px 0 10px 0;
        border-top: 5px solid #0084d6;
        text-align: center;
        text-transform: lowercase;
}

.syndicate {
        font-size: 10px;
        text-align: center;
}

.feed-small {
        height: 14px;
        padding-left: 17px;
        background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
}

.powered {
        font-size: 10px;
        text-align: center;
}

.powered > a {
        display: block;
        font-weight: bold;
}

.fortune {
        font-family: Verdana, Arial, sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 10px;
        padding: 2px 15px 2px 15px;
}
