/* ms-scr.css -- css for screen output of www.shah.de */

/* Copyright 2002-7 MacHobbes */


body {
	min-width: 700px;
	margin: 0;
	padding: 0;
	background-color: #fffffa;
	}

/* -----  top elements ----- */

#head, #navs, #menu, #label {
	position: fixed; 
	top: 20px;
	}	
#head {
	left: 0px;
	width: 33%;
	height: 250px;
	padding-left: 90px;
	background-image: url(rsca/ms.gif);
	background-repeat: no-repeat;
	background-position: 20px 70px;
	}	
#navs {
	right: 130px;
	width: 240px;
	text-align: right;
	}	
#menu, #label {
	top: 32px;
	right: 15px;
	width: 110px;
	text-align: right;
	}

/* ----- show pages ----- */
	
#show, #show-1, #show-2 {
	position: fixed;
	top: 140px;
	left: 90px;
	right: 215px;
	min-height: 110px;
	min-width: 400px;
	padding: 0px 20px;
	border-right: 1px dotted #aaa;
	text-align: right;
	}	
#show-2 {
	top: 510px;
	}	
#show {
	position: absolute;
	}
#gall {
	position: absolute;
	top: 300px;
	left: 100px;
	right: 150px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	}

/* ----- info pages ----- */
	
#info, #side {
	top: 140px;
	min-height: 500px;
	padding: 0 20px;
	}	
#info {
	position: absolute;
	left: 50%;
	right: 160px;
	border-left: 1px dotted #aaa;
	background-color: #fffffa;
	text-align: left;
	}
#side {
	position: fixed;
	left: 70px;
	right: 51%;
	text-align: right;
	}
	
/* ----- display pages ----- */
	
#disp {
	position: absolute;
	top: 140px;
	width: 80%;
	margin: 0 10%;
	text-align: center;
	}
	
/* ----- foot ----- */

#foot {
	position: fixed;
	bottom:10px;
	right: 15px;
	margin: 0;
	font: normal 10px/12px "optima", "lucida grande", "trebuchet ms", "andalemono", sans-serif;
	color: #ccc;
	}	
#foot:after {
	content: "© 2007 MacHobbes";
	}

/* ----- text formats ----- */

body {	
	font: bold 14px/24px "georgia", "optima", serif;
	color: #888;
	}
.text p {
	margin: 12px 0;
	text-indent: 0;
	}	
.list {
	font: bold 11px/14px "optima", "lucida grande", "trebuchet ms", "andalemono", sans-serif;
	}	
.list p {
	margin: 0 0 6px;
	}	
em	{
	color: #3E4388;
	}
dd em {
	font-style: normal;
	text-transform: capitalize;
	letter-spacing: 0.1em;
	color: #5D629A;
	}	
	
/* ----- labels ----- t=title, y=year, m=materials, i=index, f=footnote */

p.t {
	color: #AE7D43}
p.y {
	padding-bottom: 6px}
p.i {
	color: #fffffa}
p.f {
	color: #aaa}
	
/* ----- forms ----- */

input, textarea {
	padding: 6px 6px;
	font: normal 12px/18px monospace;
	color: #3E4388;
	text-align: left;
	}
	
/* ----- description lists ----- */
	
dl	{
	margin: 0 0 24px;
	}	
dt	{
	text-align: right;
	width: 3.5em;
	color: #B09377;
	}
dd	{
	margin-left: 4em;
	max-width: 27em;
	}	
dl.wide dt {
	width: 6.5em;
	}
dl.wide dd {
	margin-left: 7em;
	}
	
/* ----- images ----- */

img {
	margin: 0;
	border: 0;
	padding: 6px 10px;
	}

#navs img {
	margin: 0 10px;
	}

/* ----- anchors ----- */
	
a	{
	color: inherit; 
	text-decoration: none;
	}
dd a:after {
	content: "*";
	}
.text a:hover {
	border-bottom: 1px dotted #888;
	}
.list a:hover {
	color: #fffffa; 
	background-color: #888;
	}
.links a {
	margin-left: 18px;
	}

a:active {
	margin: 0 3px 0 -3px;
	}
.links a:active {
	margin: 0 3px 0 15px;
	}

	
/* ----- end of ms-scr.css ----- */