body {
  background: #000 url('./images/blog_bgtop.png') repeat-x; color: #000; font-size: 9pt;
  font-family: Tahoma, FreeSans, Arial, Helvetica, sans-serif; margin: 0;
}

header, nav, footer, article, section { display: block; }

h1 { color: #c82c17; }
h2 { color: #c82c17; text-shadow: 1px 1px 2px #df7c96; font-size: 1.8em; font-weight: 600; margin: -4px 0 -2px; }
h3 { color: #c82c17; text-shadow: 1px 1px 1px #df7c96; font-size: 1.4em; font-weight: normal; }
h4 { }
h5 { }
h6 { }

p { line-height: 13pt; margin-bottom: 0; }

img { }
sup { }

abbr, acronym { }
blockquote,q { font-style: italic; font-size: 1.15em; font-family: "Times New Roman", FreeSerif, serif;
}
blockquote { }
cite { }

ul, ol { }
dl { }

form, fieldset { margin: 0; border: none; padding: 0; }
input { }
input[type=text], input[type=password], textarea {
  border: #c82c17 1px solid;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input[type=button], input[type=submit], a.button {
  background: url('./images/forbutton25.png') repeat-x;
  color: #220a05; text-shadow: 1px 1px 1px #8a2816;
  border: transparent 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover { color: #fff; }
p.field label { vertical-align: top;  width: 20ex; display: block; float: left; }
p.remember label { vertical-align: top; }

a[href] { color: #8a2816; text-decoration: none; }
a[href]:hover, a[href]:focus { text-decoration: underline; }
a img { }

.hidden { display: none; }

/* STRUCTURE */

#main { margin: 20px; min-width: 340px; }
nav { margin: 0; }
nav ul { margin: 0; padding: 0; list-style: none; }
nav li { margin-bottom: 20px; }

nav li a[href] {
  display: block;
  background-color: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font-size: 1.2em;
  padding: 15px;
  text-decoration: none;
}
nav li a[href] h2 { font-size: 1.6em; }
nav li a[href] p { text-align: right; }

nav li a[href] h2, nav li a[href] p {
  display: block;
  color: #222;
  text-shadow: 1px 1px 2px #aaa;
  font-weight: 600;
}

nav li a[href]:hover, nav li a[href]:focus {
  background-color: #cf3c17;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  text-decoration: none;
}
nav li a[href]:hover *, nav li a[href]:focus * { color: #fffffe; text-shadow: 1px 1px 2px #671e0b; }

#legal {
  display: none;
  background-color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 10px;
  margin: 0;
}

aside {}
aside ul { padding: 0; list-style: none; font-size: 9pt;}
aside ul ul { padding-left: 12pt; }
aside ul li { margin: 6pt 0; font-weight: normal; }
aside header { height: 145px; width: 340px; background: url('./images/blog_header.png') no-repeat; margin: auto; }
aside section {
  color: #444;
  margin: 0 0px 20px auto;
  padding: 15px 15px 10px;
  background-color: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
aside section div.picture { display: none; }
aside section div.identity h2 { font-weight: 600; margin: -2px 0 auto; }
aside section div.identity h2 span.smallcaps{ font-weight: 800; /*font-variant: small-caps;*/ }
aside section div.identity p { margin: auto 0 5px; text-shadow: 1px 1px 1px #aaa; }
aside section div.contact { clear: left; }
aside section div.contact p { margin: 0; }

footer {
  text-align: center;
  clear: both;
  height: 32px;
  color: #c82c17;
}

@media (max-width: 480px) {
    footer span { display: block; }
    footer span.mhide { display: none; }
}