header nav main aside footer { display: block; }
span.avoidwrap { display:inline-block; }

/* TITLE */ 

#title {
    margin: 5pt 0 0 20pt;
    overflow: hidden;
}
#title a {
    color: #1f82c9;
    font-size: 20pt;
    font-weight: 600;
}
#title a span {
    color: #2559C9;
}
#subtitle {
    margin: 0 0 0 2.2em;
    position: relative;
    top: -0.45em;
}
#subtitle, #subtitle a {
    color: #006233;
    font-size: 10pt;
    font-weight: 400;
}
#title a:link, #title a:visited, #title a:hover {
    text-decoration: none;
}
#header-left {
	top:50pt;    
	left:20pt;
	float: left;
}
#header-right {
	text-align: left;
	top:8pt;
	right: 5mm;    
	float: right;
}

h4, .h4 {
  clear: both;
  padding: 0;
  color: #a47864;
  font-size: 2em;
  text-align: left;
  font-weight: lighter;
  font-family: "archia-regular-webfont", sans-serif; 
}
.content {
text-align: center;
}
@media all and (max-width: 50em) {
    #title {
        margin: 5pt 0 0 5pt;
    }
    #title a {
        font-size: 30pt;
    }
    #subtitle, #subtitle a {
        font-size: 14pt;
    }
}


/* NAVBAR */

#navbar
{
    margin: 10pt 20pt 0 5pt;
	color: #2559C9;
}
#navbar div
{
	display: inline-block;
}
#navbar a:link, #navbar a:visited
{
    font-weight:50;
    color: #2559C9;
}
#navbar-2
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding: 3pt;
}
#navbar-2 div
{
    display: inline-block;
    padding-right: 4em;
}
#navbar-2 a:link, #navbar-2 a:visited
{
    color:#3c4445;
}


/* CONTENT & SIDEBAR */

#outer {
    margin: 6pt 16pt;
    padding: 2pt;
}
#inner {
    background: white;
    margin: 0;
    padding: 4pt 6pt;
}
#container {
    display: flex;
    flex-flow: row wrap;
}
main {
    flex: 1;
    padding-right: 10pt;
    margin-top: 10pt;
    margin-bottom: 10pt;
}
#sidebar {
    flex: 0.3;
    border-left: solid blue 1.5pt;
    padding: 0pt 10pt 0pt 10pt;
}
#sidebar p {
    line-height: 100%;
    margin: 0.3em 0;
}
@media all and (max-width: 50em) {
    #outer {
        background: transparent;
        margin: 12pt 0pt;
        padding: 0pt;
    }
    #inner {
        background: white;
        margin: 0;
        padding: 4pt 6pt;
    }
    #container {
        flex-flow: column;
    }
    #sidebar {
        border-top: solid #b3f2e7 1.5pt;
        border-left: 0;
    }
}

#sidebar .header {
    font-size: 11pt;
    font-weight: bold;
    margin-top: 1em;
}
#sidebar ul {
    list-style: disc outside none;
    padding-left: 1em;
    margin-top: 8pt;
    margin-bottom: 12pt;
}
#sidebar li {
    margin-bottom: 1pt;
}

#cnthdr, #cntftr {
    background: #BDDDFF;
    color: #006333;
    font-size: 9pt;
    font-weight: 600;
    margin: 0;
    padding: 2pt;
    width: 100%;
}
td#cnthdr_right, td#cntftr_right {
    text-align: right;
}
#breadcrumbs, #cntftr {
    font-size: 10pt;
    margin: 0;
}
#cnthdr a:link, #cnthdr a:visited, #cnthdr a:hover,
#cntftr a:link, #cntftr a:visited, #cntftr a:hover {
   color: #006233;
}

.gepi {
    color:#6667ab;
}
.getics {
    background-color: #60cc84;
    font-weight: 600;
}
.year {
    color:blue;
    font-weight: bold;
    text-align: center;
}
.canc{
    color:red;
    font-weight: 400;
}

