/** css for chordfinder **/
@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600|Londrina+Solid);
@charset "UTF-8";

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    background-color: darkblue;
    background-image: url("/assets/chordfinder/bg-chord-finder.jpg");
	background-position: center center;
	background-repeat: none;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
    color: blanchedalmond;
}

.clear{clear:both;}

#debug{font-size:10px;padding:8px;color:#666}
/*
#navigation{background-color:#333;padding:8px;}
#navigation ul {margin:0px;padding:0px }
#navigation ul li{ display:inline-block; margin-right:8px; }
#navigation ul li a{ display:inline-block; text-decoration: none; color:white;}
#navigation ul li a:hover{ text-decoration: underline;}
*/
.navbar {
    font-family: "Londrina Solid",sans-serif;
    font-weight: 300;
    font-size: 18px;
	margin-bottom: 0;
    margin-bottom: 0px;
	border-radius: 0;
}
.navbar .navbar>li>a {
    color: antiquewhite;
}
.navbar a{
    color: rgba(255,255,255,.2);
}
.navbar a:hover{
	color: white;
}

a {
    color: lightskyblue;
}
a:hover{
	color: white;
}
#preloadstatus{
	background:rgba(255,255,255,.1);
	color:#333333;
	font-size:32px;position:absolute;display:flex;
	justify-content:center;align-items:center;width:200px;height:100px
}

.songlink a{color:white;text-decoration:none}
.songlink a:hover{color:rgb(229,223,19);text-decoration:none}

.logo{width:100px;height:31px;margin-top: 10px;
	background-image:url(/assets/uke.png);
}
.gravatar{margin-top: 8px;}
.hint {color:#999;font-style:italic}

.container{
    max-width: 1024px;
    padding:0px 8px;
    margin-top:8px;
}

.letterlink{margin-right:8px;text-decoration: none; color:#c0c0c0;}

#pagewrap{  height:100%;}


#chordfindercanvas{
    background-color: rgba(255,255,255,.003);
    width: 100%;
    max-width: 1024px;
    height: auto;  
}

#reclame-blok{
    position: relative;
    top:-290px;
    left:745px;
    width: 220px;
    height: 250px;
    border-style: solid;
    border-width: 0px;
    border-color: burlywood;
}

#playalongcanvas{
	width:820px;
	height:280px;
}

#lyrics{font-size:24px;}

h1, h2, h3, h4 {
    font-weight: 300;
}
h1 {
    font-size: 3.25rem;
}
h2 {
    font-size: 2.8rem;
}