/* -*- coding: utf-8 -*-
** Styles information (blueprint for typography and layout)
*/

/* TODO: serif fonts for titles?
font-family:Georgia, "Times New Roman", Times, serif;
*/


/* Wrapper */
#wrap { border-top:20px solid #333; margin-top:20px; margin-left:20px; }

/* Links */
a {color:#181818;}
a:visited {color:#A0A0A0;}
a:hover { background-color:#181818; color:#fff; }

/* Turn off links for pictures */
a img { background-color:#fff; }

/* Quiet links */
.qlinks a { color:inherit; text-decoration:none; }
.qlinks a:visited { color:inherit; }
.qlinks a:hover { background-color:#181818; color:#eee; }

/* Silent links */
.slinks a { color:inherit; text-decoration:none; }
.slinks a:visited { color:inherit; }
.slinks a:hover { background-color:inherit; color:inherit; }

/* Header */
#header hr { width:600px; margin-bottom:5px; }
#header-logo { text-align:right; margin-top:10px; margin-right:-40px; }
#header-title h1 { font-size:450%; font-weight:bold; }
#header-title h2 { margin-top:-1.5em; }
.header-title-alt { color:#e4e4e4; }

/* Nav */
#nav { border-top:1px solid #ccc; margin-bottom:5px; padding-top:5px; }
#menu .menulist { margin-left:5px; margin-bottom:0; }
/* Was going to add dark tabs, but it looks like shit */
/* #menu li {  */
/*  border-top:5px solid #333; */
/* } */
#searchbox input { border:0px hidden; border-left:1px solid #ccc; 
  border-bottom:1px solid #ccc; background-color:#e8e8e8; }

/* Footer */
#footer { font-size:75%; margin:-1em 0px 0px 0px; text-align:right; }
#footer address { margin-top:0; }
#footer a { text-decoration:none;}

/* Main */
#main { margin-bottom:1em; }

/* Generic sidebar (override w/ ID) */
.sidebar { color:#777; font-size:75%; margin-left:0px; margin-right:0px; 
  padding-left:0; padding-right:0; text-align:right; text-transform:lowercase; }
.sidebar h2 { font-size:100%; font-style:italic; line-height:1; text-align:right;}

/* Image gallery */
.image-gallery {margin-bottom:1.5em; padding:0px;}
.image-gallery ul {list-style:none; margin:0 1.5em 0 1.5em; text-align:left;}
.image-gallery li {display:inline; padding:0px;}

/* List used for menus */
ul.menulist { list-style:none; margin:0 0 1.5em 0; }
.menulist li { color:#333; display:inline; font-weight:bold; padding-right:10px; }

/* Slash delimited list */
ul.slashlist { list-style:none; margin:0; padding:0; }
.slashlist li { display:inline; margin:0; }
.slashlist li:after { color:#ccc; content:"/"; padding:0 2px 0 2px; }
.slashlist li.last:after { content:""; }

/* Other list modifiers (go on ul) */
ul.sqlist { margin-right:0; padding-right:0; }
.sqlist li { padding-bottom:0; margin-bottom:0;}  /* Squished list */
ul.nomarks { list-style:none; }    /* No markers */

/* Differentiate pre sections. Emulate pre w/ code in comments */
pre {padding:5px; border-top:1px solid #ddd; border-right:0px solid #e8e8e8; 
  border-bottom:1px solid #e8e8e8; border-left:1px solid #ddd;}
.feedback code {display:block; margin-top:0;}
.feedback code {font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; 
  line-height:1.5;} 
.feedback code {padding:5px; border-top:1px solid #ddd; border-right:0px solid #e8e8e8; 
  border-bottom:1px solid #e8e8e8; border-left:1px solid #ddd;}
.feedback code p {margin-bottom:0; margin-top:0; padding:5px;}
.feedback code br:first-child { display:none; }   /* Eat errant 1st br */

/* Fix googlesearch box to make valid xhtml */
#searchbox p {display:inline;}

/* blockquotes */
blockquote em, blockquote i {font-style:normal;}
p.attribution, p.attrib {font-style:normal; text-align:right; margin-top:-1em; 
  margin-right:50px;}
.attribution:before, .attrib:before {content:"\2015";}

/* Misc */
.vquiet { color:#ccc; }
.lower { text-transform:lowercase; }
.left {float:left;}
.right {float:right;}
hr.heavy { border:2px solid #333; color:#333; background-color:#333; }
.inline { float:none; clear:both; }
.nomargin { margin:0px; }
.margin { margin:10px; }
.pad { padding:10px; }
.nudger { margin-left:1.5em; }
strong { font-style:italic; font-weight:bold; background:#ffc; }
sup { vertical-align:baseline; font-size:0.8em; position:relative; top:-0.4em; }
sub { vertical-align:baseline; font-size:0.8em; position:relative; bottom:-0.4em; }

/* Try to clean up image spacing. Also avoid black border on image link mouseover */
p img {margin:15px; padding:0;}
a>img {margin:0; padding:15px;}
img.right {margin-right:0; padding-right:0;}
img.left {margin-left:0; padding-left:0;}
p img.top {margin-top:5px;}   /* Nudge down to align closer to middle of 1st line of text */
.image-gallery a>img {margin:0; padding:1px;}
img.blackborder {border:40px solid #010101;}
img.thinborder {border:1px solid #ccc; padding:5px;}

/* Fix inline images */
a.inline > img { float:none; clear:both; }