@import url('navigation.css');
@import url('normalize.css');
@import url('typebase.css');

@font-face {
	font-family: PTSansRegular;
	src: url(../fonts/PTC55F.ttf);
	font-style: normal;
}

@font-face {
	font-family: PTSansItalic;
	src: url(../fonts/PTS56F.ttf);
	font-style: italic;
}

@font-face {
	font-family: PTSansNarrow;
	src: url(../fonts/PTN57F.ttf);
	font-style: normal;
}


body {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow-y: scroll;
}

@font-face {
	font-family: DVS;
	src: url(https://ecsas2020.univie.ac.at/fonts/dvs.ttf);
	font-style: normal;
}

@font-face {
	font-family: DVSB;
	src: url(https://ecsas2020.univie.ac.at/fonts/dvs-b.ttf);
	font-style: bold;
}

.hidden {
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: PTSansNarrow,Arial Narrow, Arial, sans-serif;
	color: #666;
}

#content a, #nav_max li.item-122 .menu_img a {
	color: #566907;
	text-decoration: none;
}

#content a:hover, #nav_max li.item-122 .menu_img a:hover {
	color: #768927;
}

#content .research a, #nav_max li.item-134 .menu_img a {
	color: #c62800;
}

#content .research a:hover, #nav_max li.item-134 .menu_img a:hover {
	color: #e64820;
}

#content .documentation a, #nav_max li.item-137 .menu_img a {
	color: #e8a20c;
}

#content .documentation a:hover, #nav_max li.item-137 .menu_img a:hover {
	color: #ffba0f;
}

#content p {
	overflow-y: auto;
}

#content figcaption {
	font-size: .8em;
	text-align: left;
}

.clearfix {
	clear: both;
}

.item .clearfix {
	height: 0;
}

.pull-left {
	float: left;
	margin: 0em 1em 1em 0;
}

.pull-right {
	float: right;
	margin: 0 0 1em 1em;
}

.main_container {
	max-width: 1400px;
	min-width: 1000px;
	margin: 0 auto;
}

.mid_container {
	position: relative;
	margin: 50px 0px;
}

.main_content_area {
	margin: 0 auto;
	width: 63%;
}

.footer {
	margin: 0 auto;
	width: 63%;
}

.footer #bottomline {
	width: 100%;
	border-top: 1px solid #ddd;
}

#footercontent {
	text-align: center;
	background: #fff none repeat scroll 0 0;
	font-size: 75%;
	width: 9em;
	margin: 0 auto;
	position: relative;
	top: -.9rem;
}

#footercontent div, #footercontent p {
	margin: 0;
	padding: 0;
	line-height: 1rem;
	font-variant: small-caps;
}

#footercontent a {
	text-decoration: none;
	color: #566907;
}

.main_content_area {
	text-align: justify;
	font-size: 1em;
	line-height: 1.4em;
}

p.logos {
	text-align: center;
}

p.logos img {
	margin: 2em;
	width: 24%;
	vertical-align: middle;
}

p.readmore {
	text-align: right;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
}

.pull-left.item-image img {
	float: left;
	margin: 0 1.5em;
	max-height: 400px;
}


.blog.publications .items-row.clearfix {
	clear: none;
	border: none;
}

.blog.publications .pull-left.item-image {
	float: left;
	margin: 0 1% 1.5em;
}

.blog.publications .pull-left.item-image {
	max-width: 23% !important;
	max-height: 300px;
}

.blog.publications .img_caption.none {
	width: 100% !important;
}

.blog.publications img.caption {
	width: 100%;
}

.blog.publications p.img_caption {
	display: none;
}

.blog .items-row.clearfix {
	border-bottom: 2px dashed #bbb;
}

#content ol, #content ul {
	margin-top: 0;
	padding: 0 0 0 1.5em;
}

#content ol li, #content ul li {
	margin-top: 1rem;
}

/* RIBBON */

#ribbon > div{
  width: 18rem;
  background: #768927;
  position: absolute;
  top: 1rem;
  left: -3rem;
  padding: .3rem 0 .7rem 3.3rem;
  text-align: left;
  line-height: 1.1;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  position: fixed;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  z-index: 5;
  color: #e64820;
  font-weight: bold;
  font-size: 1.5rem;
}

#ribbon a {
  text-decoration: none;
}

#ribbon a:focus {
	outline: none;
}

#ribbon .ecsas {
  font-family: DVS, arial, sans-serif;
  background: #dde9f5;
  color: rgb(200,16,46);
}

#ribbon .ecsas .date {
	font-weight: normal
}

#ribbon .ecsas div {
	margin: 0;
	padding: 0;
	line-height: 0.5
}

#ribbon .ecsas .info .date {
	color: #000;
	font-size: 1rem;
}