/*
	style.css
	2024-08-20, Ari Hakkarainen / Andalys
	Default css styles for Arrezes.
	
*/

html {
}

body {
	background-color:#cccccc;
	margin:10px;
	font-family:Verdana, sans-serif;
	background-image: url("default-bg-image.jpg");
}

h1 {
	color: #118e83;
	line-height: 130%;
	font-size: 140%;
}
h2 {
	color: #118e83;
	line-height: 130%;
	font-size: 125%;
}
h3 {
	/* color: #118e83; */
	color: #118e83;
	line-height: 120%;
	font-size: 110%;
}

a {
	text-decoration:none;
	/* color: #118e83; */
	/* color: #93cd8c; */
	color: #6a957e;
	text-shadow: 1px 1px 0px #cccccc;
	/*text-shadow: 1px 0px 0px #93cd8c;
	text-shadow: 1px 0px 0px #118e83; */
	background-color: transparent;
}

a:active,
a:hover {
	/*outline: 0; */
	color:#172be4;
}

#header {
	clear:all;
	text-align:center;
	color: white;
	font-family: Caladea, 'Palatino Linotype', Georgia, serif;
	font-size:200%;
	font-weight:600;
	padding:12px;
	padding-bottom:18px;
	margin-bottom:12px;
/*	background-color: rgba(184, 18, 2, 0.8);  red */
	background-color: rgba(9, 79, 78, 0.8);
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8); 
}

a.headerlink:link {
	text-decoration: white;
}
a.headerlink:visited {
	text-decoration: white;
}

div.menubar {
	font-family: Verdana;
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	padding: 12px;
	margin-bottom:12px;
	background-color:#e5ddd2;
}
/* div that contains columns */
#columncontainer {
	margin-bottom: 8px;
}

#fullarticle {
		font-family:Verdana;
        width: 93%;
        float: left;
        overflow: auto;
        margin-right: 4px;
        margin-bottom: 4px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 40px;
        padding-right: 40px;
        /* background-color: rgba(80, 80, 80, 0.7); */
        /* background-color: #656565; */
        /* background-color: #e7e7e7; */ 
        background-color: #e5ddd2;
        -webkit-box-shadow: 2px 3px 1px 0px rgba(137, 137, 137, 0.8);
        -moz-box-shadow:    2px 3px 1px 0px rgba(137, 137, 137, 0.8);
        box-shadow:         2px 3px 1px 0px rgba(137, 137, 137, 0.8);
}
    
/* main content area */
#maincontent1sidecol {
	/* background-color:#e5cfc9; reddish */
	/* background-color:#e2d0cc; brownish  */
	/* background-color:#e0d5d2; */
	font-family:Verdana;
	width:71%;
	margin-right:10px;
	float:left;
	overflow:auto;
	margin-bottom:14px;
	padding-left: 18px;
	padding-right: 10px;
	/* rgb 90,87,82 is hex e5ddd2 */
	/* background-color: rgba(90, 87,82, 0.9); */
	background-color:#e5ddd2; 
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8); 
}
/* main content area */
#maincontent2sidecol {
	font-family:Verdana;
	width:47%;
	margin-right:6px;
	margin-left: 6px;
	float:left;
	overflow:auto;
	margin-bottom:14px;
	background-color:#e5ddd2;
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8); 
}

/* left side column  */
#leftcol {
	max-width:24%;
	padding-left:8px;
	padding-right:10px;
	float:left;
	overflow:auto;
	margin-bottom:14px;
	/* background-color:#b72b1f; */
	background-color: rgba(31, 79, 78, 0.7);
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8);
}
div.leftcolshade2 {
	background-color: rgba(204, 18, 2, 0.5);
}	

/* right side column  */
#rightcol { 
	max-width:24%;
	padding-left:10px;
	padding-right:8px;
	float:left;
	overflow:auto;
	margin-bottom:14px;
	/*	background-color: rgba(184, 18, 2, 0.6);  red */
	/* background-color: rgba(9, 79, 78, 0.8); dark turquoise */
	/* background-color: rgba(31, 79, 78, 0.8);  color*/
	background-color: rgba(45, 79, 78, 0.8);
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8);
}

div.rightcolshade2 {
/*	background-color: rgba(184, 18, 2, 0.5);  red */
	background-color: rgba(9, 79, 78, 0.3);
}	

