/* ---( page defaults )--- */
body      { color: #333; font-size: small; font-family: Verdana, sans-serif; background-color: #e0e0e0; text-align: center; margin: 0; padding: 0 }
blockquote { color: #666; font-size: 88%; line-height: 1.5em; background: url(../images/quotes.gif) no-repeat left top; margin: 0 0 0 30px; padding: 10px 0 0 20px }
blockquote p { margin-top: 0 }
abbr, acronymn { font-style: normal; cursor: help; border-bottom: 1px dotted }
code { color: #996666 }
hr { display: none }
img { border: none }
/* unordered list style */
ul { list-style: none; margin: 0 0 20px 30px; padding: 0 }
li  { background: url(html_images/tictac_blue.gif) no-repeat 0 6px; list-style: none; margin-bottom: 3px; padding-left: 14px }
/* links */
a:link { color: rgb(21,65,100); text-decoration: none }
a:visited { color: rgb(21,65,100); text-decoration: none }
a:hover { color: #fff; text-decoration: none; background-color: rgb(21,65,100) }
a:active { color: rgb(21,65,100); text-decoration: none }
/* ---( layout structure )---*/
#wrap  { background: url(html_images/tile.gif) repeat-y; text-align: left; margin: 0 auto; width: 847px }
#content { margin-left: 62px }
#main-content { line-height: 1.5em; margin: 20px 0 0; padding: 0; width: 460px; float: left }
#sidebar   { color: #999; font-size: 85%; line-height: 1.4em; text-decoration: none; background-color: transparent; background-image: none; background-position: 0 0; margin: 0 41px 0 547px; padding: 20px 0 0 }
/* ---( header and site name )--- */
#blog-header   { font-family: "Lucida Grande", "Trebuchet MS"; background: #e0e0e0 url(html_images/top_div_blue.gif) no-repeat left top; margin: 0; padding: 0 }
#blog-header h1  { color: #fff; font-size: 200%; background: url(html_images/top_h1_blue.gif) no-repeat left bottom; margin: 0; padding: 45px 60px 50px 160px; text-shadow: #4F73B6 2px 2px 2px  }
#blog-header h1 a { color: #fff; text-decoration: none }
#blog-header h1 a:hover { color: #eee }
/* ---( main column )--- */
h2.date-header  { color: #999999; font-size: 90%; background: url(html_images/date_icon_blue.gif) no-repeat 0 50%; margin-top: 0; padding-left: 14px }
h3.post-title { color: #154164; font-size: 130%; font-family: "Lucida Grande", "Trebuchet MS"; letter-spacing: -1px; margin-top: 0 }
.post { color: gray; font-size: 88%; margin: 0 0 1.5em; padding: 0 0 1.5em 14px; border-bottom: 1px solid #ddd }
.post-footer  { color: #999; font-size: 88%; text-decoration: none; background: url(html_images/tictac_grey.gif) no-repeat 0 8px; margin: 0; padding: 0 0 0 14px }
.post img { padding: 6px; border: dotted 1px #ffffff }
/* ---( sidebar )--- */


h2.sidebar-title  { color: #666; font-size: 130%; font-family: "Lucida Grande", "Trebuchet MS"; background: url(html_images/sidebar_icon.gif) no-repeat 20px 15px; margin: 0; padding: 25px 0 0 50px; height: 32px !important; height /**/: 57px }

#sidebar ul, #sidebar p { margin: 0; padding: 5px 20px 1em 20px; border-bottom: 1px solid #ddd }
#sidebar li  { background: url(html_images/tictac_blue.gif) no-repeat 0 5px }
.formwidth   { width: 100px }
/* profile block */
.profile-datablock { margin: 0; padding: 5px 20px 0 }
.profile-datablock dd { margin: 0; padding: 0 }
.profile-img img { background: #fff; margin: 0 10px 0 0; padding: 4px; float: left; border-style: solid; border-width: 1px; border-color: #ddd #c0c0c0 #c0c0c0 #ddd }
#sidebar p.profile-link  { text-decoration: none; background: url(html_images/profile_blue.gif) no-repeat 20px 4px; padding-left: 36px }
p#powered-by, #sidebar p.profile-textblock { margin-top: 1em; border: none }
/* ---( footer )--- */
.clear { height: 0; clear: both }
#footer     { color: #ddd; font-size: 75%; background: url(html_images/bottom_sill.gif) no-repeat left bottom; margin: 0; padding: 0 0 9px }
#footer p  { background: url(html_images/bottom_sash.gif) no-repeat left top; margin: 0; padding: 20px 320px 20px 95px }