/*
Background Color (Default:white): black
Foreground Color (Text, default:black): white
Contrast : grey
*/

/* BORDERS (Blocks that lack defaults, color only. */
header,section,footer,address,blockquote,dd,dl,dt,div,dl,form,
h1,h2,h3,h4,h5,h6,legend,li,noscript,ol,output,p,pre,table,ul,
.menu a, a.menu{
    border-color:grey;
}

/* Sections, headers & footers, generic */
header, section, footer{
    background-color:rgba(64, 64, 64, 0.5);
    margin:5px;
    padding:5px;
    border-width:1px;
}
header,footer{
    font-family:Times New Roman, Georgia;
}
section{
    background-color:rgba(128, 128, 128, 0.66);
    font-family:Arial, sans-serif;
}

input[type=email],
input[type=file],
input[type=image],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
option,
textarea{
    color:black;
}

#section_1{
    padding-left:10px;
    padding-right:10px;
    border-bottom-width:1px;
    border-color:white;
}

#section_1>h2{
    border-bottom-width:1px;
    padding:15px;
    margin-bottom:15px;
}

textarea{
    font-family:monospace;
}

/* BORDERS (Blocks that lack defaults, color only. */
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dl,dt,
address,blockquotediv,p,pre,table,
form,legend,noscript,output,
.menu a,a.menu{
    border-color:black;
}


/***** Menus *****/
.menu{
    list-style:none;
}

.menu a,a.menu{
    display:inline-block;
    border-width:1px;
    border-style:solid;
    border-radius:11px;
    padding:6px 6px 5px 5px;
    font-family:Arial, sans-serif;
    font-variant:small-caps;
    text-decoration:none;
    margin-left:auto;
    margin-right:auto;
    color:black !important;
    background-color:grey;
    background-image:url(graphics/trans-grad-horz-butt-bw-40.png);
    background-position:center center;
    background-repeat:repeat-x;
}

header .menu a,a.menu{
    min-width:44px;
    font-size:1em;
    text-align:center;
}

button, input[type=submit],
.menu a, a.menu{
    min-width:88px;
    min-height:44px;
    font-size:150%;
}

.menu a,a.menu{
    height:11px;
    line-height:11px;
    text-align:center;
}

.menu a:hover,a.menu:hover,
.menu a:focus,a.menu:focus,
.menu a:active,a.menu:active,
.menu a.active,a.menu.active{
    background-color:transparent;
    position:relative;
    top:1px;
    left:1px;
}
/***** END Menus *****/