html,body {font-family: Tahoma, sans-serif; color:black; background-color:white; font-size:90%}
body		{margin:0 30px; padding:0}
table		{border-collapse: collapse; width: 100%;}
td		{margin: 0em; padding: 0em; vertical-align: top;}
form		{margin:0; padding:0}
h1,h2,h3,h4	{font-weight:normal; font-family:Myriad Pro, Tahoma, sans-serif; margin:0 0 0.3em 0; clear:both}
h1		{font-size:200%; margin:0 0 30px 9px}
h2		{margin:1em 0 3px 0; font-weight:bold; font-size:130%}
h3		{font-weight:bold; color:#555}
.hidden	{display:none}

img		{border:none}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hasFloat:after {
content: "";
display: block;
clear: both;
}

a		{color:#d40000}
a:hover	{text-decoration:none}
a.serv	{text-decoration:none; border-bottom:dashed 1px; cursor:pointer}
.blacklinks a, a.blacklinks,.indexnews a	{color:black}

i		{font-family:Georgia,serif; font-size:110%}
.small	{font-size:85%}
.italic	{font-family:Georgia, serif; font-style:italic;}
.admin	{color:green; font-family:Times;}
.imgblock	{display:block; margin-bottom:1em}
#marginarium	{}
#layout	th {text-align:left; font-size:120%}
#layout-header  {font-family:Myriad Pro, Tahoma, sans-serif; }
#layout-header  a {color:black;}
#layout-header small a,#layout-header small span	{font-size:80%; font-weight:normal; margin:0 0 0 20px}
#layout-header small span {color:#999}
#upmenu	{position:relative; margin-top:20px;}
#upmenu	div {float:left; margin-right:50px}
#upmenu	ul {margin:0; padding:0; font-weight:normal; font-size:80%}
#upmenu	li {list-style-type:none; margin:0; padding:0}
#upmenu	a, span{padding:0 5px 1px 5px}
#upmenu	span	{color:#555; background:#eee}
#upmenu	a{color:black}
#upmenu	a:hover{color:#555}

#content	{width:800px; font-size:80%; padding-left:9px}
#left	{width:220px; padding:0px 40px 0 0; font-size:70%}
#left ul,ul.articles	{padding:0}
#left li,.articles li, .indexnews li {margin-bottom:0.5em; list-style:none url('/i/marker1.gif')}
.indexnews	{font-size:89%}


#bookstand img	{float:left; margin:0 20px 20px 0}
#bookstand div {margin-bottom:2em}
#bookstand b	{display:block}

/*
p	{border-bottom:dotted 1px #aaa; padding-bottom:1em; margin-bottom:1em}
p.noborder,.noborder p {border-bottom:0; padding-bottom:0}
*/
p.border {border-bottom:dotted 1px #aaa; padding-bottom:1em; margin-bottom:1em}
.toosmall	{height:140px}
.preambula	{font-family:Georgia, serif; font-weight:bold; font-size:120%; margin-bottom:1em; padding:15px; background:#f3fbd7}
cite		{font-family:Georgia, serif; padding-left:33px; width:500px; font-size:95%; display:block; color:#333; margin:15px 0 1.5em 0}
.cite	{font-family:Georgia, serif; font-size:95%; color:#333; font-style:italic}
author,.author {display:block; float:right; margin-top:5px; font-size:85%; color:#333; font-weight:bold; font-style:italic; font-family:Georgia, Times}
#logo	{float:left; margin:30px 30px 0 0}
#langs	{margin-bottom:10px}
#langs img{margin-right:10px; border:0}
#menu	{clear:both; font-size:100%; margin:0 0 0 0; padding:0 0 0 30px; width:102px; float:left}
#menu li	{list-style:none; margin-bottom:10px}
#menu .selected	{font-weight:bold}

.short	{line-height:1.5em}
.grid div	{float:left; width:255px; height:235px; margin-bottom:15px; font-size:80%}
.grid2 div{height:250px;}
.grid img,.leftbox img {display:block; margin-bottom:5px}

/* random in library */
.randomgrid div	{width:260px; height:280px; margin-bottom:10px;}
.p1	{left:40px; top:0px; position:relative}
.p2	{left:0px; top:60px; position:relative}
.p3	{left:10px; top:30px; position:relative}
.p4	{left:40px; top:20px; position:relative}
.p5	{left:5px; top:15px; position:relative}
.p6	{left:43px; top:43px; position:relative}

.leftbox{float:left; width:115px; }
.bigleftbox{float:left; width:410px; margin-bottom:15px}
.textbox{float:left; width:520px}
.list h2	{margin-top:0}
.list div.clearfix	{margin-bottom:20px}
.list	div {font-size:95%}
.rightbox		{float:right; width:333px; padding:20px 10px 20px 0; color:#555;}

#footer	{margin-top:3em; font-size:85%; color:#777; border-top:dashed 1px #ddd; padding:30px 30px 30px 190px}
#hpath	{font-size:70%; margin:0 0 20px 9px}
.datelist	{width:auto; font-size:89%}
.datelist td	{padding-bottom:5px}
/*
.shiftleft	{margin-left:-67px}
.shiftleft2	{margin-left:-34px}
*/
.year	{width:auto; text-align:right; color:#777; padding-right:10px}

/* fancy_hack */
div#fancy_close {margin:15px}
div#fancy_title table {width:auto}

/* optimize it! */
.downloadbox	{float:right; width:250px; background:#eee url(/i/cd-icon.jpg) no-repeat; padding:20px 10px 20px 83px; color:#555;}
#gdhv	{float:left}

.slideshow {height: 325px; width: 500px;}
.slideshow img {border: 1px solid #ccc; background-color: #eee; }

.scans {margin-top:10px}
.scans img {border:solid 1px #ddd; margin-right:5px}

div.video {
 width: 140px;
 height: 100px;
 margin:-70px 0 0 53px;
 border:0;
 background:url(/i/videoplay.png) no-repeat top left;
 opacity:.80;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
}