/* CSS style sheet for faychandler.com */

/* Overall Canvas Spacing
 * ----------------------
 * html
 *   body
 *     container
 *       header
 *       content
 *       footer
 * ----------------------
 *  overflow: hidden; can this be useful?
 */


/* HEADER BORDER TOP [05]
 * HEADER            [10]
 * CONTENT PAD TOP   [05]
 * TAB-30, 29 BLACK  [29]
 * GREY LINE on pixel 50
 */

* { margin: 0; padding: 0;}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body { 
  margin: 0 0 0 0;
  background: black url(faychandler.gif);
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /* IE/Win does not resize fonts specified in pt 
   * Most browsers set medium font to 16px 
   * --font-size: 62.5%; sets to 10pt so that 10px = 1em
   */
}

#container {
  position: relative;
  min-height: 100%;
  font-size: 1em; /* .8125 or .83 doesn't inherit from body */
}

#header {
  height: 10px;
  background: #000000;
  border-top: 5px solid #666; /* ok very top bar */
  font-size: 0; /* prevent IE from inserting whitespace in empty header */
}

#content {
  padding-top: 5px;
  padding-left: 200px;
  padding-bottom: 60px; /* leaves enough space to prevent copyright notice from floating */
  font-size: 1em; 
  color: black;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  clear: both; 
/*  border: 1px solid #444;*/  /* here */
  border-top: 1px solid #333;
  border-width: 1px 0;
  margin-bottom: 0;
  font-size: 1em; /*0.85em;*/
  background: #555; /* new */
}

/* Content contains one 602px sheet *****************************************************/

#sheet { 
  background-color: #EFEFE7;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

/* All images on the sheet are assumed not to be inlined (no linebox w/baseline) */
img { display: block; }

/* For extending the bottom border of each sheet to allow for the footer */
img.sheetend {
  display: block;
  padding-bottom: 0px; /* FIX: relate to footer height, doesn't work in IE */
}

/* Font Properties **********************************************************************/

p { 
  display: block;
  color: #000000; 
  font-family: verdana,arial,helvetica,sans-serif;
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 1.4em;
  padding-bottom: 1em;
}

a {
  text-decoration: none; 
}

a img {
  border: none;
}

a:link, a:visited {
  color: #000; 
/*  border-bottom: 1px dashed #666; */ /* solid aaa */
  border-bottom: 1px solid #aaa;
}

a:hover {
  color: #000; 
  background-color: #CCC; /*#E1E1E1;*/ /*#5E98D5*/
  border-bottom: 1px solid #000;
}

/* IE6 Bug: a:link img, a:visited img, a:hover img don't appear to work */
.imglnk a:link, .imglnk a:visited, .imglnk a:hover {
  border-bottom: none;
}

h1 { 
  display: block;
  font-size: 1.4em;
  font-weight: normal;
  font-family: verdana,arial,helvetica,sans-serif; 
  font-variant: normal;
  font-style: normal;
  padding-top: 15px; /* may need a new class for top-of-page-h1 */
  padding-bottom: 0.5em;
}

.right { text-align: right; }

.center { text-align: center; }

/* Lists ********************************************************************/

/* Resume */

#content #sheet .resume {
  list-style: none;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 0.7em;
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  margin-left: 0;
  padding-left: 0em;
  padding-bottom: 1.3em; /* at bottom of ul */
/*  text-indent: -1em; */
  line-height: 1.22em;
}

#content #sheet .resume li {
  padding-bottom: 0.5em; /* between list items */
}

#content #sheet .resume strong {
  font-weight: normal;
  font-style: italic; 
  text-transform: none;
}

.formp { padding: 0 0 0 0; color: red; } /* fix */

#content #sheet form {font-size: 0.6em; font-family: verdana,arial,helvetica,sans-serif;}
#content #sheet form dt {margin: 1.5em 0 0.25em 0; color: #666; font-weight: bold; }

/* Adjust the borders */
#content #sheet form dd input    { border: 1px solid #ccc; }
#content #sheet form dd textarea { border: 1px solid #ccc; }
#content #sheet form dd ul input { border: none; }

#content #sheet form dt strong {font-weight: normal; font-style: normal; text-transform: none; letter-spacing: 0;}
#content #sheet form dd {margin-bottom: 1em;}

#content #sheet form .text, #content #sheet form textarea {width: 273px;}

.require {color: #941A1D}


/* Footer Properties *******************************************************************/

#footermargin {
/*  border-right: 1px solid #666;*/ /* here */
  text-align: left;
  padding-left: 10px;
}

#padcounter {
  padding-right: 10px;
}

#footerdate {
 text-align: right;
}

#footer p {
  padding: .2em 0px;
/*  color: #FFFFFF;*/
  font-size: 10px;
}

#footer .date  {
  letter-spacing: 1px;
  padding-right: 10px;
  text-align: right;
}

#footer .copyright {
  font-size: 1em; 
}

#footer p {
  color: #000;
}

#footer a:link, #footer a:visited, #footer a:active {
  color: #000; 
  border: 1px solid #555; /* invisible (for spacing) */

}
#footer a:hover {
  color: #000; 
  background-color: #555; 
  border: 1px dashed #FFF;
}


/* Hacks ********************************************************/


/* IE/Win bug, need to force table */ 
/*input, select, table, tr, td { font-size: 1em; }*/



/* Gallery */

#picture { 
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  border: 1px solid #666; 
}
#desc { 
  margin-top: 10px;
  margin-bottom: 5px; 
  border: 1px solid #666; 
}
.greyed {
  color: #CCC;
}
#archive {
 text-align: right;
 padding-top: 20px; 
 padding-bottom: 1px;
}



/* Contact */

.contactform {
  list-style: none;
  margin-left: 5px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2em;
}