* { color: #3c3c3c; font-family: verdana; }

body, html { margin:0; padding:0; color: gray; background-color: #efefef; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

#wrap { border-color: #666666; border-style: solid; border-width: 1px; margin: 5px; background: #ffffff; }

/*#header { background-color: #f3f3f3; }*/

#nav { padding: 0; /*background-color: #e3e3e3;*/ border-style: solid; border-color: gray; border-width: 0 0 1px; }
#nav ul { /*background-color: #f3f3f3;*/ margin:0; padding: 0 0 0 10px; list-style:none; }
#nav li { display:inline; margin:0; padding:0; }
#nav a { padding: 1px 3px 1px; text-decoration: none; border-style: solid; border-color: gray; border-width: 1px 1px 0; font-weight: bold; }
#nav a:hover { background-color: gray; color: white; }

/*
#home #nav-home a, #articles #nav-articles a { background-color: gray; color: white; border-color: gray}
#home #nav-home a:hover, #articles #nav-articles a:hover { background-color: black; color: white; border-color: black;}
*/

#content { padding:10px; }
#content a { text-decoration: none; border-bottom: 1px dotted; }
#content a:hover { color: black; }

#footer { clear:both; padding:5px 10px; border-style: solid; border-color: gray; border-width: 1px 0 0; }
#footer p { text-align: right; font-size: small; margin: 0; }
#footer a { text-decoration: none; }
#footer a:hover { color: black; }