/* CSS Document */
body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	margin-left: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#container {
width:100%;
max-width:860px;
margin-left:auto;
margin-right:auto;
z-index:100;
overflow:hidden;
}
#katsquire{
width:100%;
max-width:830px;
margin-left:auto;
margin-right:auto;
}
#video{
width:100%;
max-width:830px;
margin-left:auto;
margin-right:auto;
}
#songlist{
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:1.2em;
}
.window {
    margin-top: 12px;
/*    overflow-y: hidden; */
    overflow-x: hidden;
/*	white-space: nowrap; */
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    /* fixes scrolling in IE */
}
.slider-frame-wrapper{
    -webkit-overflow-scrolling: touch;
/*	white-space: nowrap; */
/*  overflow: hidden; */
  overflow-x: scroll; 
}

#song_headings{
/*	white-space: nowrap; */
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:120%;
/*	overflow:hidden; */
	z-index:1;
	overflow-x: scroll; 
/*	overflow-y: hidden; */
    -webkit-overflow-scrolling: touch; 
 /*   position: relative; */

	}
#song_headings img{
width:120%;
height:1px;
    -webkit-overflow-scrolling: touch; 
}	
.song_type{
width:24%;
vertical-align: top;
height:70px;
display:inline-block;
text-align: center;
font-size:1.2em;
}
.song{
line-height:1.6em;
width:24%;
min-height:21px;
vertical-align: middle;
display:inline-block;
text-align: center;
font-size:.8em;
padding-left:4px;
padding-top:1px;
margin-top:1px;
border-color:#CCCCCC;
border-style:solid;
border-width:thin;
}

span {
    width: 100%;
    display: inline-block;
    font-size: 1em;
    line-height: 16px;
	height:16px;
	background-color:#000000;
}
#home-text {
width:100%;
height:auto;
font-size:1.2em;
color:#FFFFFF;
font-style:italic;
font-weight:bold;
padding-left:6px;
}
#dropmore-text {
display:none;
}
#showmore {
padding-top:4px;
padding-bottom:16px;
text-align: centre;
width:180px;
margin-left:auto;
margin-right:auto;
}
#showmore-text {
background-color:#000000;
color:#FFFFFF;
font-size:1.0em;
font-style:italic;
font-weight:bold;
cursor:pointer;
font-family:"Times New Roman", Times, serif;
border-color:#000000;
}
#menu {
width:90%;
text-align:center;
padding-left:auto;
padding-right:auto;
margin-left:auto;
margin-right:auto;
}
.menu_item {
display:inline-table;
padding-left:12px;
padding-right:12px;
width:auto;
height:30px;
}
.menu_item_left {
display:inline-table;
padding-left:4px;
padding-right:12px;
width:auto;
height:30px;
}
.menu_item_right {
display:inline-table;
padding-left:auto;
padding-right:4px;
width:auto;
height:30px;
}
#management{
text-align:center;
width:30%;
max-width:600px;
min-width:360px;
margin-left:auto;
margin-right:auto;
}
#footer {
width:100%;
max-width:860px;
margin-left:auto;
margin-right:auto;
}
#facebook_page{
float:left;
padding-left:12px;
}
.question{
width:40px;
float:left;
}
.spacer{
width:100%;
height:2px;
clear:both;
}
.spacer2{
width:100%;
height:7px;
clear:both;
}
.answer{
width:90%;
float:left;
}

#about {
font-size:4px;
}
#credits {float:right;
padding-top:12px;}
.broke {
max-width:284px;
width:40%;
}
.video-left{
width:50%;
float:left;
}
.video-left-big{
width:66%;
min-width:560px;
float:left;
}
.video-right-small{
width:32%;
float:right;
padding-top:1em;
padding-right:4px;
}

.video-right{
width:48%;
float:right;
padding-top:1em;
padding-right:4px;
}
@media only screen and (max-width : 850px) {
iframe {
width:100%;
margin-right:auto;
}

.video-left{
width:420px;
float:none;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
.video-right{
width:100%;
float:left;
clear:both;
padding-top:0em;
padding-right:0px;
text-align:center;
}
}
@media only screen and (max-width : 660px) {
iframe {
width:100%;
margin-right:auto;
}

.video-left{
width:420px;
float:none;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
.video-right{
width:100%;
float:left;
clear:both;
padding-top:0em;
padding-right:0px;
text-align:center;
}
#menu {
width:100%;
}
.menu_item_left {
padding-left:3px;
padding-right:8px;
}
.menu_item_right {
padding-left:8px;
padding-right:3px;
}
.menu_item {
padding-left:8px;
padding-right:8px;
}
#management{
width:48%;
max-width:460px;
min-width:320px;
margin-left:auto;
margin-right:auto;
font-size:1.0em;
}
#song_headings{
/*	white-space: nowrap; */
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:180%;
/*	overflow:hidden; */
	z-index:1;
	overflow-x: scroll; 
/*	overflow-y: hidden; */
    -webkit-overflow-scrolling: touch; 
 /*   position: relative; */

	}
#song_headings img{
width:150%;
height:1px;
    -webkit-overflow-scrolling: touch; 
}	
.song_type{
width:24%;
vertical-align: top;
height:70px;
display:inline-block;
text-align: center;
font-size:1.2em;
}
.song{
width:24%;
min-height:21px;
vertical-align: middle;
display:inline-block;
text-align: center;
font-size:.8em;
padding-top:3px;
margin-top:3px;
}
#home-text {
width:94%;
height:auto;
font-size:1.2em;
padding-left:12px;
padding-right:2px;
}
#dropmore-text {
width:100%;
height:auto;
font-size:1.0em;
padding-right:2px;
}
#facebook_page{
float:left;
padding-left:12px;
}
.contact-form{
width:400px;
height:24px;
border-style :solid;
font-family :Monotype Corsiva;
background-color:Black;
color:Red;    
}
}
@media only screen and (max-width : 596px) {
#menu {
width:70%;
}
}
@media only screen and (max-width : 480px) {
.vid{
position:relative;
top:-12px;
font-size:1.1em;
}
.video-left{
float:none;
width:98%;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
iframe {
width:100%;
margin-left:auto;
margin-right:auto;
}
.question{
width:20px;
float:left;
}
.answer{
width:80%;
float:left;
}
#song_headings{
/*	white-space: nowrap; */
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:300%;
/*	overflow:hidden; */
	z-index:1;
	overflow-x: scroll; 
/*	overflow-y: hidden; */
    -webkit-overflow-scrolling: touch; 
 /*   position: relative; */
	}
#song_headings img{
width:166%;
height:1px;
    -webkit-overflow-scrolling: touch; 
}	
#menu {
width:100%;
}
}