@import url('/fonts/stylesheet.css');

* { margin:0; }


html { height: 100%; }

body {
	height: 100%;
	font-size: 100%;
	font-family: 'Roboto Slab', serif;
	color: #dddddd;
	/*background: #1D3840;*/
	background: #202a2f;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

a:link {
	text-decoration: none;
	color: #ff8200;
	background: #373e3a;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border: 0.05em solid #202a2f;
}
a:visited {
	text-decoration: none;
	/*color: #aa4400;*/
	/*color: #b84f22;*/
	color: #c85000;
	border-style: dashed;
	border-width: 0.05em;
	border-color: #202a2f;
}
a:hover {
	text-decoration: none;
	color: #ffba00;
}
a:active {
	text-decoration: none;
	color: #ffe74b;
}

a.plain {
	text-decoration: none;
	color: #ff8200;
	padding: 0;
	background: none;
}

a.taglink:link {
	text-decoration: none;
        color: #ff8200;
	border: none;
	background: none;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

a.navbar:link {
        text-decoration: none;
        color: #ff8200;
	border: none;
	background: #202a2f;
}
a.navbar:visited {
        text-decoration: none;
        color: #ff8200;
}
a.navbar:hover {
        text-decoration: none;
        color: #ffba00;
}
a.navbar:active {
        text-decoration: none;
        color: #ffe74b;
}

a.p-name {
	background: none;
	border: none;
	color: #ff8200;
	padding: 0;
}
a.plain:visited {
	background: none;
	border: none;
	color: #ff8200;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure {
	max-width: 60%;
	display: table;
	margin-top: 1.5em;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
	
	border-top: 0.1em dotted #c85000;
	border-bottom: 0.1em dotted #c85000;
}
figcaption {
	 /*display: table-caption;*/
	caption-side: bottom;
	text-align: center;
	font-style: italic;
	margin-bottom: .75em;
}
figure img {
	max-width: 100%;
	border: solid;
        border-width: 0.1em;
        border-color: #202a2f;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: auto;
	margin-right: auto;
	padding: .5em;
}	

.align-center {
	text-align: center;
}

.banner {
	height: 12em;
	background: #34383a;
}

.pagetitle {
	font-size: 1.5em;
	text-align: right;
	border-right: dotted;
	border-width: .3em;
	padding-right: .6em;
	border-color: #888888;
}

.navbar {
	font-size: 100%;
	font-family: 'Roboto Mono', courier, sans-serif;
	color: #dddddd;
	background: #202a2f;
}
.blognavbar {
	font-size: 100%;
	font-family: 'Roboto Mono', courier, sans-serif;
	color: #dddddd;
	background: #202a2f;
	border: solid;
	border-width: 0.1em;
	border-color: #34383a;
	padding: .3em;
}
.contentcol {
	background: #34383a;
	padding: .6em;
}

p {
	margin-bottom: 1em;
	line-height: 150%;
}

.yearspan {
	border: dotted;
	border-width: 1px 0px 1px 1px;
	border-color: #c85000;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: 'Roboto Mono', sans-serif;
	font-size: 0.7em;
}

.taglabelspan {
	display: inline-block;
	border: solid;
	border-width: 0.2em;
	/*border-color: #312e2d;
	background: #312e2d;*/
	border-color: #202a2f;
	background: #202a2f;
	font-family: 'Roboto Mono', sans-serif;
	font-size: 0.7em;
	color: #aaaaaa;
	padding: 0.1em 0.3em 0.1em 0.3em;
}
.tagspan {
	display: inline-block;
	border: solid;
	border-left: none;
	border-width: 0.2em;
	border-color: #202a2f;
	font-family: 'Roboto Mono', sans-serif;
	font-size: 0.7em;
	color: #aaaaaa;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

.footer {
	position: relative;
	font-size: small;
	font-style: italic;
	text-align: right;
	/*margin-top: -80px; /* negative value of footer height */
	/*height: 80px;*/
	clear:both;
}

ul {
	margin: 1em;
	list-style-type: square;
}

hr {
  overflow: visible; /* Chrome, IE */ 
  font-family: 'Roboto Mono', sans-serif; /* choose the font you like */
  text-align: center; /* horizontal centering */
  /*line-height: 1px; /* vertical centering */
  height: 0; /* gap between the lines */
  font-size: 1.1em; /* choose font size you like */
  border-width: .1em 0 0; /* top and bottom borders */
  border-style: solid;
  border-color: #888888;
  margin: 2em 15%; /* 20px space above/below, 10px left/right */

  /* ensure 1px gap between borders */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

hr:after {
  content: '§'; /* section sign */
  color: #aa4400;
  display: inline-block; /* for vertical centering and background knockout */
  background-color: #34383a; /* same as background color */
  padding: 0 0.5em; /* size of background color knockout */
  position: relative;
  top: -0.86em;
}

/* opera doesn't render correctly. hide section sign */
x:-o-prefocus, hr:after {
  content: "";
}