*{
	box-sizing: border-box;
}
body {
    font-family:arial, sans-serif;
    background-color: #ece8e5;
}

#container {
    max-width:990px;
    margin:0 auto 0 auto; 
    background:white;
    padding:6px;
    border-radius: 6px;
    min-height: 600px;
}
#logo, #subsol {
    
    color: white;
    text-align:center;
    background: green;
    /*background: -webkit-linear-gradient(top, green, lightgreen, darkgreen);
    background: -ms-linear-gradient(top, green, lightgreen, darkgreen);
    background: -moz-linear-gradient(top, green, lightgreen, darkgreen);
    background: -o-linear-gradient(top, green, lightgreen, darkgreen);*/
    background: linear-gradient(green, lightgreen, darkgreen);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #aacf8a, inset 0 1px 0 #d4e7c4;
    
}
#logo {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    background-image: url('pics/logo.jpg');
    background-repeat: no-repeat;
    font-weight:bold;
    height: 90px;
	margin-top:0;
    margin-bottom:0.5em;
    /*padding:10px 0 18px 0; */
    text-align:center; 
    background-size: contain; 
}
#subsol {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
    min-height:10px;
}

/* header ----*/


#logo h1 {
	position:relative;
    font-size:20pt;
	text-shadow: 1px 1px 0px #283744;   
}
#logo h3 {
	position:relative;
    font-size:14pt;
    margin-top:0.5em;
	margin-bottom:0.5em;     
}
h2 {
	font-size: 15pt;
}

/* nav --------*/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}


/* Basic Styles */

nav {
	height: 38px;
	width: 100%;
	background: #009900;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid lightgreen;
	border-radius: 4px;
    background: linear-gradient(#009900, #009900, green); 
}
nav ul {
	padding: 0;
	margin: 0 auto 0 0;
	width: 600px;
	height: 38px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 38px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #CEF6E3;
	box-sizing:border-box;
	border-radius: 4px;
}
nav li:last-child a {
	border-right: 0;
}
.on, nav a:hover, nav a:active {
	background-color: #006600;
	color:#ffbb33;
	border-radius: 4px;
}
nav a#pull {
	display: none;
}
h1 {
	font-size:16pt;

}
main {
    text-align: justify;
    width:69%;
    float: left;
    font-size: 10pt;
    padding: 0 2% 0 2%;
    min-height: 500px;
}
#modal{
  display:block;
	width:40%;
	position:absolute;
	top:15%;
	left:30%;
	border: 1px solid gray;
	border-radius:5px;
	min-height:180px;
	background-color: #faa834;
	color:white;
	padding:10px;
	box-shadow: 5px 10px #888888;
}
#modal #modal-header {
	height:35px;
	border-bottom:2px solid white;
}
#modal span {
	float:right;
	padding-right:10px;
	cursor:pointer;
}
#modal-content {
	margin-top:10px;
	text-align:center;
	padding-top:30px;
	font-size:14pt;
}
.authors {
    text-indent:20px; 
    }
aside {
    float:left;
    width: 23%;
    font-size: 10pt;
    padding:3px;
    background-color: #E4E4E4;
    margin: 1em 0.2em 0 1em;
    border-radius: 10px;
   	
}
section {
	position:relative;
	margin-top:1em;
}

.metainf {
	margin:1em 0.2em;
	padding:0 0 0.2em 0;
}
.metainf a:link, .btn a:link {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
.metainf a:visited, .btn.visited {
	color:white;
}
.metainf a:hover .btn.hover {
	color:lightgray;
}
.btn {
	background-color: #5d6e42;
	border:none;
	padding: 5px 10px;
	border-radius: 5px;
}
#year-list {
	max-width:99%;
	overflow:auto;
} 

/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	#logo {
		height:50px;
		padding-top:4px;
	}
	#logo h1{
		font-size: 10pt;
		margin-top:4px;
	}
	#logo h3{
		font-size: 8pt;
		margin-top:5px;
	}
	aside {
		width:38%;
	}
	main {
		width:52%;
	}
	article form input[type='text'] {
	width:100%;
	}
	article form input[type='submit'] {
	width:100%;
	}
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: green;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	aside {
		width:95%;
		clear:left;
	}
	main {
		width:95%;
	}	
	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#subsol {
	font-size:smaller;
}
	
}
/* main -------*/

