/* Statically Obfuscated Design and Sara Manning Eportfolio styles */

html { min-height: 100%; margin-bottom: 1px; }

* {margin: 0; padding: 0;}        

body {color: #fff;
      background-color: #202833;
      font-size: 86%;
     }
   
ul, ol, dl {margin-top: 0;
            margin-bottom: 0;
            font: normal 1em "Courier New", Courier, monospace;
            letter-spacing: -.05em;
            text-indent: 1em;
            line-height: 1.5;
            }
 
dt {margin-top: 0;
    margin-bottom: 0;
    font: bold 1em "Courier New", Courier, monospace;
    letter-spacing: -.05em;
    text-indent: 1em;
    line-height: 1.5;
   }


a:link {color: #016BFD; 
        background-color: #FFFCDF;
       }

a:visited {color: #016BFD; 
           background-color: #FFFCDF;
           text-decoration: none; 
          }

a:hover, a:active {color: #F75EBF; 
                   background-color: #FFFCDF;
                   text-decoration: none; 
                  }
        
#wrapper {position: absolute;
          top: 20px; right: 20px;
          width: 70%;
          min-width: 596px;
          color: #000;
          background: #FFFCDF url(../images/edgetop.gif) repeat-x top left;
         }

#edgeLeft {background: url(../images/edgeleft.gif) repeat-y top left;}

#edgeRight {background: url(../images/edgeright.gif) repeat-y top right;}

#content {position: relative;
          z-index: 200;
          padding: 80px 0;
          background: url(../images/edgebottom.gif) repeat-x bottom left;
         }

#content * { /* see: http://www.divinentd.com/2005/09/solution-to-liquid-layout-gutter.html */
            margin: 1em 18% 1em 80px;
            position: relative;
            z-index: 200;
           }

#content * * {margin: auto;}

#content h2 {margin-top: 1em;
             margin-bottom: 0;
             font: bold 1em "Courier New", Courier, monospace;
             line-height: 1.5;  
            }

#content p {margin-top: 0;
            margin-bottom: 0;
            font: normal 1em "Courier New", Courier, monospace;
            letter-spacing: -.05em;
            text-indent: 2em;
            line-height: 1.5;
           }

#content .first {text-indent: 0;}

#content .last {margin-top: 1em;
                text-indent: 0;
               }
        
h1#worn {position: absolute;
         z-index: 200;
         top: 0; left: 0;
         margin: 0;
         width: 537px;
         height: 180px;
        }

h1#worn span {background: url(../images/staticallyobfuscated.gif) no-repeat;
              position: absolute;
              width: 100%;
              height: 100%;
             }

div#amp {position: absolute;
         z-index: 200;
         top: 10px; left: 57%;
         margin: 0;
         width: 49px;
         height: 38px;
         background: url(../images/ampersand.gif") no-repeat;
        }

div#amp span {display: none;}

h1#liquid {position: absolute;
           z-index: 200;
           top: 0; right: 0;
           margin: 0;
           width: 114px;
           height: 372px;
          }

h1#liquid span {background: url(../images/webdesign.gif) no-repeat;
                position: absolute;
                width: 100%;
                height: 100%;
               }
        
#cornerBottomLeft {position: absolute;
                   z-index: 150;
                   bottom: 0; left: 0;
                   margin: 0;
                   width: 179px;
                   height: 67px;
                   background: url(../images/btmleftcorner.gif) no-repeat;
                  }

#cornerBottomRight {position: absolute;
                    z-index: 150;
                    bottom: 0; right: 0;
                    margin: 0;
                    width: 179px;
                    height: 67px;
                    background: url(../images/btmrightcorner.gif) no-repeat;
                   }