@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
}

@media screen {
	html {
		background-color: #0D50A0;
	}
}

body {
	padding: 0;
	font-size: 11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

@media screen {
	body {
		margin: 1em 10% 1em 15%;
		background-color: #003366;
		color: white;
	}
}

@media print {
	body {
		margin: 0;
		background-color: white;
		color: black;
	}
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font: italic normal bold 11pt "Times New Roman", Times, serif;
	text-align: center;
}

@media screen{
	h1, h2, h3, h4, h5, h6 {
		color: #C0C0C0;
	}
}

h1 {
	font-size: 24pt;
}

h2 {
	font-size: 24pt;
	margin-top: 0;
}

h3 {
	font-size: 21pt;
}

h3 span.subheader {
	font-size: 17pt;
}

h4 {
	font-size: 17pt;
}

h4 span.subheader {
	font-size: 14pt;
}

h5 {
	font-size: 14pt;
}

blockquote {
	margin: 1em 0 1em 0;
	font-style: italic;
}

q {
	quotes: none;
	font-style: italic;
}

a {
	text-decoration: none;
}

@media screen {
	a {
		color: #00FF00;
	}

	a:hover {
		text-decoration: underline;
		color: #00FF00;
	}

	/* Mark external link */
	#content a[href^="http"] {
		padding-right: 14px;
		background: transparent url(../images/design/ext_link.gif) no-repeat right top;
	}
}

@media print
{
	a {
		color: inherit;
	}
}

/* Anchors with name attribute */
a.bookmark {
	color: inherit;
	text-decoration: none;
}

img {
	border: none;
}

/* Mark simple text having explaination title */
span[title] {
	border-bottom: thin dotted;
}

/**
 * User functions block
 */

#user {
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

@media print {
	#user {
		display: none;
	}
}

/**
 * Header block
 */

#header {
	margin: 0;
	padding: 0 1em 1em 1em;
}

@media screen {
	#header {
		background: transparent url(/images/design/title.jpg) no-repeat scroll top right;
		overflow: hidden;
	}
	
	#header h1 {
		padding-right: 300px;
	}
}
/**
 * Menu block
 */

#menu {
	padding-right: 300px;
}

@media print {
	#menu {
		display: none;
	}
}

#menu h2 {
	font-size: 11pt;
	margin: 0;
	padding: 0;
}

#menu hr {
	width: 95%;
	margin: 0;
	padding: 0;
}

/* Main menu block */

#menu #sections {
	width: 100%;
	margin: 0;
	padding: 0;
}

#menu #sections ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 25%;
	text-align: center;
}

/* Languages menu block */

#menu #langs {
	margin: 0;
	padding: 0;
}

#menu #langs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Highlight menu options */
html[lang|="uk"] #menu_lang_uk,
html[lang|="ru"] #menu_lang_ru,
body#page_about #menu_about,
body#page_article #menu_articles,
body#page_articles #menu_articles,
body#page_book #menu_books,
body#page_books #menu_books,
body#page_book_part #menu_books,
body#page_devoted_work #menu_devoted_works,
body#page_devoted_works #menu_devoted_works,
body#page_discography #menu_discography,
body#page_festivals #menu_festivals,
body#page_film #menu_films,
body#page_films #menu_films,
body#page_guestbook #menu_guestbook,
body#page_instrumental #menu_instrumental,
body#page_life #menu_life,
body#page_main #menu_main,
body#page_museums #menu_museums,
body#page_musical_video #menu_musical_videos,
body#page_musical_videos #menu_musical_videos,
body#page_mystery #menu_mystery,
body#page_name #menu_names,
body#page_names #menu_names,
body#page_news #menu_news,
body#page_photo #menu_photo,
body#page_photo_album #menu_photo,
body#page_photo_albums #menu_photo,
body#page_records #menu_records,
body#page_song #menu_songs,
body#page_songs #menu_songs
{
	font-weight: bold;
	color: #FFFF66;
}

/**
 * Footer block
 */

#footer {
	margin: 0;
	padding: 0.5em 1em 1.5em 1em;
	border-top: thin solid black;
	text-align: left;
	overflow: hidden;
}

@media print {
	#footer {
		display: none;
	}
}

#footer p {
	margin: 0 300px 0 0;
	font-size: 8pt;
}

/**
 * Banners
 */

#b {
	float: right;
	clear: right;
	margin: 0.25em 0 0 0;
	padding: 0;
}

#b dl {
	margin: 0;
	padding: 0;
	float: right;
	width: 100px;
	font-size: 10pt;
	text-align: center;
}

#b dt,
#b dd {
	margin: 0;
	padding: 0;
}