#formloader {
	display:none;
	position:absolute;
}
#umask {
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:gray;
	opacity:0.7;
z-index:99;
}
#archive {
	margin-top:1em; /*border:1px solid gray;*/
    text-align: left;
}
#archive ul{
	padding-left: 0;
	display:inline;
    float:left;
}
#archive ul li{
	display: inline;
	padding: 0 12px 10px 2px;
    /*border:1px solid black;*/
    
}

#archive h4{
	margin-bottom: 10px;
}
#col-left{
 	width:45%;
	float:left;
	padding:1%;

}
#col-right {
	width:45%;
	float:left;
	margin-left:4%;
	padding:1%;
}
#issue_list{
	position:relative;    
	clear:left;
    float:left;
    width:25%;
    margin-top:1.1em;
	min-height:300px;
}
#issue_list ul > li {
	display:block;
	margin-left:1em;
    
}
#issue_list ul > li a {
	text-decoration:none;
	color:#4d4d4d;
}
#issue_content {
    visibility:visible;
    min-height:200px;
    float:left;
    width:73%;
    margin-left:1%;
    margin-top:1em;
}

#issue_content a:link{
	text-decoration:none
}
#issue_content a:visited{
	color:green;
}		


#left-shifted {
	margin-left:1em;
}

.cover {
	float:left;
	margin:10px;
}
#cc {
	text-align:center; 
	padding:4px 1px 14px 1px;
}

#cc1 {
	text-align:center;
	margin:0 15% 0 0;
	position:absolute;
	top:200px;
	left:0;
}
figcaption {
	font-size:8pt;
	margin-top:5px;
	text-align:center;
}
.details {
	margin-top:1em;
}
.details td {
	vertical-align:top;
	
}
.left_col {
	width:15%;
}
.paper_title {
	color:green;
	margin: 10px 0 5px 0;
	font-size:13pt;
	clear:both;
}
.paper_title a:link{
	color:green;
	text-decoration:none;
}
.paper_title a:visited{
	color:green;
	text-decoration:none;
}
.paper_info {margin-bottom:0.4em;}
a:link.preview, a:visited.preview, a:link.down,a:visited.down {
	float:right; 
    background-color:gray; 
	color:white; 
	padding:2px 4px; 
	border-radius:4px;
	font-size:9pt;
 	font-weight:bold;
	text-decoration:none;
}
.down {
	float:right;
	color: black;
	margin-right:1em;
	margin-bottom:0.5em;
	
}

/* aside -----*/

#errors {
    margin-top:5px;
    text-align:center;
    font-size: 10pt;
    color:red;
}
article, .article_title {
	margin: 0 auto 0 auto;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
article {
	width:98%;
	background:white;
	margin: 0 auto 0 auto;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-bottom:4px;
}
.article_title {
	font-size: 11pt;
	text-align:center;
	background:darkgray;
    padding:4px 0;
    color:white;
    text-shadow: 1px 1px 0px #000000;
	
}
.article_content {
	padding: 4px;
	text-align:justify;
	
}
#db {
	margin:0 0 0 1em;
	padding:0;
    list-style-type: none;
    
}

#db img {
    width:80%;
    
} 
aside a {
    text-decoration: none;
	color:#4d4d4d;
}
article > form {
	margin:0;
	width:100%;
}
article form input[type='text']{
	width:70%;
	border: 1px solid orange;
	border-top-left-radius:4px; 
	border-bottom-left-radius:4px;
	height:30px;
	padding:0px 2px;
	font-size:10pt;
	margin: 0;
	vertical-align: bottom;
	float:left;
}
article form input[type='submit'] {
	width:27%;
	border: 1px solid orange;
	border-top-right-radius:4px; 
	border-bottom-right-radius:4px; 
	background-color:orange; 
	float:left;
	height:32px;
    padding:0px 2px;
    color:white;
    margin: 0;
}
a:link.doi {
	color: #4d4d4d;
	text-decoration:none;
	
}
/* footer ------*/
.clearing {
    clear:left;
    text-align:center;
}
#subsol {
    font-size: 12pt;
    min-height: 60px;
    padding-top:24px;
}
a.footer_link:link {
	color:white;
	text-decoration:none;
}
a.footer_link:visited {
	color:white;
}
a.footer_link:hover {
	color:yellow;
}

/*input[type='text'],input[type='password'] {width: 94%;}
input[type='submit'] {margin-top: 10px;}*/