/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
/*   
 See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); }
*/
html, body, div { margin: 0; padding: 0;}
html { background-color : #000; }
body { font : 72%/1.5 Verdana, "Lucida Grande","Lucida Sans Unicode", sans-serif; color : #818181; background-color: #000;}
h2 { margin-bottom : .15em; font : 180% Georgia, sans-serif; letter-spacing : -1px; color: #fff;}
h3 { color: #fff;}
h3 a { text-decoration: none; color: #818181; }
h3 a:hover { color: #d60505; }
p { font-size : 100%; }
a {text-decoration: none; color: #D8CAFF;}
a:hover {color:#d60505;}
li { list-style-type: none; border-bottom: #fff dotted 1px; margin: 0;}
ul { margin: 0 0 18px 0; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

/* branding */
div#branding { width : 100%; position : relative; z-index : 10; height : 22px; background-color: #818181; border-bottom: #c0c0c0 solid 2px; margin: 0; padding: 0;}
img#branding-logo { margin-top: 7px; }
div h1 { text-indent: -9999px; margin: -20px; padding:0; }

/* ribbon */
#ribbon {position: fixed; float: right; top: 0; right: 0; width: 150px; height: 150px; z-index: 500;}

/* content */
.ebohling-content h3 { margin-bottom: -10px;font-size: 200%; }
object { border: #fff solid 2px;}
div#section-masthead {background-color: #333;}
div.section-banner { padding: 30px 0 10px 0; margin-top: 0;}
#section-logo { border: #fff solid 1px;}
h1#section-title { font: 240% Georgia, sans-serif; letter-spacing: 2px; text-indent: 0px; margin: 0; padding: 0; color: #fff;}
h3.blog-data-header { font-size: 120%; color: #818181; margin: 15px 0 5px 0; letter-spacing: 2px; text-transform: uppercase; font-weight: bold;}
div.ebohling-content { margin-top: 0px; padding-top: 10px; border-bottom: #333 dashed 1px;}
div.ebohling-content h2 { font-size: 260%; }
div#blog-entries .posted { margin-bottom: 25px;}
div.ebohling-content li { list-style-type: square; border: none; margin-left: 15px; }
ul.blog-data li { list-style-type: none; border-bottom: #fff dotted 1px; margin: 0;}

div.photo-box-right { float: right; margin: 0 0 10px 15px; font-style:italic; font-variant:small-caps; }
img.photo-right { border: #fff solid 2px; margin:0; }

/* blog pagination */
div#blog-pagination { border: #333 solid 1px; background-color: #141414; padding: 5px 0 0 5px; margin-top: 25px ;}

/* comments */
div.comment-date, div.comment-text {padding: 5px 0 5px 0;}
div.comment-date {margin-left: 5px;}
div.comment-text {margin: 0 5px 0 -10px;}
div.ebohling-comments { font-size: 100%; color: #818181; background-color: #141414; border: #333 solid 1px; margin-bottom: 10px; }
div.ebohling-comments a:link { text-decoration: none; color: #818181;}
div.ebohling-comments a:hover { color: #d60505; }

/* comment form */
div#ebohling-comment-form { margin-top: 25px; }
div#ebohling-comment-form legend { color: #818181; padding: 5px; }
div#ebohling-comment-form label { color: #818181; }
div#ebohling-comment-form img {float: right; margin-top: -37px; }
div#ebohling-comment-form #submit-button { margin: 0; padding: 0; left: 0;}

/* section navigation */
div#section-nav { background-color: #141414; border-top: #141414 dashed 2px; margin-top: 30px;}
div#blog-links, #blog-links h2 { margin-top: 5px; color: #fff; }
.section-nav-header { margin-top:  10px; color:  #fff;}
div#blog-links a { text-decoration: none; color: #fff;}
div#blog-links a:hover { color: #d60505; }
#blog-links img {margin: 0; padding: 0;  }

/* feeds */
div.has-image {margin-bottom: 15px;}
img.feed {margin:0; padding:0;}

/* footer */
div#footer { background-color: #333; border-top: #c0c0c0 solid 2px; margin-top: 0px; }
div#portal-links, #portal-links h2 { margin-top: 5px; color: #fff; }
div#portal-links a { text-decoration: none; color: #fff;}
div#portal-links a:hover { color: #d60505; }
#portal-links img {margin: 0; padding: 0;  }

/* copyright */
div#copyright { background-color: #424242; border-bottom: #c0c0c0 solid 5px; color: #000; padding: 3px 0 4px 0;}
div#copyright a { text-decoration: none; color: #000;}
div#copyright a:hover { color: #d60505; }