a {
	text-decoration: none;
}

a img {
	border-width: 0;
}

#sitemenu li {
	color: #444;
}

#sitemenu a {
	color: black;
}

#sitemenu .current a {
	color: #666;
}

#contents li {
	color: #224;
}

#contents a {
	color: black;
}

#contents .current a {
	color: #557;
}

#content a {
	color: #34b;
}

#content a:visited {
	color: #129;
}


#main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

body, .key {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

body {
	margin: 0;
	padding: 0;
}

#header {
	background: url('header.png') bottom no-repeat;
	height: 5em;
}

#header h1 {
	padding-top: 0.5em;
	margin: 0;
}

#header a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 2.5em;
	margin-left: auto;
	margin-right: auto;
	width: 99%;
}

#notFound {
	position: absolute;
	top: 9em;
	padding-top: 5.5em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 210px;
	right: 0;
	width: 256px;
	height: 6em;
	color: #411;
 	background: url('notfound.png') center repeat-y;
}

#notFound:before {
	content: url('error.png');
}

*:before {
 	vertical-align: -25%;
	margin-right: 0.3em;
}

.noContents #notFound {
 	left: 0;
}

#recent div {
	border-bottom: 1px solid gray;
 	padding-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

#recent dt, #recent dd {
	text-align: left;
}

#recent dt.type+dd {
 	margin-left: 22px;
	margin-top: 1em;
	margin-bottom: -2em;
	display: block;
	text-align: left;
}

#recent dt.status {
	font-weight: normal;
	text-align: right;
	font-size: 8pt;
	display: block;
	margin-right: 42px;
}

#recent dt.status:after {
	content: ': ';
}

#recent dt.status+dd {
	font-size: 8pt;
	text-align: right;
	margin: -1.2em 22px 0 0;
}

#recent dt.status+dd:after {
	vertical-align: 10%;
}

#recent dt.published+dd:after {
	content: url('published.png');
}

#recent dt.updated+dd:after {
	content: url('updated.png');
}

#sitemenu h2 {
	display: none;
}

#sitemenu ul, #contents ul, #content ul, #settings ul {
	list-style-type: none;
}

#content {
	top: 13.7em;
}

#contents {
	top: 8.6em;
}

#notFound+#content {
	margin-top: 6.4em;
}

#content {
	position: absolute;
 	width: 792px;
	background: url('content-middle.png') repeat-y;
	left: 210px;
	right: 0;
	padding-bottom: 0;
	margin-top: 48px;
	margin-bottom: 0;
}

#content>* {
	padding: 0.5em 2em 0.5em 2em;
}

#content:after {
	margin-top: -0.3em;
	content: url('content-bottom.png');
	display: block;
 	height: 0;
}

#content h2 {
 	background:	url('content-top.png') no-repeat;
 	margin-top: -48px;
 	margin-bottom: -0.2em;
	padding-bottom: 1.2em;
	padding-top: 16px;
}

#content h3 {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.noContents #content {
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

#contents {
	position: absolute;
	left: 16px;
	width: 200px;
	background: url('contents-bottom.png') bottom no-repeat;
	padding-bottom: 25px;
}

#contents>ul {
	background: url('contents-middle.png') repeat-y;
 	margin: 0;
	padding: 5.8em 15px 0 15px;
}

#contents ul ul {
	padding-left: 0.6em;
}

#contents li {
	margin-top: 0.25em;
	font-size: 8.8pt;
}

#contents li:before {
	content: '◦';
	vertical-align: 0;
	font-size: 8pt;
	margin-right: 0.2em;
}

#contents li li {
	font-size: 8.6pt;
}

#contents li li:before {
	margin-left: -0.3em;
}

#contents li.current:before {
	color: #57f;
}

#sitemenu, #settings {
	position: absolute;
	top: 5em;
}

#sitemenu {
	width: 1000px;
 	height: 5.95em;
	background: url('sitemenu-middle.png') repeat-y;
}

#sitemenu:after {
	content: url('sitemenu-bottom.png');
	padding: 0;
}

#settings {
	right: 10px;
}

#sitemenu ul {
	padding: 0;
	margin: 0;
}

#sitemenu>ul {
	padding-left: 508px;
	margin-left: -30em;
	margin-top: 2px;
 	height: 5.8em;
}

#sitemenu li {
	float: left;
	position: relative;
	width: 10em;
	margin-top: -1px;
	text-align: left;
}

#sitemenu li li {
	margin-top: 0.16em;
}

#sitemenu>ul>li {
	text-align: center;
	padding-top: 2px;
}

#sitemenu li ul {
	display: block;
	position: absolute;
	top: 1em;
	margin-top: -1.7em;
	padding-top: 1.7em;
	margin-left: -0.37em;
	padding-left: 0.37em;
	height: 6em;
	left: 0;
	background: url('separator.png') left top no-repeat;
}

#sitemenu li:first-child ul {
	background: transparent;
}

#sitemenu li>ul {
	top: auto;
	left: auto;
}

#settings * {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#content dl {
	margin-top: 0;
	margin-bottom: 0;
}

#content dt {
	font-weight: bold;
}

#content dt:after {
	content: ':';
}

#content dd.text > dl {
	margin-top: 1em;
}

#content dd.text > dl > dt:after {
	content: '';
}