ul.pipedlist
{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.pipedlist li
{
    display: inline;
    padding: 0;
    margin: 0;
    margin-right: 1em;
}
ul.pipedlist li:before
{
    content: "\00BB \0020";
}

/* List of text */
table {
    font-size: 1em;
}
.textlist td {
    padding: 4pt 10pt;
}
.textlist p.intro {
    font-size: .9em;
    font-style: italic;
}
.textlist p.author {
    font-size: .9em;
    color: #AAAAAA;
    color: #606060;
}
.textlist p {
    margin: 0;
}

/* .border: simple table with borders */
/* .namevalue: table with two cols - one with a name and the second with an description */
.border {
    border-collapse: collapse;
}
.namevalue {
    border: 1px #AAAAAA solid;
}
.namevalue td, .namevalue th, .border td, .border th {
    padding: 3pt;
    vertical-align: top;
    text-align: left;
}
.border td, .border th {
    border: 1px #AAAAAA solid;
    padding-right: 18pt;
}
.namevalue td.name {
    font-weight: bold;
    padding-right: 10pt;
}
.border th, .namevalue th {
    background: #CCCCCC;
    font-weight: bold;
}
tr.two {
    background: #EEEEEE;
}
td > p.small {
    margin-bottom: 0;
}

/* Linux style Shell prompt, source code */
pre.shell, pre.source {
    border: 1px #AAAAAA solid;
    margin-right: 4pt;
    padding: 2pt;
}
.prompt {
    color: #994444;
    font-size: 1em;
    font-weight: bold;
}
.comment {
    color: #449944;
    font-style: italic;
}

/* Code, local Filenames */
code, .path, .program {
    color: #994444;
    font-family: monospace;
}
.quote {
    font-style: italic;
    margin: .5em 2em;
}
.keystroke, .output {
    color: #444499;
    font-family: monospace;
}
hr.seperator {
    border: 1px #AAAAAA solid;
    margin: 15pt 0;
    width: 50%;
}


/* general options for text */
body {
    background-color: white;
    font-family: "archia-regular-webfont", sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 14pt;
    margin-top: 1.8em;
    font-weight:lighter;
    clear: both;
}
h2.title{
	color:#2559C9;
	font-weight:bold;
}

main h2:first-child {
    margin-top: 0pt;
}
h1 {
	font-weight: bold;
	color: #00009B;
}
h3 {
	font-size: 12pt;
	margin-top: 1.6em;
	font-weight: lighter;
}
small, p.small {
    font-size: 7pt;
}
p.small {
    margin-top: 2pt;
}
main ul {
    padding-left: 2em;
}
main ul li {
    margin: 0.3em 0;
}
pre {
    white-space: pre-wrap;
}
.fondo {
    background-color:#e5d8d3;
}
.journal {
    color: #444;
    font-weight: bold;
}
.paper:link, .paper:visited {
	color: #006233;
	font-weight: bold;
}

.book:link, .book:visited {
	color: #009951;
	font-weight: bold;
}

.arx {
	background-color: #b31b1b;
	color: white;
	padding: 2px;
	width: 200px;
	height: 150px;
	border-radius: 0px;
}

.rcorner {
  border-radius: 25px;
  border: 1px solid;
  padding: 2px;
  width: 200px;
  height: 150px;
  font-size: 15px;
  position: relative;
  top: -2px;
}

/* HYPERLINKS */
a:link, a:visited {
	color: #2559C9;
	text-decoration: none;
/*	font-weight: bold;*/
}
a:link:hover {
	text-decoration: underline;
}
a.person:link, a.person:visited, .datalist a.arxiv:link, .datalist a.arxiv:visited {
	color: black;
	font-weight: normal;
}
a.poster:link, a.poster:visited {
	color: #ef476f;
	font-weight: normal;
	font-style: oblique;
   }	
a.conference:link, a.conference:visited {
	color: #52b780;
	font-weight: bold;
   }

p.type:  {
	font-face: Courier bold;
}