body {
    font-family: 'Source Sans Pro', verdana, arial, sans-serif;
    font-size: 14px;
    background: #fff;
    color: #333;
    line-height: 1.4em;
}

#pagewrap { background: #fff; color: #000; }

h1, h2, h3, h4 { font-weight: 400; line-height: 1.4em; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
/* h2.subtitle { font-size: 14px; padding: 6px 16px 8px 0; } */
/* h3, .event_info { font-family: 'Open Sans Condensed', sans-serif; line-height: 1.3em; } */
h3 { font-size: 14px; font-weight: bold; }
h4 { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; line-height: 1.3em; font-weight: 400; }

ul { margin: 0; padding: 0; }
ul li { padding: 0 0 0 16px; line-height: 1.6em; background: url('images/bullet.png') no-repeat 0 50%; list-style-type: none; }
ul.inline li { padding-right: 16px; }

fieldset { margin-bottom: 1.5em; padding: 5px 16px; border: solid 1px #cacaca; }
legend { font-weight: bold; }

small { font-size: 63%; font-weight: 300; }

input, textarea, select {
	font-size: 12px !important;
	margin-bottom: 5px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #888;
	border-bottom: solid 1px #888;
	border-left: solid 1px #ccc;
}
input[type="checkbox"] { padding: 0; margin: 4px 2px 0; width: 16px !important; height: 16px !important;}

hr { clear: both; height: 2px; background: #eaeaea; border: none; border-bottom: solid 2px #fff; margin: 32px 0 32px 0; }

.white { background: #fff; }
.text-white { color: #fff; }

#errors, #warnings, #messages {
	margin: 0 0 16px 0 !important;
}
.errors { background-color: #a50000; color: #fff; padding: 12px; }
.warnings { background-color: #fdb813; color: #000; padding: 12px; }
.messages { background-color: #3cd83c; color: #fff; padding: 12px; }

.more-link, .top-menu-item { font-size: 12px; line-height: 1.4em; }

body #page { background: #fff url(images/bg_sidebar_left.png) repeat-y top left; }
#page-content { margin: 0; padding: 20px 0 0 0; }

#header {
	height: 145px; color: #000; background: url('images/bg_header_blank.png') no-repeat top left;
/*	font-family: 'Open Sans Condensed', sans-serif; */
	font-size: 14px; letter-spacing: 2px; font-weight: 400;
}
/*#header #logo { position: absolute; float: left; z-index: 2; margin: 16px 32px 0 30px; }*/
#header #logo {
	position: absolute;
	width: 424px;
	margin: 10px 0 0 300px;
	color: #eaeaea;
	text-align: center;
/*	font-family: "Open Sans Condensed";*/
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 2px;
}
#header a:link, #header a:visited { color: #eaeaea; text-decoration: none; }
#header a:hover, #header a:active { color: #fff; text-decoration: none; }
.promo_note { margin: 54px 0 0 16px; padding: 3px 12px; background: #af0000; }
.promo_note.red { background: #af0000; }
.promo_note.blue { background: #008ed7; color: #000; }
.promo_note.orange { background: #fdb813; color: #000; }


#sidebar_left {
	min-height: 400px;
	margin-bottom: 0;
}

#piano_bar {
	position: absolute;
	float: left;
	top: 110px;
	height: 34px;
	width: 1024px;
	background: url('images/keyboard_front.png') no-repeat top left;
}

#footer {
	clear: both;
	padding: 0;
	margin: 0 0 0 232px;
	background: #eaeaea;
}
footer {
	padding: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #eaeaea;
}
#copyright_line {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 16px;
}



/* LOGIN */
#login fieldset {
	border: none;
	background: #eaeaea;
	margin-bottom: 0 !important;
	padding-top: 16px;
}
#login fieldset legend {
	font-family: 'Source Sans Pro', verdana, sans-serif !important;
	font-weight: 300;
	font-size: 12px;
	position: relative; top: 14px;
	text-align: left;
}
html#login input[type="text"], html#login input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 4px 6px;
	margin-bottom: 16px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	border: none;
}
html#login #page-content {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 460px;
	padding: 0 32px 0 32px;
	background: #fff !important;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


/* home */
#home h2.title,
#list_of_works h2,
#conductor_list h2 {
	font-size: 16px;
	line-height: 1.2em;
	padding: 7px 16px 8px 16px;
	color: #000 !important;
}
#home h2.title a:link, #home h2.title a:visited { color: #000; }
#home h2.title a:hover, #home h2.title a:active { color: #000; }

#home h2.uppercase {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 27px;
	margin-bottom: 10px;
}
#feature_list {
	background-image: url('images/eaeaea.png');
	background-position: top right;
	background-repeat: repeat-y;
}