#b dt {
	margin-bottom: 0.2em;
}

/**
 * Search
 */

#search {
	float: right;
	width: 294px; /* 6 pixels are taken for make strict left border */
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

#search h2 {
	font: normal normal bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	margin: 0 0 0.2em 0;
	padding: 0;
	text-align: left;
}

#search p,
#search form {
	margin: 0;
	padding: 0;
}

#search input[type="text"] {
	width: 190px;
	margin-right: 5px;
}

#search input[type="submit"] {
	max-width: 90px;
}

/**
 * Main content block
 */

#content {
	margin: 0;
	padding: 0.5em 1em 1em 1em;
}

@media screen {
	#content {
		overflow: hidden;
	}

	#content > * {
		margin-right: 300px;
	}
}

/**
 * Navigation links
 */

#content ul#nav_links {
	color: #C0C0C0;
	padding: 0;
	margin: 0.3em 0 0.3em 0;
	float: right;
	text-align: left;
	clear: both;
	width: 250px;
}

@media print {
	#content ul#nav_links {
		display: none;
	}
}

#content ul#nav_links li {
	padding: 0;
	margin: 0;
	list-style: disc !important;
}

/**
 * Text styles
 */

.link_more {
	font-size: 8pt;
}

@media print {
	.link_more {
		display: none;
	}
}

.warning {
	font-style: italic;
	font-weight: bold;
}

.page_cite {
	text-align: right;
	font-style: italic;
	margin-left: 10em;
}

div.intro {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: medium solid;
	font-style: italic;
}

.art_sign {
	text-align: right;
	font-style: italic;
	margin: 1em 0 1em 10em;
}

.art_sign p {
	margin: 0;
	padding: 0;
}

.textnote {
	font-style: italic;
}

.art_dialog_question {
	font-weight: bold;
}

.vspace {
	margin-top: 2.5em;
}

@media screen {
	.warning {
		color: #FF00FF;
	}

	a.bad {
		color: red;
	}

	a.todo {
		color: teal;
	}
	
	.page_cite {
		color: #FFFF00;
	}

	div.intro {
		border-left-color: red;
		color: yellow;
	}

	.textnote {
		color: #ADD8E6;
	}
}

/**
 * Poems
 */

.textpoem {
	margin-left: 7em;
	font-style: italic;
}

.textpoem * {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/**
 * Intext photo
 */

#content .photo {
	padding: 0;
	margin: 0.3em 0 0.3em 0;
	text-align: center;
	width: 300px;
	float: right;
	clear: right;
}

.photo img {
	border: thin solid black;
	max-width: 260px;
}

/**
 * Covers
 */

#content p.cover {
	width: 200px;
	text-align: center;
	float: left;
}

#content p.cover ~ p {
	padding: 0;
	margin-left: 200px;
}

p.cover img {
	border: thin solid black;
}

/**
 * Hidden text
 */

.hidden {
	border: thin dashed #808080;
	padding: 0.5em;
}

.hiddenlink {
	font-size: 10pt;
	margin: 0 !important;
}

@media print {
	.hiddenlink {
		display: none;
	}
}

@media screen {
	.hiddencontent {
		display: none;
	}
}

/**
 * Pages counter
 */

ul.nav_pages {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	overflow: hidden;
}

@media print {
	ul.nav_pages {
		display: none;
	}
}

ul.nav_pages li {
	width: 1.7em;
	height: 1.45em;
	margin: 0.2em;
	padding: 0.15em 0 0 0;
	border: thin solid #8FBC8F;
	text-align: center;
	float: left;
}

ul.nav_pages li:hover,
ul.nav_pages li.current:hover {
	background-color: #008080;
}

ul.nav_pages li.current {
	background-color: #800080;
	font-weight: bold;
}

ul.nav_pages li.skip {
	border: none;
}

ul.nav_pages li.skip:hover {
	background: none;
}

/**
 * Events list primarly for news
 */

dl.events_list {
	text-align: left;
}

