/********************************************************************\
*                                                                    *
*  softcopy.css                                                      *
*                                                                    *
*  Author:    Fredrich P. Maney <maney@maney.org>                    *
*  Copyright: (c) 2004 Fredrich P. Maney. All rights reserved.       *
*                                                                    *
*  While you may adapt elements into your own projects, the unique   *
*  combination of images, colors, sizes, typography and positioning  *
*  ("the design") described in this Cascading Style Sheet ("CSS") is *
*  copyright Fredrich & Meredith Maney and may not be reproduced.    *
*                                                                    *
*  Some elements have been adapted from other designs.               *
*  A List Apart <URI:http://www.alistapart.com/>                     *
*  Eric Meyer <URI:http://www.meyerweb.com/eric/>                    *
*  Jeffrey Veen <URI:http://www.veen.com/jeff/>                      *
*                                                                    *
\********************************************************************/

@import url(/ui/skel.css);

div.jump, div#menubar, #broken-browsers {display: none !important;}

* {font-size: 100%;}
small {font-size: 85%;}
big {font-size: 115%;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}

pre, code, tt {
   font-size: 110%;
   font-family: "Andale Mono", Courier, "Courier New", monospace;
}

a {color: #900; text-decoration: none;}
a:hover {
   background-color: #eeeeee; color: #900;
   border-bottom: dashed 1px #900;
}
a img {background: none; border: none;}
a:hover img {background: none; border: none;}
#masthead h1 a {padding:0 0.25em;}
a.filetype {
   font-size: 85%; font-style: smallcaps;
   font-family: "Andale Mono", Courier, "Courier New", monospace;
}

/* img {display: block !important;} */
img {border: none; margin: 5px;}
img.thumbnail {margin: 10px 1px;}
#maincontent a img.photo {
   border: solid 1px #000;
   float: left; position: relative;
   margin-left: 0;
}
#panel a img.logo {
   background: none; border: none; margin: 2px; padding: 0;
}

/****************\
* General layout *
\****************/
html {
   margin: 0; padding: 0;
   width: 100%; height: 100%;
}

   /* background-color: #336699; color: #000; */
   /* background-color: rgb(38%,50%,69%); color: #000; */
body {
   background: #e9e9df; color: #000;
   margin: 0; padding: 0;
   max-width: 1280px; min-width: 40em;
   max-height: 1024px; min-height: 40em;
}

#wrapper {
   width: 100%;                        /* start box model hack for IE5.x/win */
   voice-family: "\}\"";
   voice-family: inherit;
   width: 100%;
}
html>body #wrapper {width: 100%;}      /* end box model hack for IE5.x/win */

#masthead {
   background-color: #e9e9df; color: #000;
   /* border-bottom: 1px solid #999; border-width: 1px; */
   margin: 0; padding: 0; overflow: hidden;
   text-align: left;
}

#pagebody {
   clear: both;
   height: 100%;                       /* start box model hack for IE5.x/win */
   voice-family: "\}\"";
   voice-family: inherit;
   height: 100%;
}
html>body #pagebody {height: 100%;}    /* end box model hack for IE5.x/win */

#maincontent {
   background-color: #fff; color: #000;
   border: solid 1px #999;
   float: left;
   margin: 0; margin-left: 4%; padding: 2em;
   width: 65%; height: 100%;
/*
   border-right: 1px solid #999; border-width: 1px;
   margin: 0; padding: 10px;
   width: 75%; height: 100%;
*/
   text-align: left;
}

#panel {
   background-color: #e9e9df; color: #000;
   float: right;
   margin: 0; padding: 10px;
   width: 20%; height: 100%;
}

#footer {
   /* background-color: rgb(38%,50%,69%); color: #000; */
   /* border-top: 1px solid #999; border-width: 1px; */
   clear: both;
   margin: 0; padding: 0; padding-top: 1em; overflow: hidden;
   font-family: Arial, Lucida, sans-serif;
   font-size: x-small; font-weight: lighter;
   text-align: right;
}

/************\
* Typography *
\************/
#masthead h1 {
   letter-spacing: 0.13em;
   font-style: italic;
   font-weight: bold;
   margin: 0; padding: 0;
   text-align: left; text-transform: lowercase; vertical-align: middle;
}

#maincontent h2 {
   border-bottom: 1px solid #000;
   font-size: 1.25em; line-height: 0.95em;
   margin-bottom: 0; padding-bottom: 0;
   text-align: left; vertical-align: middle;
}

#maincontent .email {
   font-size: 0.9em; font-style: italic; font-weight: lighter;
   line-height: 0.95em; margin: 0; padding: 0;
   text-align: right; text-transform: lowercase; vertical-align: middle;
}

#maincontent p {line-height: 1.4em;}
#maincontent li {line-height: 1.33em; margin-bottom: 0;}
#maincontent .compact li {line-height: normal; margin-bottom: 0;}
#maincontent ul li {list-style: square;}
#maincontent blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
#maincontent blockquote em {font-style: italic; font-weight: inherit;}
#maincontent blockquote p {
   margin: 0.33em 2.5% 0.33em 0 !important;
   line-height: 1.2; text-indent: 2em;
}
#maincontent .quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
#maincontent .quoteattrib cite {font-style: italic;}
#maincontent .pictures {text-align: center;}
#maincontent .pictures img {display: inline; border: 1px solid black;}
#maincontent .pictures a:visited img {display: inline; border-color: gray;}

#panel h4, #panel h5 {
   background-color: transparent; color: #999;
   border-bottom: solid 1px #999;
   margin-bottom: 0px;
   text-transform: uppercase;
}

#panel p {margin-top: 0px; padding-top: 6px;}
#panel #logos {text-align: center; vertical-align: middle;}

#footer p {line-height: 1em;}

/********************************************************************\
*  End of File                                                       *
\********************************************************************/