* {
	padding:0;
	margin:0;
}
body {
	/*width:100%;*/
	color:#8a8a8a;
	/*background:#0f0f0f url(../images/header_bg.jpg) no-repeat;*/
}
.ui-page
{
   /*background: transparent url(../images/background240.jpg) no-repeat center center cover;*/
}
.ui-icon-ELflag
{
	background-image: url(../images/flagsEL18.png);
}
.ui-icon-ENflag
{
	background-image: url(../images/flagsEN18.png);
}
.ui-icon-play
{
	background-image: url(../images/play.png);
}

div[data-role="header"]>a
{
	z-index: 2000;
}

/* horizontal menu */
.hmenu
{
	display: none;
	height: 40px;
}
.hmenu ul
{
	text-align: center;
	list-style: none;
	font-size: 16px;
	
	position: relative;
	top: 9px;
}
.hmenu li
{
	display:inline;
	cursor:pointer;
	padding:0px 10px 2px 10px;
	position: relative;
	z-index: 2000;
}
.hmenu li a
{
	display: inline-block;
}
.hmenu li, .hmenu li a.ui-link, .hmenu li a.ui-link:visited, .hmenuSubmenu li, .hmenuSubmenu li a.ui-link, .hmenuSubmenu li a.ui-link:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.hmenu li:hover > a, .hmenu li:hover > a.ui-link, .hmenu li:hover
{
	color:#FDBB20;
	background:#000;
}
ul.hmenuSubmenu
{
	display: none;
	background: #444444
}
.hmenu .hmenuSubmenu li
{
	width: 240px;
	display: inline-block;
	text-align: left;
	line-height:30px;
	left:0;
}
.hmenu li:hover
{
	position:relative;
	z-index: 2000;
}
.hmenu li:hover > .hmenuSubmenu
{
	display:block;
	position:absolute;
	width:auto;
	left:-0.6em;
	z-index: 2000;
	margin-top: 0.6em;
}

@media all and (min-width: 59em){
	/*div[data-role="header"] a.ui-btn-left, */div[data-role="header"] h1.ui-title
	{
		display: none;
	}
	ul.panelMenu li.flags
	{
		visibility: hidden;
	}
	.hmenu
	{
		display: block;
	}
	div[data-role="header"]
	{
		height:40px
	}
}
.hFlags
{
	text-align: right;
	position: relative;
	right: 2.4em;
	top: -1.3em;
}

.customMenu, .customMenu h2{padding:0px!important;margin:0px!important;}
.customMenu ul{padding:0em 1em 0em 0em;}
.customMenu ul a{padding-left:2.2em!important;}
/* end horizontal menu */

p.ui-li-aside a.menuSong
{
	letter-spacing: 0.3em;
	text-decoration: none;
}
.activeMenu
{
	background: #FDBB20;
	text-shadow: 0px -1px 0px #FDBB20;
}
.activeMenu .ui-li-aside a, .activeMenu .ui-li-aside a:hover
{
	color: #ffffff;
	text-shadow: none;
}

/* vertical menu */
div[data-role="panel"], div[data-role="panel"]  li[data-icon="delete"], ul.panelMenu li.flags
{
	background: transparent;
}
@media all and (max-width: 30em){
	div.ui-panel-position-left, ul.panelMenu li.flags
	{
		background: #000000;
	}
}
ul.panelMenu li.flags
{
	padding: 0px 40px;
}
/* end vertical menu */

.pageContent
{
	text-align: center;
	width: 100%;
	max-width: 50em;
	margin: 0px auto;
}
.contentInner
{
	width: 100%;
	position:relative;
	z-index: 1;
	max-width: 640px;
	margin: 0px auto;
	text-align: center;
}
.contentInner h3
{
	display: none;
}
@media all and (min-width: 59em){
	.contentInner h3
	{
		display: block;
	}
}
.contentInner100Percent
{
	max-width: 100%;
}
.contentHeader, .contentFooter
{
	max-width: 640px;
	width: 100%;
	margin: 0px auto;
}
.contentHeader
{
	margin-bottom: 1em;
}
.contentFooter
{
	margin-top: 1em;
}

footer h5
{
	font-size: 0.83em!important;
}

.mapIcon
{
	background-image: url(../images/map.png);
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0px;
	cursor: pointer;
}

#mapCanvasOuter
{
	width: 90%;
	height: 90%;
	position: absolute!important;
	margin: 5%;
}
#mapCanvas
{
	width: 100%;
	height: 100%;
	z-index: 6000;
}

.messages .message
{
	white-space: normal;
	font-size: 16px;
}
.messages .posted
{
	text-align: right;
	font-style: italic;
}
.messageSubmit
{
	max-width: 8em;
	margin: 0px auto;
}
.imagesGroup
{
	margin-bottom: 1em;
}
.imagesGroup:first-of-type
{
	margin-top: 1em;
}
.imagesGroup:last-of-type
{
	margin-bottom: 0px;
}

