/* generic */

/* sections */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
  font-family: Verdana;
  font-size: 100%;
  line-height: 1.125em;
  color: #282623;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  line-height: 1em;
}

.h1 { font-size: 2.125em; }
.h2 { font-size: 1.125em; }
.h3 { font-size: 1.0em; }
.h4 { font-size: 0.687em; }
.h5 { font-size: 0.6em; }
.h6 { font-size: 0.5em; }

.nav {
  padding: 0;
  margin: 0;
}
.article {}
.header {}
.section {}
.aside{
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding: 10px 0 0 0;
  vertical-align: top;
  /*display: table-cell;*/
  float: left;
}
.footer{
  clear: both;
}

/* grouping content */

p {
	padding: 0;
	margin: 0;
}
hr {
  height: 5px;
  border: 0;
  padding: 0;
  margin: 1.0em 0;
  background-color: #edecea;
}

code, pre {
  border:1px solid #dfecf1;
  color:#25221d;
  padding:10px;
  overflow: auto;
  display: block;
  font-family:"Courier New", monospace;
}

.dialog {}

.dialog dt {
  font-weight: bold;
}

.dialog dt:after {
  content: ':';
}

.dialog dd {
  font-style: italic;
}

ul, ol {
  list-style-type: square;
  margin-top: 5px;
  margin-bottom: 2px;
}
dl {
  margin-top: 0px;
}

dt {}
dd {}


/* text-level semantics */

a:link { }
a:visited { }
a:hover, a:active {}

small {}
sup {}
sub {}
abbr {}
q {}
cite {}
em {}
strong {}

.time {}
.warning {
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  background-color: #ff9999;
  padding: 2px 1px;
}
.accesskey { text-decoration:underline; }
.details {}
.progress {}
.meter {}
.section {}
.mark {
  background-color: #ffffaa;
  padding: 2px 1px;
}

/* text edit */

ins {}
del {}

/* embed */

img.pic {
  padding: 3px;
  margin: 5px;
}
img.border {
  border:1px solid #dfecf1;
  color:#25221d;
}
a img { border: none; }
iframe {}
object {}
embed {}
video {}
audio {}
.figure {
  border:1px solid #dfecf1;
  color:#25221d;
  display: inline-block;
  padding: 3px;
  margin: 5px;
}

.figure .legend {
  font-size: 0.9em;
  font-style: italic;
}

.figure img {
  display: block;
}

/* tables */

/* forms */

form {
  padding: 0;
  margin: 0;
  display: inline;
}

/* interactive elements */

/* miscellaneous elements */

/* others */

.hide { display: none; }
.clear { clear: both; }