/* file list display area */
div.listing {
	font-family: "Lucida Grande", monospace;
	font-size:95%;
	line-height:140%;
	/* margin-left:20px; */
	/* margin-right:14px; */
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 14px;
	padding-bottom: 10px;
	color:black;
	background-color: #ededed;
}

/*  content display section - main */
div.mainblock {
	font-family: "Cambria";
	font-size:105%;
	line-height:140%;
	margin-left:20px;
	margin-right:14px;
	color: black;
}
/*  content display section - column */
div.columnblock {
	font-family: "Trebuchet";
	font-size:100%;
	line-height:140%;
	margin-left:20px;
	margin-right:14px;
	/* color:#d5d5d5; */
	color: white;
}
/*  content display section - search result file content displayed in the main section */
div.searchcontentblock {
	font-family: "Cambria";
	font-size:105%;
	line-height:140%;
	margin-left:20px;
	margin-right:14px;
	color: black;
}

#imgblock {
        width: 31%;
        float: left;
        overflow: auto;
        margin-right: 4px;
        margin-bottom: 4px;
        padding-top: 2px;
        padding-bottom: 10px;
        padding-left: 16px;
        padding-right: 4px;
        /* print ("background-color: rgba(80, 80, 80, 0.7);"); */
        /* background-color: #656565; */
        background-color: #aaaaaa; 
        -webkit-box-shadow: 2px 3px 1px 0px rgba(137, 137, 137, 0.8);
        -moz-box-shadow:    2px 3px 1px 0px rgba(137, 137, 137, 0.8);
        box-shadow:         2px 3px 1px 0px rgba(137, 137, 137, 0.8);
}
p.center {
        text-align: center;
}
/*	endnote used by .acdp pages for displaying category links. */
div.endnote {
        clear:both;
        text-align:center;
        padding: 8px;
		font-size: 105%;
        background-color: #e5ddd2;
}

/* paragraphs for key fields. */
p.datestamp, p.author {
	font-size: 95%;
}
p.imgpara {
	text-align: left;
}
p.description {
	font-size: 100%;
}

hr {
}
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: 4px;
  max-width: 75%;
  max-height: 75%;
}
img {
	max-width: 75%;
	max-height: 75%;
}

.menubutton {
  background-color: none;
  border: none;
  color: rgba(184, 18, 2, 0.8);
  /* color: black; */
  /* padding: 15px 32px; */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
  font-weight: 400;
  margin: 4px 2px;
  cursor: pointer;
}

span.textblue {
	color:blue;
}

div.searchform {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


/* *** Forms *** */

p.formsepar {
	border: 1px solid #cccccc;
}

p.formtext {
	font-family:Verdana, sans-serif;
	color:white;
	font-size:100%;
	text-align:left;
	line-height:120%;
}
p.formdownbutton {
	font-family:Verdana, sans-serif;
	color:white;
	font-size:100%;
	text-align:left;
	line-height:120%;
	padding-left:10px;
}


/* Clear floats after the columns */
.columncontainer::after {
  content: "";
  display: table;
  clear: both;
}


#footer {
	clear:both;
	text-align:center;
	color:white;
	padding: 8px;
	margin-top: 10px;
	/* background-color:#b81202; */
	/* background-color: rgba(184, 18, 2, 0.8); */
	background-color: rgba(9, 79, 78, 0.8);
	-webkit-box-shadow: 4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	-moz-box-shadow:    4px 5px 3px 0px rgba(137, 137, 137, 0.8);
	box-shadow:         4px 5px 3px 0px rgba(137, 137, 137, 0.8); 
}

p.version {
	text-align: right;
	padding-right: 6px;
	line-height: 80%;
	font-size: 80%;
	color: #cccccc;
}

/* Responsive layout - when the screen is less than ...px wide, make the columns stack on top of each other instead of next to each other */

@media only screen and (max-width:800px) {
#columncontainer {
	clear:all;
	width:100%;	
	}
#logcontent {
	clear:all;
	width:100%;	
	}
#rightcol {
	clear:all;
	width:100%;
	max-width:90%;
	text-align:center;
	}
#leftcol {
	clear:all;
	width:100%;
	max-width:90%;
	text-align:center;
	}
#maincontent1sidecol
{
	clear:all;
	width:100%;	
	}
#maincontent2sidecol
{
	clear:all;
	width:100%;	
	}
#imgblock {
	clear: all;
	width: 96%; 
	/* max-width:100%; */
	text-align:center;
	}

}