dl.events_list dt {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

dl.events_list dd {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

dl.events_list dd span {
	font-weight: bold;
}

/**
 * All lists
 */

ul.data {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.data li {
	margin: 1em 0 1em 0;
	overflow: hidden;
}

ul.data p {
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.data p.name {
	font-weight: bold;
}

ul.data p.produced,
ul.data p.date {
	font-style: italic;
}

ul.data p.produced span {
	margin-right: 1em;
}

ul.data p.description,
ul.data p.keywords {
	text-align: left;
	font-style: italic;
}

@media screen {
	ul.data p.name {
		color: yellow;
	}

	ul.data p.produced,
	ul.data p.date {
		color: #FFA500;
	}
}

/**
 * Work
 */

.work {
	margin: 3em 0 1em 0;
	text-align: center;
}

.work p {
	margin: 0;
}

.work p.name {
	font-weight: bold;
}

.work p.date {
	font-style: italic;
}

.work_text {
	margin: 1em 0 1em 0;
	text-align: center;
}

.work_text .refrain_word {
	font-weight: bold;
	font-style: italic;
}

.work_text .refrain {
	font-style: italic;
}

.work_text span {
	font-weight: bold;
}

@media screen {
	.work p.name {
		color: yellow;
	}

	.work p.date {
		color: #FFA500;
	}
}

/**
 * Book
 */

div.book {
	overflow: hidden;
}

div.book p {
	margin: 0;
	padding: 0;
	text-align: left;
}

div.book p.name {
	font-weight: bold;
}

div.book p.publisher {
	font-style: italic;
}

div.book span.date {
	margin-right: 1em;
}

div.book .code {
	font-family: "Courier New", monospace;
	font-size: 12pt;
	margin-top: 1em;
}

div.book .code + .code {
	margin-top: 0;
}

@media screen {
	div.book p.name {
		color: yellow;
	}

	div.book p.publisher {
		color: #FFA500;
	}

	div.book .code {
		color: #FFD700;
	}
}

/**
 * Book contents
 */

ul.book_contents {
	list-style: none;
	margin-left: 2em;
	padding: 0;
}

ul.book_contents li {
	margin: 0 0 0 2em;
	padding: 0;
	text-align: left;
	text-indent: -2em;
	list-style: none;
}

ul.book_contents li.part {
	margin: 1em 0 0.3em 0;
	text-indent: 0;
	text-transform: uppercase;
	font-weight: bold;
}

ul.book_contents li.afterpart {
	margin-top: 1em;
}

ul.book_contents ul {
	margin-left: -2em;
}

/**
 * E-book downloads
 */

.book_downloads {
	margin-top: 2em;
	padding-top: 0.5em;
	border-top: thin solid;
	text-align: left;
}

.book_downloads dt {
	font-weight: bold;
	margin-left: 0;
	clear: left;
}

@media screen {
	.book_downloads {
		border-top-color: yellow;
	}

	.book_downloads dt {
		color: yellow;
	}
}

.book_downloads dd {
	margin-left: 55px;
}

.book_downloads dd.description {
	font-style: italic;
}

.book_downloads dd.book_format {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	float: left;
}

.book_downloads dd.format_pdf {
	background: transparent url(../images/design/format-pdf.png) no-repeat center center;
}

/**
 * Photo album
 */

p.photo_album {
	text-align: center;
	margin-bottom: 2em;
}

p.photo_album img {
	border: 1px solid black;
}

/**
 * Photo
 */

div.album_photo {
	text-align: center;
}

div.album_photo img {
	border: 1px solid black;
}

/**
 * News Page
 */

body#page_news h3 {
	font-size: 17pt;
	margin-top: 0.5em;
}

/* Prevent news overlapping */
body#page_news #content hr {
	clear: both;
	width: 9em;
	height: 0;
	border: thin solid;
	text-align: left;
	margin-bottom: 0;
	padding: 0;
}

@media screen {
	body#page_news #content hr {
		border-color: red;
	}
}

@media print {
	body#page_news #content hr {
		border-color: black;
	}
}

/* News date */

#content .newsdate div {
	margin: 1em auto 1em auto;
	padding: 0;
	border: thin solid black;
	width: 5em;
	text-align: center;
}

#content .newsdate .month {
	margin: 0;
	padding: 0.2em 0.1em 0.3em 0.1em;
	font-size: 9pt;
	text-transform: lowercase;
	background-color: black;
}

#content .newsdate .day {
	margin: 0;
	padding: 0.15em 0.1em 0.15em 0.1em;
	font-size: 14pt;
	font-weight: bold;
}

@media screen {
	#content .newsdate {
		margin: 0;
		padding: 0;
		float: right;
		width: 300px;
	}

	#content .newsdate div {
		background-color: #002955;
		color: #FF00FF;
	}
}

@media print {
	#content .newsdate {
		float: left;
	}

	#content .newsdate div {
		margin-left: 0;
		margin-right: 0.5em;
	}

	#content .newsdate .month {
		color: white;
	}
}

/* News navigation */

.news_navigation p {
	margin-bottom: 0;
}

.news_navigation ul {
	margin-top: 0;
}

.news_navigation .current {
	font-weight: bold;
}

@media print {
	.news_navigation {
		display: none;
	}
}

/**
 * Main page (Life steps)
 * TODO: Change to events list?
 */

