/* Ryan Flannery
 * http://www.ryanflannery.net
 * ryan.flannery@gmail.com
 *
 * These are all styles related to the overall structure of the stie, as
 * implemented in (hopefully) only the mssStructure.php file.
 */

#site {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

#header {
   height: 100px;

   /* NOTE: once multiple background image support is added to most major browsers
      (currently only Safari supports it), the following should work to display
      both.

   background-color: #666666;
   background:
      url("/images/puffy-wireframe-sm.png") 90% 0% no-repeat,
      url("/images/logicians.gif") 0% 0% no-repeat;
   */

   background: #555 url("/images/puffy-wireframe-sm.png") no-repeat 90% 0;

   vertical-align: bottom;
   font-family: "courier new";
   font-size: 125%;
   font-weight: bold;
   letter-spacing: 8px;
   padding-left: 2em;
   color: #000;
   text-shadow: #fff 0px 0px 3px;
}

#sidebar {
   border-right: 1px solid #cccccc;
   padding-top: 1em;
}

#navlinks, #linkroll {
   font-variant: small-caps;
   font-size: 90%;
}

#navlinks a, #navlinks a:visited {
   display: block;
   margin-left: 1em;
   text-decoration: none;
   color: #0000aa;
   white-space: nowrap;
}

#navlinks a:hover {
   background-color: #f4e6ae; /*#F5DEB3; #D2B48C;*/
   color: #aa0000;
   border-bottom-width: 0;
}

#linkroll a, #linkroll a:visited {
   display: block;
   margin-left: 1em;
   text-decoration: none;
   color: #0000aa;
   white-space: nowrap;
}

#linkroll a:hover {
   color: #aa0000;
   border-bottom-width: 0;
}

#linkroll a.sl {
   display: inline;
   margin-left: 1em;
}
#linkroll a.s {
   display: inline;
   margin-left: 0;
}

#footer {
   font-size: smaller;
   color: #777;
   padding: 2em;
}

#footer #footnotes { color: #444; }
#footer #footnotes ol { list-style-type: decimal; }

#main {
   padding-left: 1em;
   width: 100%;
}

#main h1:first-child + p { text-indent: 0; }
#main h1:first-child + p:first-letter {
   float: left;
   margin: 0;
   padding: 0 0.1em 0 0;
   line-height: 0.775em;
   font-size: 3em;
}