/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/font/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
       url('/font/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/font/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('/font/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
       url('/font/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/font/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/font/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
       url('/font/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/font/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/font/source-sans-pro-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('/font/source-sans-pro-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/source-sans-pro-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/source-sans-pro-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/font/source-sans-pro-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/source-sans-pro-v9-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-sc-100 - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 100;
  src: url('/files/style/fonts/alegreya-sans-sc-v3-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Thin'), local('AlegreyaSansSC-Thin'),
       url('/font/alegreya-sans-sc-v3-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/alegreya-sans-sc-v3-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/alegreya-sans-sc-v3-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/font/alegreya-sans-sc-v3-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/alegreya-sans-sc-v3-latin-100.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}


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

a {
   outline: 0;
   text-decoration: none;
}

a.current, a.current:hover {
	color: #333333;
}

header {
	background-color:#EFEFEF;
	padding-left:0.2em;
	padding-bottom:0.2em;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:1em;
}

body > header > div {
	display:inline;
	margin-left:0.4em;
	font-weight:normal;
	font-size: 1.7em;
	font-family: 'Alegreya Sans SC', sans-serif;
}

body > header > nav {
	font-family: 'Source Sans Pro', sans-serif;
	display:inline;
	overflow:auto;
	margin-left:4em;
}

body > header > nav > ul > li > a {
	color: #666666;
	text-decoration: none;
}

body > header > nav > ul > li > a:hover {
	color: #333333;
}



body > header > nav > ul {
	display:inline;
	margin:0;
	padding:0;
}

body > header > nav > ul > li {
	display: inline;
	list-style-type: none;
	margin:0;
	margin-right:1em;
	padding:0.2em;
	font-size:1.4em;
}

@media (max-width: 800px) {
	header {
		padding:0;
	}

	body > header > div {
		display: block;
		text-align: center;
		margin:0;
		background-color: #e6e6e6;
	}

	body > header > nav {
		display:block;
		margin:0;
	}

	body > header > nav > ul {
		display:block;
		margin:0;
	}

	body > header > nav > ul > li {
		display:block;
		margin:0;
		padding-left:0.5em;
		border-top:1px solid #e6e6e6;
	}

	body > header > nav > ul > li::before {
		content: "> ";
	}
}

.center {
	display: table;
	margin:auto;
}

#main {
	margin:auto;
	font-size: 1em;
	font-weight: none;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:1.3em;
	padding:1em;
	width:52em;
	word-wrap: break-word;
}

@media (max-width: 1000px) {
	#main {
		width:auto;
	}
}

.mediacenter {
	display:block;
	margin:auto;
}

.blogarticle {
	margin-bottom:6em;
	border-bottom:1px solid #e6e6e6;
}

.blogarticle h2 {
	margin-bottom:0;
	line-height: initial;
}

.blogarticle h2 a {
	color:#000000;
}

.blogarticle .info {
	color:#666666;
	line-height: initial;
	padding-left:0.1em;
}

.blogarticle .content {
	padding-left:0.1em;
}

.blogarticle .comments_h {
	margin-top:2em;
}

.blogarticle .comments {
	margin-top:2em;
	padding-left:1em;
	padding-right:1em;
}

.blogarticle .comment {
	border-left:2px solid #e6e6e6;
	border-bottom:2px solid #e6e6e6;
	padding:0.8em;
	padding-top:0;
	margin-bottom:2em;
}

.blogarticle .comment .date {
	color:#666666;
	margin-bottom:0.5em;
}

.blogarticle .comment .author {
	font-weight: bold;
}

.blogarticle .comment .text {
	white-space: pre-wrap;
}

.blogarticle .newcomment {
	background-color: #efefef;
	padding-top: 1em;
}

.blogarticle .newcomment fieldset {
	border:0;
	padding:0;
	margin-top:0.5em;
}

.blogarticle .newcomment fieldset div {
	margin-top:1em;
}

.blogarticle .newcomment fieldset input[type=text] {
	width:50%;
}

.blogarticle .newcomment fieldset label {
	display:inline-block;
	width:20%;
}

.blogarticle .newcomment fieldset textarea {
	height:18em;
	width: 50%;
}

.blogarticle .newcomment .message * {
	vertical-align: top;
}

/* Links between blog pages */
.pager {
	width:auto;
	font-family: 'Source Sans Pro', sans-serif;
}

.pager a {
	margin-bottom:1em;	
}

.pager .blogOlder {
	float: left;
}

.pager .allEntries {
	float: left;
}

.pager .blogNewer {
	float: right;
}

#main article h1 {
	line-height: initial;
}

#main article table th {
	background-color: #e6e6e6;
	text-align:left;
}

#main article table thead th {
	text-align:center;
}

#main article table td, #main article table th  {
	padding:0.2em;
}

/* inline code */
#main > article code {
	background-color: #f2f2f2;
}

/* code blocks */
#main > article .code {
	overflow-x: auto;
	padding:1em;
	background-color:#f2f2f2;
	border:1px solid #e6e6e6;
	line-height: initial;
	word-wrap: initial;
}

/* file listing blocks */
#main > article dl {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

/* eleminate indent for file listing */
#main > article  dl > dd   {
	margin:0;
	padding:0;
}

/* file name */
#main > article dl > dt {
	font-size:0.8em;
	padding:0.5em;
	background-color: #efefef;
	border:1px solid #e6e6e6;
	border-bottom: 0;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	line-height: initial;
}

#main > article dl > dt > a {
	text-decoration: none;
}

/* file content */
pre.file {
	overflow-x: auto;
	border:1px solid #e6e6e6;
	background-color: #f2f2f2;
	margin:0;
	padding:1em;
	line-height: initial;
	word-wrap: initial;
}

/* contact */
.messageSentStatus {
	font-weight:bold;
	text-align: center;
}

.contact fieldset {
	border:0;
	padding:0;
	margin-top:0.5em;
}

.contact fieldset div {
	margin-top:1em;
}

.contact fieldset input[type=text] {
	width:50%;
}

.contact fieldset label {
	display:inline-block;
	width:20%;
}

.contact fieldset textarea {
	height:18em;
	width: 50%;
}

.contact .message * {
	vertical-align: top;
}