/* USER BOX */
#userbox {
	position: absolute;
	text-align: right;
	float: left;
	z-index: 2;
	color: #eaeaea;
	padding: 8px 32px 0 0;
}

/* LANG BOX */
#langbox {
	font-family: 'Source Sans Pro', sans-serif !important;
	padding: 10px 32px 0 0;
	clear: both;
	font-size: 14px;
	color: #eaeaea;
}


/* SEARCH BOX */
#searchbox {
	font-family: 'Source Sans Pro', sans-serif !important;
	padding: 75px 32px 0 0;
}
#searchbox input#searchstring {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	letter-spacing: 2px;
	width: 118px;
	margin: 0;
	padding: 3px 8px 3px 8px;
	border: none;
	color: #eaeaea;
	background-color: rgba(0,0,0,.2);
	border-radius: 2px;
	
}
#searchbox input#submit {

	font-family: 'Source Sans Pro', Verdana, sans-serif;
	width: 32px;
	height: 23px;
	background: rgba(0,0,0,.2) !important;
	color: #fff !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border: none;
	font-size: 14px !important;
	letter-spacing: 2px;
	text-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
}

/* SEARCH PAGE */
#search #page-content input#searchstring {
	font-size: 14px;
	line-height: 1.4em;
}
#search #search_submit {
	margin-left: 14px;
}
#search .back {
    line-height: 1.3em;
    text-transform: uppercase;
    margin-left: 16px;
}

/* SIGN-UP PAGE */
#user .label-holder { margin: 0 16px; padding: 2px 0 0;  }



/* ADMIN */
#admin label { color: #999; vertical-align: middle; }
.button_panel label { color: #000 !important; vertical-align: top !important; }
.button_panel input { margin-bottom: 0; }
select.noborders { margin: 0 2px 4px 1px; padding: 0; }
select.noborders option { padding: 2px 4px; line-height: 1em; }
#admin .buttons input { width: 16px; }
#admin-node-images .photographer { width: 125px; margin: auto 0 0 auto; }
.drophover { background-color: #444; }
/*table.list td, table.list th { border-bottom: solid 1px #060D0F; }*/
#admin_menu { color: #eaeaea; }
#admin_menu a:link, #admin_menu a:visited { color: #eaeaea; font-weight: bold; }
#admin_menu a:hover, #admin_menu a:active { color: #ffffff; font-weight: bold; }

#admin_node_content #langtab_message { position: inherit; padding: 8px !important; margin-top: 0; width: 740px; float: none !important; }
#admin_node_content #langtab_message .box-content { margin: 0; padding: 8px; }

#admin_search #searchline {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	padding: 4px 6px;
}

/* UPLOAD */
#upload_button, .upload_button {
	background-color: #333 !important;
}
#upload_button:hover, .upload_button:hover,
#upload_button:active, .upload_button:active {
	background-color: #000 !important;
}
#image_lang_tabs .button {
	color: #eaeaea !important;
}
.ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}


/* PAGE NODE */
/*.node-page { font-size: 13px; line-height: 1.4em; }
.node-page h1 { margin: 0 0 1.3em 0; }
.node-page h2,
.node-page h3,
.node-page h4 {
	margin: 1.7em 0 0 0;
	border-bottom: solid 1px #008ed7;
}
.node-page .lead {
	text-align: left;
	font-size: 14px;
	line-height: 1.4em;
}
*/

/* NEWS PAGE */
.node-news {}
#news .content { padding-top: 12px; }
/*
#news .node-news h1 { font-size: 28px; line-height: 1.2em; margin: .2em 0 1em 0; }
#news .node-news h2 { font-size: 18px; line-height: 1.2em; margin: .2em 0 1em 0; }
#news .node-news .title { margin: 0 !important; }
#news .node-news .lead { text-align: left; font-family: arial, sans-serif; font-size: 1.4em; line-height: 1.4em; border-bottom: solid 1px #008ed7; padding-bottom: .7em; margin-bottom: 1.5em !important; }
#news .node-news .subtitle { font-size: 18px; line-height: 1.4em; margin-top: .3em !important; font-style: italic; }
#news .node-news .body { margin-top: 1.4em; }

#news .node-news .content { padding-top: 12px; }
#news .node-news .caption { font-size: .8em; font-weight: bold; margin-top: -1.4em; }
*/


