@charset "utf-8";
@import url(style-import.css);

/* Geocontext - Home */

body, head { /* head (max-width) is the same as body - for js */
			max-width: 50em;
}



#motto blockquote {
			line-height: 1.4;
			font-family: "urw bookman l", georgia, times, "times new roman", serif;
			margin: 1.1em 0 1.6em 0;
			padding: 0 .7em 0 .7em;
			color: #000;
}
#toc {
			float: left;
			margin: 0 1.4em 1em 0;
			padding: 2px;
			border: solid 2px #686868;
			background-color: #fff;
			outline: solid .9em #fff;
			position: relative;
			z-index: 99;
}
#propag_toc {
			margin: 0;
			padding: .5em 0 0 0;
			background-color: #e7e7d7;
}



/* propaganda */
#propag_profiler {
			line-height: 1.5;
			border: solid 1px #686868;
			margin: 0 1.5em 0 .7em;
			padding: 0;
			height: 150px;
			width: 180px;
			font-size: 12px;
			list-style: none;
			display: block;
			background: #fff url(/publ/2010/04/profiler/img/propag/profil.png);
			position: relative;
}
#propag_profiler:before {
			content: "Geocontext-Profiler";
			display: block;
			padding: 0 0 0 3px;
			position: absolute;
}
#propag_profiler li {
			display: block;
			margin: 102px 0 0 4px;
			padding: 0;
			float: left;
			position: absolute;
}
#propag_profiler li + li {
			margin: 126px 0 0 4px;
			position: relative;
}
#propag_profiler a.link-btn {
			padding: 0 6px 0 6px;
			margin: 0;
			display: block;
}



#toc section {
			padding-top: .75em;
			background-color: #e7e7d7;
}
#toc section ul {
			line-height: 1.5em;
			list-style: none;
			margin: 0;
			padding: .4em 0 0 0;
}
#toc section li a {
			font-size: .79em;
			padding: 0 .5em 0 .5em;
			margin: 0 .65em 0 .65em;
			display: block;
}
#toc-nav:before {
			content: "NAV ";
			background-color: #ccb;
			margin: 0 .65em 0 .65em;
			padding: .5em .25em .3em .75em;
			font-size: .79em;
			font-weight: bold;
			display: block;
			text-shadow: 0 1px 0 #fff;
			color: #555;
}
#toc-pop:before {
			content: "POP ";
			background-color: #ccb;
			margin: 0 .65em 0 .65em;
			padding: .5em .25em .3em .75em;
			font-size: .79em;
			font-weight: bold;
			display: block;
			text-shadow: 0 1px 0 #fff;
			color: #555;
}
#toc-pop {
			min-height: 110em;
			padding-bottom: 3em;
}



#about {
			clear: right;
}
#about header {
			background-color: #ccb;
			padding: .85em .5em .6em .5em;
			margin: 1.33em 0;
}
#about header hgroup {
			display: table;
}
#about header hgroup h2 {
			padding: 2px;
			margin: 0 .3em .25em .3em;
			font-size: 1em;
			border: solid 2px #686868;
			background-color: #fff;
}
#about header hgroup h2 img {
			display: block;
}
#about header + p {
			line-height: 1.25;
			margin: -21em 1em 0 0;
			padding: .8em 1.1em 1.4em 1em;
			position: relative;
			width: 16em;
			float: right;
			box-shadow: .0625em .0625em .4375em rgba(0, 0, 0, .4); /* equivalent box-shadow: 1px 1px 7px rgba(0, 0, 0, .4); */
			background: rgba(255, 255, 255, 0.75);
			border-radius: .9em;
}
#about header + p a:link {
			color: #555;
}
#about header + p span:lang(la) {
			font-style: normal;
}
#about header + p strong {
			font-weight: normal;
			color: #333;
}
#statement h1 + p {
			line-height: 1.2;
			margin: -9.1em 1.2em 0 0;
			padding: .2em 0 0 .4em;
			position: relative;
			width: 28.5em;
			float: right;
			font-size: .79em;
			box-shadow: .079em .079em .554em rgba(0, 0, 0, .4); /* equivalent box-shadow: 1px 1px 7px rgba(0, 0, 0, .4); */
			background: rgba(255, 255, 255, 0.75);
}
#statement h1 + p a:link {
			color: #555;
}
#statement h1 + p a img {
			float: right;
			background-color: #ccb;
			margin: -3px 3px 3px 0;
}
#statement h1 + p a img:hover {
			background-color: #ffa;
			outline: solid 3px #ffa;
}
#statement h1 + p span:lang(la) {
			color: #333;
			font-style: normal;
}
#news {
			margin-top: -.6em;
}
#news nav p {
			font-size: .79em;
			margin-top: 3em;
}
#tags {
			clear: left;
			margin: 0;
			padding: 1.9em 0 0 0;
}
#tags ul {
			text-align: justify;
			line-height: 1.3;
			margin: 0;
			color: #c1bfb1;
			list-style: none;
			padding: 0 0 .5em 0;
			border-top: dotted 1px #dcdcdc;
			border-bottom: dotted 1px #dcdcdc;
			font-family: verdana, sans-serif;
}
#tags ul li {
			display: inline;
}
#tags ul a.pop {
			color: #c1bfb1;
}
#tags ul a.pop:hover {
			color: #686868;
}
#tags .s {
			font-size: .555em;
}
#tags .m {
			font-size: .702em;
}
#tags .l {
			font-size: 1em;
}



@media print, projection, tv, screen {
	#motto h1,
	#toc h1,
	#about header h1,
	#statement h1,
	#news > h1,
	#tags h1 {
			position: absolute;
			z-index: -1;
	}
}



@media screen and (min-width: 800px) {
	#about header hgroup h2:active:after {
			position: absolute;
			vertical-align: bottom;
			border-bottom: solid .4em #fff;
			background-color: #fff;
			margin: -.85em 0 0 -.75em;
			padding: .3em 1em 0 1em;
			text-shadow: 0 0 .2em #ff66cc, 0 0 .2em #ff66cc;
			font-family: verdana, sans-serif;
			font-size: .79em;
			font-weight: normal;
			content: "Aloha!";
			/* box-shadow: .47em .47em .71em rgba(0, 0, 0, 0.5); */
	}
	#about header hgroup h2 img {
			cursor: pointer;
	}
}



@media all and (max-width: 799px) {
	#toc {
			float: none;
			margin: 0;
			outline: 0;
			z-index: 0;
	}
	#toc-pop {
			min-height: 10em;
	}
	#about {
			clear: left;
	}
	#about header hgroup h2 img {
			width: 100%;
			height: auto;
			max-height: 100%;
	}
	#about header + p {
			margin: 0 auto 0 auto;
			width: 80%;
			float: none;
	}
	#statement h1 + p {
			margin: 0 auto 0 auto;
			width: 80%;
			float: none;
	}
	#news {
			margin-top: 1em;
	}
	#news article > p {
			max-width: 35em;
	}
}