* { margin: 0; padding: 0; }
html { height: 100%;}
body { height: 100%; background: black;}
ul { border: 0px; }
li { list-style-type: none; }
img { border: 0px; }

#main, #main_inner {width: 100%; min-height: 100%; }
#content { width: 65%; float: left; }
#content .pad { margin: 30px 0px 0px 30px; }
#nav { width: 30%; height: 100%; float: left; }
#nav_links { padding: 30px 0px 0px 30px; }
#projectNav .off { opacity: .70; filter: alpha(opacity=70); }
#projectNav .on { opacity: 1; filter: alpha(opacity=100); }
#projectNav .over { opacity: .90; filter: alpha(opacity=90); }
#nav_contact { width: 280px; padding: 20px 0 30px 30px; bottom: 0px; position: absolute; }

#blog { font-family: helvetica, arial, sans-serif; font-size: 0.9em; letter-spacing: 0.1em; line-height: 140%; }
#blog p { color: #CACACA; padding-top: 10px; }
#blog a { color: #FFFFFF; text-decoration: underline; }
#blog a:hover { color: #000000; background-color: #FFFFFF; text-decoration: none; }

#blog h3 { color: white; text-transform: uppercase; }
#blog h3 a { color: white; text-decoration: none; }

#blog label { color:  white; padding-top: 5px; padding-bottom: 3px; }

#blog .post-clearer { clear:  both; width: 100%; height:  45px;}