@import url("css/blueprint/compressed/screen.css");
html { height: 100%; margin-bottom: 1px; }
.border { border-right-color: #FFF2E1; }
body { background: #333 url(images/zi-page-bg.gif) fixed; margin-top: 0; }
.body-wrap { margin: 0 auto; padding: 0 !important; width: 950px; border: 5px solid #4b0000; background: #fff; }
p { clear: left; }
/* images */
.i-right { float: right; margin-right: 0; }
.boxbg { padding: 5px; background: url(images/boxbg.gif) 50%; }
.rss-box { background: #FFF2E1 url(images/rss.png) 2em 60% no-repeat; padding: 5px; padding-left: 40px; text-align: center; }
h1, h2, h3, h4, h5, h6 { color: #c33; }
h1, h2, h3 { letter-spacing: -1px; }
.wrapper h2, .wrapper h3, .wrapper h4 { text-shadow: 1px 1px 2px #ccc; }
h4 { font-weight: bold; }
.container { background: #fff; }
.header { background: #6a0000 url(images/header-bg.gif); padding-top: 10px; padding-bottom: 10px; color: #fff; }
.header h1 a { color: #eee !important; }
.header h1 { font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }
.header h2 { font-size: 140%; color: #fff !important;}
.header li a { display: block; color: #fff; text-decoration: none; text-transform: uppercase; }
.header li a:hover { color: #333; background: #fff; text-indent: 2px; }
.left-20 { margin-left: -20px; }
.right-20 { margin-left: 20px; }
.intro { background: #fff; }
.wrapper { background: #fff url(images/header-bg.png) repeat-x; padding-top: 20px; }
.sidebar-bg { background: url(images/sidebar-bg.gif) repeat-y 540px !important; }
.bookmark-icons { padding-left: 5px; }
.bookmark-icons img { margin: 2px; padding: 3px }
/* blog post styles */
.blog-post, .home-post { margin-bottom: 20px; border-bottom: 2px solid #FFF2E1; }
.home-post { border-bottom: none; }
post-title { }
.post-title a { text-decoration: underline; color: #c33; }
.post-title a:hover { text-decoration: none; }
.sponsor { background: #eee; }
.no-list ul, ul.no-list { list-style: none; margin-left: 0; }
a { color: #36c; text-decoration: underline; }
a:hover { color: #c33; }
h1, h2, h3 { font-weight: normal; }
.hr-post { background: #eee; color: #eee; margin-bottom: 30px; }
.tags { color: #888; }
.tags a { color: #e6b81f; }
.tags a:hover { color: #BF2B1A; }
#ditto_pages { font-size: 90%; padding: 5px 0; }
#ditto_pages a { text-decoration: none; }
.ditto_page { padding: 3px 5px; margin: 0 5px; background: #444; }
a.ditto_page { color: #fff; }
a:hover.ditto_page { background: #e6b81f; color: #444; }
.ditto_currentpage { padding: 3px 5px; margin: 0 5px; background: #BF2B1A; color: #fff; }
.ditto_off { display: none; }
/* footer styles */
.footer-wrap { margin: 0 auto; width: 950px; text-align: left; }
.footer { margin-top: 15px; color: #aaa; }
.footer a { color: #ccc; text-decoration: none; padding: 1px; border-bottom: 1px solid #666; }
.footer a:hover { color: #fff; text-decoration: none; }
/* all content styles */
.category-desc { color: #999; border-bottom: 1px solid #FFF2E1; }
.category-title { color: #666; font-weight: bold; }
.bread-crumb { border-bottom: 1px solid #FFF2E1; }
.bread-crumb a, .bread-crumb a:visited { color: #666; }
/* all sidebar css styles */
.sidebar { background: #fff; }
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar-right h2, .sidebar-right h3, .sidebar-right h4, .sidebar-right h5, .sidebar-right h6 { border-bottom: 1px solid #FFF2E1; }
.desc { margin-top: -2em; line-height: normal; }
#search-form { padding-left: 4px; padding-right: 4px; color: #666 !important; line-height: normal; margin: 0; }
#search-form td, .search-form table { border: 1px none #fff; margin: 0; }
/* all sidebar-right css styles */
.link-source { font-size: 9px; color: #aaa; }
/* custom enhancements */
.uppercase { text-transform: uppercase; }
#search-form td { padding: 0 !important; }
.quiet { color: #888; }
hr { background: #FFF2E1; color: #FFF2E1; height: 2px; }
.thumbs125 img, #socialButton img { margin-bottom: 0; }
.img-right { float: right; margin: 0 0 5px 5px;}
.img-left { float: left; margin: 0 5px 5px 0;}

/* Nudge your elements [subtraction.com/archives/2007/0606_nudge_your_e.php]:
   All block elements (not hr) inside a col should have a 5px padding on each side.
   (Not everyone wants this, but feel free to uncomment if you do.) 
*/
p, ul, ol, dl, h1, h2, h3, h4, h5, h6, caption, pre, blockquote, input, textarea { padding-left: 5px; padding-right: 5px; }
/*div, table {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
} */