p.home, p.photos, .songs
{
	text-align: center;
	width: 100%;
	max-width: 600px;
	margin: 0px auto;
}
.songs p
{
	font-size: 16px;
}
p.photos
{
	margin-bottom: 1em;
}
.ravenImg, .emptyImg
{
	width: 100%;
	border-radius: 0.5em;
	display: block;
	margin: 0 auto;
}
.ravenImg
{
	max-width: 300px;
	max-height: 300px;
	cursor: pointer;
}
.emptyImg
{
	max-width: 800px;
	max-height: 600px;
}
.panelMenu audio
{
	width: 100%;
}
.ui-block-a
{
	display: none;
}
@media all and (min-width: 20em){
	.ui-block-a
	{
		display: block;
	}
}
.headerGridB
{
	text-align: center;
}
.headerGridC
{
	text-align: right;
	display: none;
}
.imagesList li
{
	list-style: none outside none;
	display: inline;
}
.imagesList li img
{
	display: inline;
		width: 100%;
}
@media all and (min-width: 20.626em) and (max-width: 29.6875em){
	.imagesList li img
	{
		width: 49%;
	}
}
@media all and (min-width: 29.6876em) and (max-width: 38.625em){
	.imagesList li img
	{
		width: 32.5%;
	}
}
@media all and (min-width: 38.626em){
	.imagesList li img
	{
		width: 24.5%;
	}
}

.dlgBack {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 5000;
}
.dlgBackOverlay {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
	margin: auto auto;
}
.imageContainer {
	display: none;
	max-width: 800px;
	/*height: 600px;*/
	position: fixed;
	/*top: 50%;
	left: 50%;*/
	width: 100%;
	/*margin-left: -40%;
	margin-top: -35%;
	box-shadow: 2px 2px 5px #888888;*/
	color: #000000;
}
/*
@media all and (min-width: 50em) and (max-width: 69em){
	.imageContainer
	{
		margin-top: -30%;
	}
}
@media all and (min-width: 70em) and (max-width: 89em){
	.imageContainer
	{
		margin-left: -35%;
		margin-top: -25%;
	}
}
@media all and (min-width: 90em){
	.imageContainer
	{
		margin-left: -27%;
		margin-top: -20%;
	}
}
*/
.imageContainer img {
	width: 100%;
}
#nav-info p img.map
{
	width: 100%;
}
.playerWrapper
{
	height: 40px;
}

#hCanvas
{
	position:absolute;
	z-index:1;
	/*margin-left: 10%;*/
}
@media all and (min-width: 59em){
	#hCanvas
	{
		margin-left: 0px!important;
	}
}
#contentCanvas
{
	position:absolute;
	/*z-index:0;*/
	top: 40px;
}

#mkoraudio
{
	position: fixed;
	width: 16%;
	min-width: 200px;
	max-width: 300px;
	height: 40px;
	z-index:5000;
}
.currentSong
{
	box-shadow: inset 0px 0px 3px #FDBB20, 0px 0px 9px #FDBB20;
}
.player { 
	/*background: #939EAA;
	border-bottom: 1px solid #283541;
	border-top: 1px solid #C2CBD4;
	box-shadow: 0px -1px 0px rgba(20, 30, 40, 0.749);*/
	cursor: default;
	display: block;
	/*left: -1px;*/
	position: fixed/*absolute*/;
	top: 0px;
	width: 200px;
	min-width: 200px;
	max-width: 300px;
	height: 40px;
	z-index:5000;
}
#playtoggle { 
	background: url("../images/player.png") -30px 0px no-repeat transparent;
	cursor: pointer;
	height: 30px;
	left: 10px;
	position: absolute;
	top: 5px;
	width: 30px;
}
#playtoggle.playing { 
	background-position: 0px 0px;
}
#gutter { 
	background: #546374;
	border-radius: 5px;
	box-shadow: 0px 1px 4px rgba(20, 30, 40, 0.749) inset, 0px 1px 0px rgba(176, 187, 198, 0.506);
	height: 6px;
	left: 50px;
	padding: 2px;
	position: absolute;
	right: 50px;
	top: 15px;
}
#handle { 
	background: url("../images/player.png") -65px -5px no-repeat transparent;
	cursor: pointer;
	height: 20px;
	left: 0px;
	margin-left: -10px;
	position: absolute;
	top: -5px;
	width: 20px;
}
#timeleft { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	line-height: 40px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-shadow: 0px 1px 0px #546374;
	top: 0px;
	width: 50px;
}

/*
#hmenu li a
{
	display:block;
	width:inherit;
	height:inherit;
}
*/


/*
#hmenu:before, #hmenu:after
{
	content: "";
	display: table;
}
#hmenu:after
{
	clear: both;
}
*/