@import url('http://paws.infamous.net/paws_text_styles.css');
@import url('http://paws.infamous.net/paws_block_styles.css');


/*
  Page Parts 
 */
/* #all is the "pillarbox" for content on wide windows, these two rules
   set that up */

#all
{
   margin-right: auto;
   margin-left: auto;
   max-width:900px;
   margin-top:10px; /* matches -10 px below */
}

body {padding: 0px; margin: -10px 0px 0px 0px;} 



/* -- widths and x-position */
/*#main {width: 100%; float: right; }*/
#left {width: 10em; padding-left: 1ex; padding-right: 1ex; margin: 0px;
       padding-top: 1ex; padding-bottom: 1ex; float: left;}
#right {width: 10em; padding-left: 1ex; padding-right: 1ex; margin: 0px;
        padding-top: 1ex; padding-bottom: 1ex; float:right;}
#main-footer {width: 100%;}
#head {width: 100%; margin-left: auto; margin-right: auto;}
#top {width: 100%; /*padding-left: 1ex; padding-right: 1ex;*/}
#bottom {width: 100%; /*padding-left: 1ex; padding-right: 1ex;*/}

#main {margin-left: 10em; 
            margin-right: 10em;  /*width: auto;*/
            padding-left: 2ex; padding-right: 2ex; float: none;}
body #left-footer {width: 98%; padding-left: 1%; padding-right: 1%;}
body #right-footer {width: 98%; padding-left: 1%;  padding-right: 1%;}
body #main-footer {float: none; width: 98%;
                   padding-left: 1%;  padding-right: 1%;  }

#wrap {
  height: auto; 
  width:100%;
  position: relative;
  
}


#top { clear: both;  /* margin-top:10px; */ margin-bottom: 0px;}

/* -- heights and y-positions*/
#main {min-height: 45ex; padding-bottom: 4em;}
/* #wrap {padding: 2ex;} */

#bottom { /* clear handled by <br> in body - NS 4 work-around */
  margin-top: 1em;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#main-footer {margin: 0px;}

#mobile-head, #mobile-footer { width: 100% }

input, textarea {font-size: inherit}