/*
 *  css for greatsagemonkey.com
 *
 */

/* bodies */

body {
     background-color: #e8d7a4;
     color: black;
     background-image: url(images/tie-sample-brown.jpg);
     margin: 15;
     font-family: sans-serif;
}

body#jayme {
    background-image: url(images/shibori-sample-light.jpg);
}

/* general elements  */

h1 { font bold 100% sans-serif; }
h1 { font 10% sans-serif; }

.center {
    text-align: center;
}

.borderpic {
  border: solid black 3px;
  padding: 0;
  margin: 25px;
}

p:first-letter {
    font-size: 133%;
}

#a:link { 
    color: #0000ee; 
}
#a:visited { 
    color: #551a8b; 
}
a:link { 
    color: #555599; 
}
a:visited { 
    color: #778899; 
}
a:active { 
    color: #0000ee; 
}

/* table elements */

table.gsm { 
    width: 100%; 
    border: 1;
    spacing: 2em; 
}

table.gsm td {
    padding: 3em;
}

table#whytable {
    width: 95%;
    border: 0;
}

/* gsm pages */ 

span.gsmmainlink {
    margin: 0.5em 5em 0.5em 5em;
    font-size: 150%;    
}

div.gsmcontent {
    width: 100%;
    padding: 2em 2em 2em 3em;
}

div.whymain {
}

img.leftmonkey {
    display: inline;
    border-style: solid;
    border-width: thick;
    margin: 10;
}

p.whytext {
    display: inline;
    position: absolute;
}

div.footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width:100%;
    margin: auto;
}

div#gsmheader {
    width: 100%;
    margin-bottom: 0em;
    margin-right: 5em;
    padding-bottom: 0em;
    border-bottom: 1px solid black;
}

div#gsmheader2 {
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 2em;
    margin-right: 5em;
    border-right: 1px solid black;
}

/* mnail pages */

td#mnailnav { 
    vertical-align: top; 
    padding-top: 1em;
    padding-bottom: 3em;
    padding-right: 1em;
    margin-right: 1em;
    border-right: solid 1px;
}

td#mnailcontent { 
    vertical-align: top;
    margin: 1em 1em 1em 1em; 
    padding: 3em 1em 1em 2em;
    width: 100% 
}

div.mnailnavlink {
    margin-bottom: 1em;
}

div.booktitle {
    margin: 1em 1em 1em 1em;
}

img.bookCover {
  height: 75px;
    vertical-align: middle;
}

div.mnailheader {
    font-size:200%;
}

div.mnailarticleitem {
    margin: 1em 3em 2em 1em;
}

div.mnailarticleitem:first-letter {
    font-size:120%;
}

div.mnailarticledate {
    font-style: italic;
    font-weight: bold;
}

div.mnailevent {
    margin: .05em 3em 2em 1em;
}

div.mnailevent:first-letter {
    font-size:120%;
}

div.mnaileventdate {
    font-style: italic;
    font-weight: bold;
}

div.mnailsection { 
    padding: 2em;
}