body#page_main #content dt {
	margin-top: 1em;
	font-weight: bold;
}

body#page_main #content dd {
	margin-bottom: 0.5em;
}

/**
 * Records page
 */

#content ul.tags,
ul.tags li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

/**
 * Error page
 */

@media screen {
	body#page_error #content h2 {
		color: #e50000;
	}
}

/**
 * Videos page
 */

/* Video authors information */

body#page_film #content dl,
body#page_musical_video #content dl {
	padding-top: 0.5em;
	margin-top: 2em;
	border-top: thin solid;
	text-align: left;
}

@media screen {
	body#page_film #content dl,
	body#page_musical_video #content dl {
		border-top-color: yellow;
	}
}

body#page_film #content dt,
body#page_musical_video #content dt {
	font-weight: bold;
	margin-right: 1em;
	display: run-in;
}

/* Video frames */

#content .videoframes {
	margin: 2em 0 1em 0;
	text-align: left;
	clear: both;
}

.videoframes img {
	border: thin solid black;
}

/**
 * Guestbook page
 */

/* Categories */

p.categories {
	text-align: left;
}

p.categories span {
	font-weight: bold;
}

p.categories a.current {
	font-weight: bold;
}

/* Messages styling */

body#page_guestbook #content div {
	border: thin solid black;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
}

body#page_guestbook #content div p {
	margin: 0.3em 0.3em 1em 0.3em;
	padding: 0;
	text-align: left;
}

body#page_guestbook #content div p.name {
	margin: 0;
	padding: 0.3em;
	background-color: black;
}

body#page_guestbook #content div p.name span {
	font-style: italic;
}

@media screen {
	a.delete {
		color: red;
	}

	body#page_guestbook #content div p.name {
		color: yellow;
		overflow: hidden;
	}

	body#page_guestbook #content div p.name span.ip {
		font-style: normal;
		float: right;
		font-size: 10pt;
		color: white;
	}
}

@media print {
	body#page_guestbook #content div p.name {
		color: white;
	}

	body#page_guestbook #content div p.name span.ip {
		display: none;
	}
}

body#page_guestbook #content div p.mail {
	text-align: right;
	font-style: italic;
	font-size: 10pt;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 20px;
	background: url(../images/design/mail.gif) no-repeat scroll bottom right;
}

body#page_guestbook #content div p.time {
	text-align: right;
	font-style: italic;
	font-size: 10pt;
	margin-top: 0;
	margin-bottom: 0.3em;
}

body#page_guestbook #content div p.admin_links {
	font-size: 10pt;
	margin-top: 0;
	margin-bottom: 0.3em;
}

@media print {
	body#page_guestbook #content div p.admin_links {
		display: none;
	}
}

/* Error messages */

body#page_guestbook .error {
	margin-bottom: 0;
	text-align: left;
}

@media screen {
	body#page_guestbook .error {
		color: red;
	}
}

body#page_guestbook .error + p {
	margin-top: 0;
}

/* Message form styling */

form#gb_message p {
	margin: 0.2em 0 0.2em 0;
}

form#gb_message label#gb_name_label,
form#gb_message label#gb_from_label,
form#gb_message label#gb_mail_label,
form#gb_message label#gb_code_label {
	position: absolute;
}

form#gb_message label#gb_name_label:after,
form#gb_message label#gb_text_label:after,
form#gb_message label#gb_code_label:after {
	content: "*";
	color: red;
	font-weight: bold;
}

form#gb_message textarea {
	width: 98%;
	height: 12em;
}

form#gb_message input#gb_name,
form#gb_message input#gb_from,
form#gb_message input#gb_mail {
	margin-left: 8em;
	width: 15em;
}

form#gb_message input#gb_code {
	margin-left: 10em;
	width: 5em;
}

form#gb_message img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* Answer form styling */

form#gb_answer p {
	margin: 0.2em 0 0.2em 0;
}

form#gb_answer label#gb_text_label:after {
	content: "*";
	color: red;
	font-weight: bold;
}

form#gb_answer textarea {
	width: 98%;
	height: 12em;
}

/* Prevent forms printing */

@media print {
	body#page_guestbook h3 {
		display: none;
	}

	form#gb_message {
		display: none;
	}

	form#gb_answer {
		display: none;
	}
}

/**
 * Control page
 */

/* Form styling */

form#ctrl_login p {
	margin: 0.2em 0 0.2em 0;
}

form#ctrl_login label {
	position: absolute;
}

form#ctrl_login select,
form#ctrl_login input#ctrl_password {
	margin-left: 5.5em;
	width: 8em;
}

@media print {
	form#ctrl_login {
		display: none;
	}
}