/* NEWS LIST PAGE */
.node-news-list h1 { font-size: 18px; line-height: 1.3em; }
.node-news-list .lead { font-size: 12px; line-height: 1.4em; }
.node-news-list ul li { font-size: 12px; line-height: 1.4em; }


/* TAG */
.tag.tag-1 { width: 80px; height: 22px; padding: 0; background: url(images/tag_psg.png); }

/* IMAGE BLOCK */
#node_images { line-height: 0; }
#node_images .caption { line-height: 1.4em; }
#node_images .photographer { font-style: italic; padding-left: 16px; }
.node_images .main_image { margin-bottom: 16px; }


/* MENU */
.menu-box {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.8em;
	color: #eaeaea;
	text-transform: uppercase;
}
.menu-box ul { margin: 0; padding: 0 0 0 0; }
.menu-box ul li { padding: 0; margin: 0; background: none; }
.menu-box a:link, .menu-box a:visited { color: #eaeaea; }
.menu-box a:hover, .menu-box a:active { color: #ffffff; }


#list_of_works h2,
#conductor_list h2 {
	cursor: pointer;
}
#list_of_works ul,
#conductor_list ul,
#opfilms_list ul {
	padding: 0 16px 16px 16px;
	margin: 0;
/*	font-size: 11px; */
	line-height: 1.3em;
}
#list_of_works a:link,
#list_of_works a:visited,
#conductor_list a:link,
#conductor_list a:visited,
#opfilms_list a:link,
#opfilms_list a:visited {
	color: #000;
}

#opera_director .box {
	background-color: #eaeaea;
	height: 155px;
}
#opera_director img {
	position: absolute;
	float: left;
}
#opera_director .box a {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 84px;
	padding-top: 70px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	text-shadow: #000 2px 2px 2px;
}

#recording_list .record.container {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
#recording_list .record_cover {
	margin-bottom: 16px;
}
#recording_list .record_title {
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	display: -moz-box;
	-moz-box-align: center;

	height: 50px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4em;
	color: #000;
}

#recording_list .record_cover_placeholder {
	background: url(/themes/selmeczi/images/bakelit.png) no-repeat 50% 0;
	background-size: 75px 50px;
}


/* JPLAYER */
.jp-video,
.jp-player {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none !important;
}

div.jp-video ul li {
	padding: 0; margin: 0; background: none;
}

.jp-video-558p {
	width: 1024px;
}

.jp-video-342p {
	width: 628px;
	margin-right: 32px;
}
.jp-video-play {
	width: 628px !important;
	height: 342px !important;
	float: left;
	position: absolute;
	z-index: 10;
}
div.jp-video-play a.jp-video-play-icon {
	background: url('images/jplayer.red.play.png') 0 0 no-repeat !important;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url('images/jplayer.red.play.png') 0 -100px no-repeat !important;
}
div.jp-interface {
	background: #eaeaea;
}
.jp-title {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 8px 16px 8px 16px;
	background-color: #dadada !important; 
	color: #000;
}
.jp-title h2 { margin-bottom: 0;}

/* VIDEO */
html#video .lead {
	font-family: 'Source Sans Pro', verdana, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}
html#video .subtitle {
	font-family: 'Source Sans Pro', verdana, sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}


/* BUTTONS */
.nicebutton,
.nicebutton:visited,
button,
.button,
input[type="submit"],
input[type="file"],
input[type="button"] {
	font-family: 'Source Sans Pro', verdana, sans-serif;
	font-weight: 400;
	color: #cacaca !important;
	font-size: 12px !important;
}
input[type="submit"],
button.submit { font-size: 18px !important; line-height: 1.4em; padding: .8em 2em !important; }
.nicebutton.active {
	color: #fff !important;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	height: 16px;
	width: 16px;
	margin-top: 0;
	margin-bottom: 0;
}


/* EVENT CALENDAR */
table.events_table { margin-bottom: 4em; }
table.events_table td,
table.events_table th {
	padding: 8px;
}
#event_calendar h2.subtitle,
#event_archive h2.subtitle {
	margin: 1em 0 1em 0 !important;
	padding: 0 !important;
}

.ui-widget { font-family: inherit; font-size: inherit; }
.node_body_toolbar { padding-bottom: .2em }