/* Author: Chris GauthierDickey
   Usage: You may certainly use ideas, which are mostly lame, from here */

/* general body style */
body { 
   margin-left: 2em;
   margin-right: 2em;
   margin-top: 2em;
   margin-bottom: 2em;
   background: #000000;
   font-family: Verdana, sans-serif;
   font-size: small;
   color: #FFFFFF;
}

header, nav, footer {display: block;}

aside {
    float: left;
    width: 15%;
    border-right-style: solid;
    border-bottom-style: solid;
    border-color: #555555;
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em;
    text-align: center;
}

aside nav { 
    font-size: big; 
    padding-left: 0em;
    padding-right: 0em;
}

aside nav ul {
    list-style-type: none;
    padding-left: 0em;
    padding-right: 0em;
}

section {
    padding: 1em;
}

img { 
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;

}

article { 
    display: inline
    margin: 1em;
    float: none;
}

table { padding-left: 2em}
table.floatleft { float: left; }
table.floatright { float: right; }

li { padding-top: .5ex; padding-bottom: .5ex; }
td { padding-top: .35ex; padding-bottom: .35ex; padding-left: .5em; padding-right: .5em; }

/* pre and code style */
body pre { font-family: courier; font-size: big; font-weight: bold }
body code { font-family: courier; font-size: big; font-weight: bold }

/* link decorations */
a:link { text-decoration: underline; color: #FFFFFF }
a:visited { text-decoration: underline; color: #BBBBFF }
a:hover { text-decoration: underline; color: #9999FF }
a:white { color:#FFFFFF }
a:bluish { color: #9999FF }


/* style for h1, which is centered and small-capped */
h1 { 
  font-family: Verdana, sans-serif; 
  font-variant: small-caps; 
  text-align: center; 
}

h2 {
    font-family: Verdana, sans-serif;
    text-align: center;
}

/* style for the other h3,h4,h5 */
h3,h4,h5 { font-family: Verdana, sans-serif; }



/* Here we use a class='floatleft' to make an image floating, which
   means that we can wrap text around it. */
img.floatleft { 
  float: left;
}

/* same idea as floatleft--and we put a little padding between this and other elements */
img.floatright {  
  float: right;
}

.clearfloats { clear: both; }




.darkgrey { background-color: #333333; }
.lightgrey { background-color: #AAAAAA; }
.shaded { background-color: #22DD66; }
.normal { background-color: #44FF88;}
.lighter { background-color: #77FFAA; }
.code { font-family: courier: font-size: large }
.bluish { color: #9999FF }
.red { color: #FF7777 }
a.white { color: #FFFFFF }



2222222