body { background: #eae1d8; color: #58301B; font: normal 100% Verdana, Geneva, sans-serif; margin: 0;}
p { color: #463429; font-size: 1rem; text-align: justify; line-height: 1.5;}
dt, dd { margin-top: 1rem; }
p.center { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }
p.bad {	color: red;	font-weight: bold; }
p.good { color: green; font-weight: bold; }
p.author { color: black; font-size: 0.875rem; /* font-weight: bold; */ text-align: center; }
p.description {	color: black; font-size: 0.625rem; text-align: center; }
p.demo { background: url('muz.gif') no-repeat; font-size: 0.75rem; padding-left: 1.25rem; padding-top: 1px; margin: 10px; height: 16px; }
.book {	color: #58301B; font: 1.25rem "Palatino Linotype", Palatino, serif; text-align-last: left;}
blockquote { color: #000000; font: italic 1rem "Palatino Linotype", Palatino, serif; }
a {color: #8B4513;	font: 100% Verdana, Geneva, sans-serif; text-decoration: none; }
a:visited { color: #8B4513;	text-decoration: none; }
a:active { color: #8B4513; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
a.list { display: block;	padding: 3px; }
a.framed { background-color: #F5EDE5; border: 1px solid #E7D8D0; display: block; padding: 5px; box-shadow: inset 1px 1px 1px #ffffff; -moz-box-shadow: inset 1px 1px 1px #ffffff; -webkit-box-shadow: inset 1px 1px 1px #ffffff; }
h1, h2, h3, h4, h5, h6 { /*color: navy;*/ color: #463429; font-weight: bold; font-family: Garamond, Georgia, "Times New Roman", Times, serif; text-align: center; }
h1 { font-size: 3rem; }
h2 { border-bottom: 1px dotted navy; font-size: 2rem; font-weight: normal; text-align: left; margin-top: 2rem; }
h3 { font-size: 1.75rem; margin-top: 2rem; }
h4 { font-size: 1.50rem; font-weight: normal; text-align: left; margin-top: 2rem; }
h5 { font-size: 1.25rem; }
hr { background-color: #e1cebe; border: 0; color: #e1cebe; height: 1px; }
hr.lightline { background-color: #E3E1DB; color: #FBF8F4; height: 2px; }
hr.darkline { background-color: #EAE1D8; color: #EAE1D8; height: 2px; }
img.banner { border: 0px; margin: 5px; }
img.rozet { border: 0px; height: 32px; width: 32px; }
img.bigcover { border: 0px; height: 256px; width: 256px; }
img.left { margin-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left; }
img.right { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; float: right; }
#wrap {width:90%; max-width:1000px; min-width:240px; margin: 0 auto; border: 0px solid black; }
#header { height:150px; width:100%; background: url('logo2x.png') no-repeat center; background-image: -webkit-image-set(url(logo1x.png) 1x, url(logo2x.png) 2x); background-image: image-set(url(logo1x.png) 1x, url(logo2x.png) 2x); background-size: 300px 150px; /*border: 1px solid red;*/ }
/* #header { height:150px; width:100%; background: url('logo2x.png') no-repeat center; background-size: 300px 150px; } */


#logotext
{
color: black;
font-size: 3rem;
font-family: Georgia;
text-align: center;
text-shadow: 2px 2px 0 white, -2px -2px 0 white;
}
#nav { height:650px; width:200px; float:left; overflow:hidden; vertical-align:bottom; /*border: 1px solid green;*/}

#navcontainer { position: relative; vertical-align: middle; height: auto; text-align: center; border: 0px solid red; /*margin: 0 auto;*/ }
#navcontainer li { display: inline; list-style-type: none; /*padding-right: 2%;*/}

#navcontainer a { display: inline-block; border: 0px solid black; margin: 1.5%; color:#8b4513; text-decoration:none; text-shadow: 0 1px 0 #fff; webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
#navcontainer a:active { color: red; text-decoration: none; text-shadow: 0 0 9px #FA8072; }
#navcontainer a:hover { color: red; text-decoration: none; text-shadow: 0 0 9px #FA8072; }


#bread { 
/* The old syntax, deprecated and prefixed, for old browsers */
background: -<em>prefix</em>-linear-gradient(left, #eae1d8, white 50%, #eae1d8);
/* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Firefox 16, Chrome 26, Safari 6.1), without prefix */
background: linear-gradient(to left, #eae1d8, white 50%, #eae1d8);

border-top: 1px solid #d0d0d0; color: #808080; font-size: 12px; padding: 3px;
text-align: center; 
}
#bread a:link, #bread a:visited {color: #808080; font-size:12px;}
#bread a:hover {color: #a05050; font-size:12px; text-decoration:none;}


#content { background: #fbf8f4 url('chant.jpg') no-repeat 100% 100%; border: 1px solid #e1cebe; padding:2% 5%; /*margin-left:5px; margin-right:5px;*/ min-height:100%;/*650px;*/ text-align: center;}
#footer {clear: both; text-align: center;}
#footer p {font-size:10px; text-align: center;}
#lang {float:right; padding:5px;}
.inline {
	/* For center elements. Using with centerBlock*/
	display: inline;
}
.centerBlock
{
	text-align: center;
	padding: 5px;
	overflow: hidden;
}


.window
{
	background: #f5ede5 url(style/noise.png) repeat-y;
	border: 1px solid #e7d8d0;
	vertical-align: top;
	overflow: hidden;
}
.window p {
	margin-left: 10px;
	margin-right: 10px;
}


.album
{
	padding: 5px;
	margin: 5px;
	background: #f5ede5 url(style/noise.png) repeat-y;
	border: 1px solid #e7d8d0;
	vertical-align: top;
	overflow: hidden;
}
.album p {
	margin-left: 10px;
	margin-right: 10px;
}

.album img { float: left; margin: 10px; width: 200px; height: 200px; }

table
{
	background: #f5ede5 url(style/noise.png) repeat-y;
	width: 100%;
}

th { 
	background-color: #e7d8d0;
	border-color: #E7D8D0;
	border-style: solid;
	border-width: 1px;
	color: #5C564A;
	font-weight: bold;
	padding: 5px;
    text-shadow: white 1px 1px 1px;
}