* { border:0; padding:0; margin:0; }
html { font-size: 12pt; color:#FFF; background-color:#242;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; }
div#container { margin: 0 auto; width:90%; text-align:left; }
div#container a, div#container a:link { color:#FFF; background-color:#242; }
div#container a:hover { color:inherit; background-color:#669;}

div#header { font-weight:bold; font-size:2em; border-bottom: 0.1em solid #99C; text-align:left; }
div#header a.skipmenu { float:right; font-size:0.3em; top:0; }
#content .gradient { border-bottom: 0.1em solid #99C; }
#content .gradient, #footer{ font-weight: bold; }

#left { width: 15%; float: left; }
#left .gradient { font-size:1.2em; padding: 1.1em 0.5em 0.3em; }

#main {	width: 80%; margin: 0 1em 1em; float:left; }
#footer { margin-top: 1em; border-top: 0.1em solid #99C; padding: 0.5em 1em 0; }

ul#menu { margin: 0 0 0.5em 0; }
ul#menu li { margin-bottom: 0.4em; list-style-type: none; }
ul#menu li a { display: block; padding: 0.3em 0.3em 0.3em 0; text-decoration: none; }
#main h1 { padding-top:0.5em; font-size: 1.8em; font-weight: bold; border-bottom: 0.05em solid #99C; }
#main h2 { padding-top:0.4em; font-size: 1.6em; font-weight: normal; border-bottom: 0.05em solid #99C; }
#main h3 { padding-top:0.2em; font-size: 1.3em; font-weight: bold; }
#main img { border: 0.1em dotted #CCC; margin: 0.3em; }
#main p, #main ul, #main ol { padding-bottom:1em; }
#main ul, #main ol { margin-left: 1.6em; }
div#container #footer a:hover { color:#FFF; background-color:#242; }
#footer img { border:none; }

.subHeader { text-align:center; }
#main .subHeader h3 { font-size:1em; margin:0; padding:0; float:left; }

#main .skills { padding-left:2em; text-indent:-1.9em;  }
#main .skills h3 { font-size:1em; padding:0 0 0 1em; display:inline; }

.clear { clear: both; }
/*.line { border-bottom: 0.1em solid #242; }*/
.float-left { float:left; }
.float-right { float:right; }
.indent { padding-left:2em; }
.center { text-align:center; }
.right { text-align:right; }