#content dd {
	margin-bottom: 1em;
}

#content dd img {
	margin-top: 0.8em;
	margin-bottom: 0;
}

#content dt.download, #content dt.description, #content dt.text, #content dt.screenshot, #content dt.image, #content dt.address, #content dt.banner, #content dt.type, #content dt.created, #content dt.source, #content dt.score, #content dt.video, #content dt.orchestration, #content dt.homepage {
	display: none;
}

#content dd.download, #content dd.image, #content dd.address, #content dd.banner, #content dd.source, #content dd.score, #content dd.video, #content dd.orchestration, #content dd.poster, #content dd.homepage {
	text-align: center;
}

#content dd.orchestration {
	font-style: italic;
	font-size: 105%;
}

#content dd.orchestration ::before {
	margin: 0em;
}

#content .doc {
 	display: inline;
	text-align: left;
 	margin-right: 0.5em;
}

#content.peers a {
 	font-weight: bold;
	font-size: 125%;
}

#content.types h3 {
	margin-bottom: 0;
}

#content.types dl {
	margin-top: 1em;
}

#content.types td {
	padding-right: 1em;
 	padding-bottom: 0.2em;
}

#content.types > dl > dd.description {
	font-style: italic;
	font-size: 110%;
}

#content dt.lyrics, #content dt.originallyrics {
	display: block;
	text-align: center;
}

#content.images img, #content.screenshots img {
	margin-left: auto;
	margin-right: auto;
}

#content.animations .address {
	display: none;
}

#content .script h4 {
	font-size: 105%;
	padding-bottom: 0;
	margin-bottom: 0;
}

#content.transcriptions .orchestration ul:before {
	content: '(';
	vertical-align: bottom;
	margin-right: 0;
}

#content.transcriptions .orchestration ul:after {
	content: ')';
}

#content .created {
	text-align: right;
}

#content dd.created:before {
	content: '(';
	vertical-align: bottom;
	margin-right: 0;
}

#content dd.created:after {
	content: ')';
}

#content dd.homepage {
	font-size: 120%;
	font-weight: bold;
}

#content .download a:before { content: url('download.png'); }
#content .doc a:before { content: url('doc.png'); }
#content .score a:before { content: url('score.png'); }
#content .source a:before { content: url('source.png'); }
#content .poster a:before { content: url('poster.png'); }
#content .homepage a:before { content: url('homepage.png'); }

.click:before { content: url('click.png'); }
.software>a:before { content: url('software.png'); }
.localization>a:before { content: url('localization.png'); }
.development>a:before { content: url('development.png'); }
.listen:before { content: url('listen.png'); }
.compositions>a:before { content: url('compositions.png'); }
.transcriptions>a:before { content: url('transcriptions.png'); }
.recordings>a:before { content: url('recordings.png'); }
.read:before { content: url('read.png'); }
.writings>a:before { content: url('writings.png'); }
.poems>a:before { content: url('poems.png'); }
.stories>a:before { content: url('stories.png'); }
.watch:before { content: url('watch.png'); }
.images>a:before { content: url('images.png'); }
.animations>a:before { content: url('animations.png'); }
.lifeshots>a:before { content: url('lifeshots.png'); }
.who:before { content: url('who.png'); }
.contact>a:before { content: url('contact.png'); }
.reference>a:before { content: url('reference.png'); }
.events>a:before { content: url('events.png'); }
.what:before { content: url('what.png'); }
.news>a:before { content: url('news.png'); }
.info>a:before { content: url('info.png'); }
.peers>a:before { content: url('peers.png'); }

#languages li {
	padding: 0;
 	margin-top: 3px;
}

#languages a:before {
	vertical-align: top;
}

#languages a {
	display: block;
	overflow: hidden;
	margin: 0 0 2px 4px;
	height: 1.14em;
	width: 20px;
}

#languages .en a:before { content: url('en.png'); }
#languages .hu a:before { content: url('hu.png'); }

#languages .current {
	background: #efefef;
	border: 1px inset;
}

#untranslated {
	clear: both;
	text-align: center;
	font-size: 85%;
}

#untranslated:before {
	content: url('untranslated.png');
}

.untranslatedText {
	font-style: italic;
}

#history {
	clear: both;
 	font-size: 80%;
	margin-left: 3.3em;
	margin-right: 3.3em;
	border-top: 1px solid #ccc;
}

#history h4 {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

#history h4:before {
	content: url('history.png');
	line-height: 18px;
}

#history>* {
	margin-left: -1em;
}

#history ul {
	margin-top: 0;
	padding-left: 1.9em;
}

#history>ul>li {
	list-style-type: none;
}

#history>ul>li:before {
	content: '';
	margin-left: 0;
}

#feed {
	position: absolute;
	right: 0.2em;
	top: 6em;
}

#feed a {
	display: block;
	overflow: hidden;
	height: 1.2em;
	width: 16px;
}

#feed a:before {
	content: url('feed.png');
	vertical-align: top;
}

table.info {
	margin-left: auto;
	margin-right: auto;
}

table.info td {
	display: block;
	text-align: center;
}

table.info img {
	margin: 0 0.5em 0 0.5em;
}

.key {
	font-variant: small-caps;
}

div #recent h3 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
	border-top: 1px solid gray;
}