/* -------------------------------------------------------------- 
  
   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 : #333; background-color: #000;}
h2 { margin-bottom : .15em; font : 180% Georgia, sans-serif; letter-spacing : -1px; color: #818181;}
h3 { color: #333;}
h3 a { text-decoration: none; color: #818181; }
h3 a:hover { color: #d60505; }
p { font-size : 100%; }
a {text-decoration: none; color: #818181;}
a:hover {color:#d60505;}

li { list-style-type: none; border-bottom: #fff dotted 1px; margin: 0;}
ul { margin: 0 0 18px 0; }


/* 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#logo { margin-top: 7px; }
div h1 { text-indent: -9999px; }

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

/* content */
div#ebohling-content { margin-top: 30px;}
div#ebohling-content h2 { font-size: 260%; }
#gallery-nav a { text-decoration: none; color: #818181; }
#gallery-nav a:hover {color:#d60505;}

/* galleries */
#breadcrumb { margin-top: 15px; }
#breadcrumb a { text-decoration: none; color: #818181; }
#breadcrumb a:hover { color: #d60505;}

/* comments */
div.ebohling-comments { font-size: 90%; color: #818181; border-bottom: #fff dotted 1px; padding: 5px 0 5px 0; }
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;}

/* potd */
img.potd { border: #fff solid 1px; }
div#photo-caption { margin-top: -10px; color: #818181;}
div#photo-caption a { text-decoration: none; color: #fff;}
div#photo-caption a:hover { color: #d60505; }
#photo-title { font : 180% Georgia, sans-serif; letter-spacing : -1px; }
#photo-date, #gallery-nav { color: #818181; }

/* footer */
div#footer { background-color: #333; border-top: #c0c0c0 solid 2px; margin-top: 30px; }
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; }