@charset "ISO-8859-1";
/* CSS Document */






body{
	margin:0px;
	border:0px;
	
	background-color:#330000;
	/* background-color:#CCFFFF; */
	/* background-color:#A4E6C6; */

	
	padding-left:0px;
	padding-right:0px;
	padding-top: 50px;
  	padding-bottom: 0px;
	margin-botton:0px;
	
	overflow-x:visible;
	 text-overflow: ellipsis;
}



.mlRight{
	text-align:right;	
}


h1, h2, p {
	margin:0px;
	padding:0px;	
}

.btn {
    white-space: normal;
	box-shadow: 0 0 10px black;
	/* background-color:#ccffff; */
}
.btn.active {background-color:#bbb;}

.btn-default:focus {
	background-color: #ffffff;
	outline-color: transparent !important;
	
  }

.nohovor a:hover,
.nohovor a:focus {
  color: #2a6496;

  text-decoration: none;
}

.mlActive {
	font-weight:bold;
	/* color: #2a6496; */
	color:#eeeedd;
	
}




.panel{
	width:100%;	
	color:#000000;	
	/* border: 1px solid #990000; */
	/* background-color:#ccffff; */
	/* color:#990000;*/
	padding:0px;
	margin:0px;
	margin-top:.75em;
	margin-left:.25em;
	margin-right:.25em;
	margin-bottom:.75em;
	
	box-shadow: 0 0 10px black;
	z-index: 1; /*needed so overlay menus aren't pushed below this */
}
.panel h2 {
	font-size:1.25em;
	padding:0;
	padding-bottom:.5em;
	
}

.panel a {
	color:#000000;
}

.panelSong {
	padding-top:1em;
	padding-bottom:1em;	
}

.panelBlog {
	width:98%;
	padding:0px;
	margin:0px;
	margin-left:.25em;
	
}

.panel-body a{
	text-decoration:underline;	
}
.panel-body a:hover,
.panel-body a:focus {
  color: #555555;

}

.sheetMusicHeader {
	font-size:1.25em;
	padding:0;
	padding-bottom:.5em;
	color:#000000;
	
}

.mainLabel

 {
	background-color:#660000;
	color:#ccffff;
	
	
	
	background-color:#8faccc;
	color:#000000;	
	
	background-color:#ffffcc;
	color:#cc0000;
	color:#660000;
	
	background-color:#ccffff;
	color:#660000; 
	
	background-color:#ffffff;
		 
}






.container{
	
	
	
	background-color:#CCFFFF;
	color:#990000;
	color:#cc0000;
	font-size:1.25em;
	margin-bottom:0em;
	padding-bottom:0em;
	padding-bottom: 00px;
	
	border: 1px solid #000000;
	
	
  
	
}





.container-full {
  margin: 0 auto;
  width: 100%;
  
}

.mlColumn{
	margin:0px;
	padding:.2em;
	background-color:#A4E6C6;
	background-color:#CCFFFF;
	background-color:#FFFFCC;
	background-color:#330000;
	text-align:center;
	
}

.sideBar{
	margin:0px;
	margin-top:1em;
	
	padding:.2em; 
	background-color:#330000;
	text-align:center;
	
}

.logoImageLarge,.pageIdentifierLarge
{
	padding-top:.75em;
	padding-left:1.5em;	
	padding-bottom:0;
	color:#cc0000;
}
.pageIdentifierSmall
{
	padding:0px;
	margin:0px;
	padding-top:.75em;
	padding-left:0em;	
	padding-bottom:.5em;
}

.pageIdentifierLargeSongNameText
{
	margin:0px;
	padding:0px;
	padding-top:.15em;
	padding-bottom:0px;
	color:#cc0000;
	font-weight:bold;
	font-size:2em;
}
.pageIdentifierSmallSongNameText
{
	margin:0px;
	margin-left:.25em;
	padding:0px;
	padding-top:.15em;
	padding-bottom:.2em;
	color:#cc0000;
	font-weight:bold;
	font-size:2em;
}


.pageIdentifierLargeSongTypeText, .pageIdentifierLargeSongsFromText
{
	margin:0px;
	padding-top:.15em;
	padding-bottom:0px;
	color:#cc0000;
	font-weight:bold;
}

.pageIdentifierLargeSongsFromText{
	font-size:1em;
}

.pageIdentifierLargeSongsFromText a{
	color:#cc0000;
	text-decoration: underline;
}
.pageIdentifierLargeSongsFromText a:hovor {
	color:#000000;
	text-decoration: none;
}


.pageIdentifierFlag{
	margin:0px;
	padding-top:.75em;
	padding-bottom:0px;
}

.siteMotto{
	margin:0px;
	padding-top:.25em;
	margin-left:1.5em;
	font-size:1em;
	font-style:italic;
	/* font-weight:bold; */
	color:#cc0000;	
	font-family: Verdana, sans-serif;
	
}
#main{
	padding:0em;
	padding-left:.25em;
	padding-bottom:.5em;
	margin-left:1em;
}

#mainBlog{
	padding:0em;
	padding-left:.5em;
	padding-right:0em;
	margin:0px;
	margin-left:-.5em;
	margin-right:-.5em;
}


.mainContent{
	background-color:#ccffff;
	
	padding-left:1.5em;
	padding-right:1.5em;
	
	
	
}

/*These two classes force side columns to stretch to bottom*/
[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row{
    overflow: hidden;
	
}
/* End These two classes force side columns to stretch to bottom*/



.mlContent{
	border: 1px solid #990000;
	
	
	padding-top:0em;
	background-color: #ccffff;
	padding-left:.5em;
	padding-right:.5em;
	
}

.imageContainer{
	margin:0px;
	padding:0px;
	line-height:1px;	
}

.mlImagesxx{
	/* padding:1em; */
	text-align:center;
	/* border: 1px solid #990000; */
	margin-top:0px;
	margin-bottom:1em;
	
	box-shadow: 0 0 10px black;
		
}

.mp3CommentsBefore, .videoCommentsBefore{
	padding-bottom:.0;	
}

.flashCommentsBefore{
	padding-bottom:.25em;
}

.mp3Player, .videoPlayer{
	padding-top:.75em;
	padding-bottom:.25em;	
}

.mp3Control{
	width:175px;
}

.mp3Download{
	font-size:.85em;
	padding-bottom:.25em;
}

.mp3Comments {
	padding-top:0;	
}

.videoComments {
	padding-top:.5em;	
}
.videoProblemMessage {
	font-size:.85em;
	padding-top:.5em;	
}

.centerImage{
	margin: 0 auto;	
}

.notes{
	padding:1em;
}

.thanksOriginalLanguage {
	padding-top:1em;
	text-align:center;
	font-style:italic;
}

.multiMediaButtons{
	padding:0px;
	margin:0px;
	margin-top:.75em;
	margin-left:2%;
	margin-right:5%;
	margin-bottom:-.75em;
}



/* Song  Block---------------------------------------*/
.songTitle {
	padding-left:0em;
	padding-right:0em;
	padding-top:0em;
	padding-bottom:.15em;
	margin:0px;
	
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	
}
.songType
,.language {
	padding-left:1em;
	padding-right:1em;
	padding-bottom:.25em;
	padding-top:0em;
	margin:0px;
	
	font-weight:bold;
	font-size:1em;	
}

.gameInstructionsNextToSongTitle{
	padding-left:1em;
	padding-right:1em;
	padding-bottom:.25em;
	padding-top:0em;
	margin:0px;
	
	font-weight:bold;
	font-size:1em;	
}

 .lyrics {
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0em;
	padding-top:.25em;
}

.gameInstructionsNextToSong {
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0em;
	padding-top:.25em;
	font-style:italic;
}
/* end Song Block-----------------------------------------*/

.pageHeadline{

padding-bottom:.5em;
padding-top:.5em	
}


.minorHeadline{
	font-size:1.25em;
	margin-top:.75em;
	margin-left:5%;
	margin-right:5%;
	
}
.inContent {
	margin:0px;
	margin-top:.75em;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:.75em;
	text-align:left;
}

.chooseText{
	font-size:1em;	
	padding:0;
	margin:0;
	margin-left:-.75em;
	font-weight:bold;
	margin-bottom:.5em;
}


/* Top NavBar -----------------------------------------*/

.navbar {
  background-color:#660000;
  padding:0px;
  
 
  
}

.navbar-custom {
    background-color:#660000;
    color:#ccffff;
    border-radius:0;
	margin-bottom: 60px;
	
	margin-left:auto;
    margin-right:auto;
	 
	
	
}
.navbar-custom-bottom {
  	font-size:large;
	padding:0px;
	margin:0px;
	margin-left:auto;
    margin-right:auto;
}


.navbar-custom .navbar-nav > li > a {
    color:#ccffff;'
	
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ccffff;
	
	
    background-color:transparent;
}
.navbar-custom .navbar-brand {
    color:#ccffff;
}

.navbar-brand {
    max-width: 99%;
	padding:0px;
	margin:0px;
	padding-top:.5em;
	padding-left:0em;
}
.navbar-header {
	
}

.navbar-nav li a{
		
}


/* End Top NavBar -----------------------------------------*/


.text-left{
	text-align:left;	
}
.text-right{
	text-align:right;	
}

.nonRomanIntroText{
	padding:0px;
	padding-bottom:.5em;
	margin-top:-.5em;	
}

.bottomLine{
	border-bottom: 1px solid #222222;
}
.topLine{
	border-top: 1px solid #222222;
}
.line{
	padding:0px;
	margin:0px;
	width:150%;
	border-top: 1px solid #990000;
	margin-left:-50px;
}



/* Bottom Menu -----------------------------------------*/
.bottomMenu {
	width: 100%;
	text-align:right;
	padding-right:.25em;	
	padding-top:.5em;
}

.bottomMenu a,
.rssIcon a {
	color: #ccffff;
	text-decoration:none;
	margin:0px;
	padding: .5em;
	
}
.bottomMenu a:hover,
.rssIcon a:hover
{
	color: #ffffff;
}
/* end Bottom Menu -----------------------------------------*/




/*button bars*/


.buttonBarSmall{
	padding:.25em;
	margin-left:.25em;
}
.buttonBarLarge{
	padding:.5em;
	padding-left:.75em;
}
.buttonBarSectionSmall{
	margin-right:.5em;
}


.buttonBarButtonSmall{
	margin-right:.1em;	
}
.buttonBarSectionLarge{
	margin-bottom:1em;
}

.buttonBarButtonLarge{
	margin-right:.25em;	
}

.cp-container{
	width:204px; /* 200 - (2 * 48) */
	height:204px;
	border: 1px solid #990000;
	
}

.ubaAudio a{
	text-decoration:none;
	border:none;outline-style:none;
	
}
.ubaAudio a, img {
    border:none;
	border-width:0;
}

.divider {
	font-style:italic;
	font-weight:bold;
	font-size:.5em;	
}

.dividerLarge {
	font-style:italic;
	font-weight:bold;
	font-size:1em;	
}



#mlMenu{
	font-size:1.2em;
	
}

.mlMenuSmall, .dropdown-menu {
	background-color:#660000;
	color:#ccffff;
	
}


.mlMenuSmall:hover,
.nohovor mlMenuSmall:focus {
  color:#ffffff;
  text-decoration: none;
  background-color:#660000;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #eeeedd;
  text-decoration: none;
  background-color: #660000;
}

.dropdown-menu {
  min-width: 0px;
}

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a{
	background-color:#660000;
	
}
.dropdown-menu {
	font-size:1em;
	font-style:italic;	
	color:#ccffff;
}

.dropdown-menu > li > a {
	color: #ccffff;	
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #660000;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}



.abcMenu{
  position: fixed;
  top: 50px;
  left: 10px;;
  height: 100%;
  width: 15px;
  z-index: 10;
 
}




#abcMenuToggleButtonLarge {
	position:fixed;
	left:0px;
	z-index:101;
	font-size:1.25em;
	margin-bottom:.5em;
	opacity:.75; 
	display: none;	
	padding:.75em;
}

#abcMenuToggleButtonSmall {
	position:fixed;
	left:0px;
	z-index:1001;
	font-size:1.25em;
	margin-bottom:.5em;
	opacity:.75;
	display: none;	
	padding:.75em; 
	
}


#abcMenuLarge{
  	width:auto;
	padding-left:.5em;
	padding-right:.5em;
	background-color:#660000;

	position: fixed;
	left:0px;
	z-index: 1000;
	opacity:.75; 
	
	/* transform: translate(-50%, 0%); */
	
	padding-left:.5em;
	padding-right:.5em;
	
}

#abcMenuSmall{
  	width:60%;
	padding-left:.5em;
	padding-right:.5em;
	background-color:#660000;

	position: fixed;
	left:0px;
	
	top: 5%;
	left:0px;
   
	/* transform: translate(-50%, 0%); */
	z-index: 1000;
	opacity:.75; 
	padding-left:.5em;
	padding-right:.5em;
	
	
}


.abcMenuLetter{
	text-align:center;
	font-size:1em;
	width:1.25em;
	margin-right:.15em;
	
	margin-bottom:.25em;
	
	-webkit-appearance:none;
	-webkit-border-radius:0; 
	background-color:#bbb;
	
	padding-left:0;
	padding-right:0;
}



.toggleButton{
	background-color:#660000;
	padding: 1px 6px;
    font-size: 11px;
    line-height: 14px;
	
	
	border: 1px solid #ffffff;
	
	
}

.toggleButton:active,

 {
	background-color:#660000;
	
	}

.toggleButton:focus,
.toggleButton:hovor {
	background-color: #660000;
	outline-color: transparent !important;
	
	
  }

.toggleButtonText{
	font-size:.65em;
	font-weight:bold;
	color: #ccffff;
}
.toggleButtonText a:active,
.toggleButtonText a:focus,
.toggleButtonText a:hovor,
.toggleButtonText a:visted
 {
	color:#000000;
}

.toggleButton a:visited {
    text-decoration: underline;
}




.back-to-top {
    position: fixed;
    top: 10em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

input, textarea, button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0; 
}

.letterButton{
	/* background-color:#ffffcc; */
	/* background-color:#ffffff; */
	/* background-color:#CCFFFF; */
	/* border: 6px solid #ffffff; */
	 border: 1px solid #000000; 
	margin-bottom:.25em;
	
	font-size:1em;
	/* min-height:11.5em; */
	
		
}

.letterButton:focus {
	background-color: #ffffff;
	outline-color: transparent !important;
	/* border-color:#ffffff; */
	background-color:#bbb;
	
	
  }


.letterButton{
	
	white-space: normal;
	box-shadow: 0 0 10px #C0C0C0;
	/* background-color:#ccffff; */
}

.letterButton:hover,
.letterButton:focus,
.letterButton:active,
.letterButton.active,
.open .dropdown-toggle.letterButton
{
	color:#000000;
	background-color:#eeeebb;
	border-color:#eeeeee;
	background-color:#eee;
}



.blogSidebar{
	
	
}

.blogCatButton {
	
}
.blogCatButton:hover,
.blogCatButton:focus,
.blogCatButton:active,
.blogCatButton.active,
.open .dropdown-toggle.blogCatButton
{text-decoration:none;}

#mlBlog_Container{
padding:0px;
margin:0px;
margin-left:1em;	
}

.mlBlog_headlineXXX{
padding-bottom:.5em;
padding-top:.5em
}

.mlBlog_ButtonHolder{
padding:0px;
marging:0px;	
margin-bottom:.5em;
}

.mlblog_subCategoriesHeadline {
padding:0px;
marging:0px;	
padding-bottom:.25em;

font-weight:bold;
font-size:1.25em;	
}

.mlBlog_SinglePostNav {
width:100%;
padding-left:.25em;
padding-top:.5em;
padding-bottom:.5em;
padding-right:.25em;
margin:0;
}

.blog_excerptContainer{
	width:97%;
	margin-left:1em;
	
	
}



.blog_excerptHolder{
	text-align:left;
	width:100%;
	/* height:24em; */
	margin-bottom:.2em;
}




.comments{
	color:#000000;
	text-align:left;
	clear:both;
	padding-left:0px;
	padding-bottom:0px;
	
	}
	

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
	
	
.commentlist a {
	color:#990000;	
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#mlblog_meta a{
	color:#990000;	
}



.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 95%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	margin-bottom:10px;
	
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	color:#000000;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentform #submit {
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	margin-top:.5em;
	margin-bottom:.5em;
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #ffffff;
	white-space: normal;
	box-shadow: 0 0 10px black;
}

/* End Comments */

.piContainer{
	margin:0;
	padding:0;
	padding-top:1em;
}
.piContainerSmall{
	margin:0;
	padding:0;
	padding-top:1em;
	text-align:center;
	
}


.piHeadline{
	font-size:1.5em;
	margin-bottom:.75em;	
}
.piHeadlineSmall{
	font-size:1em;
	margin-bottom:.75em;
	font-weight:bold;	
}

.piImageSmall {
	margin-top:.5em;
	margin-bottom:.5em;
	
}

.piImage{
	margin-top:.5em;
	margin-bottom:.5em;
	width:120px;
	float:left;
}

.piImageLarge{
	margin-top:.5em;
	margin-bottom:.5em;
	
}

.piImageLetter{
	background-color:#ffffff;	
}

.piIntroText{
	float:left;
	padding-left:15px;
	font-size:large;
	margin-top:0;
	padding-top:0;
}

.piIntroTextHome{
	font-weight:bold;
	padding-left:15px;
	font-size:1em;
	margin-top:0;
	padding-top:0;
}

.piIntroTextHomeEnglish{
	padding-top:.55em;	
}



#blogCards {
	margin-top:0px;
	padding-top:0px;	
}

#internalLinkBottomCards,
.topCards
 {
	margin-top:0px;
	padding-top:0px;
	margin-left:-.75em;
}

#internalLinkBottomCards_blog {
	margin-top:0px;
	padding-top:0px;
	margin-left:.5em;;
}
.moreFromCountryTopCard{
	margin-left:.05em;	
}

/*
.blogCardButton,
#facebookComments,
.panel-default
 {
	-webkit-box-shadow: 2px -1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px -1px 5px 0px rgba(0,0,0,0.75);
}
*/

.blogCardButton,
.homeCardButton,
#facebookComments,
.panel-default,
.btn-default,
.letterButton,
.mlImagesxx,
.continentButton,
.adHolder

 {
	-webkit-box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.75); 
 }
 
 
 .mlImages{
	
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05); 
  
  -webkit-box-shadow: 2px -1px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow:  2px -1px 3px 0px rgba(0,0,0,0.75);
  box-shadow:       2px -1px 3px 00px rgba(0,0,0,0.75); 
  margin-top:.5em;
 }
 


.houseAds{
	background-color:#00d0dd;	
}

.btn-houseAds:hover,
.btn-houseAds:focus {
  background-color:#00c0cc;
  text-decoration: none;
}


.languageHeader,
.mlBlog_headline,
.homeSectionHeader,
.homeSectionHeaderCentered
{
	margin:0;
	padding:0;
	margin-top:.75em;
	margin-left:-.5em;
	
	font-weight:bold;
	font-size:1.25em;
	text-align:left;	
}

.languageHeader, .chooseText, .mlBlog_headline, .mlblog_subCategoriesHeadline, .homeSectionHeader,.homeSectionHeaderCentered{
	color:#cc0000;	
}

.homeSectionHeader,.homeSectionHeaderCentered{
	font-size:1em;
	padding-top:.75em;
	margin-left:.25em;	
	
}

.homeSectionHeaderCentered{
	text-align:center;
}

.homeCardSection{
	min-height:20em;	
}

.mlBlog_headline{
	margin-left:.25em;	
}

.sidebarHeadline{
	font-weight:bold;
	font-size:1em;
	padding:0;
	margin:0;	
	text-align:center;
}

.likeButtons{
	/*
	background-color:#ffffff;
	padding-bottom:.5em;
	padding-left:.5em;
	width:300px;
	*/
	margin:0px;
	padding:0px;
	margin-left:-1em;
	
}

.likeButtons_floating{
	padding:0px;
	margin:0px;
	margin-top:1em;	
	margin-bottom:1em;
	margin-left:-.75em;
}
.likeButtons_floatingSong{
	padding:0px;
	margin:0px;
	margin-top:1em;	
	margin-bottom:1em;
	margin-left:2em;
}
.likeButtons_floatingStandardPages{
	padding:0px;
	margin:0px;
	margin-top:1em;	
	margin-bottom:1em;
	margin-left:-.75em;
}


.likeButtons_floatingBlogPost{
	padding:0px;
	margin:0px;
	margin-bottom:1em;
	margin-left:.75em;
}
.likeButtons_floatingBlogList{
	padding:0px;
	margin:0px;
	margin-bottom:1em;
	margin-left:0;
}


.likeButtonsInternal{
	background-color:#ccffff;	
	
	 
}

.blogCardButton
,.homeCardButton
 {
	overflow:hidden;
	text-overflow: ellipsis; 
	
}

.homeCardButton{
	margin-left:-1em;	
}

.homeCardButtonHolder{
	padding-top: .5em;
}

.homeCardButtonHolderCentered{
	width:48%;
	margin:auto;
	padding-top: .5em;
}






.labelPosition{margin-left:-.5em;}

/* .songButton doesn't seem to be being used */
.songButton{
	font-weight:bold;
	font-size:1.25em;
	color:#000000;
	text-align:left;
	margin-top:0px;
	margin-left:.25em;
	margin-bottom:1em;
}

.songCard{
	min-height:10.5em;
}

#scoreButton,
.midiButton,
.scoreDownloadButton

{
	text-decoration:underline;	
}

.scoreDownloadButton{
	color:#000000;	
}

#scoreImage{
	background-color:#ffffff;
	padding:1em;
	margin-top:1em;
	margin-left:-.75em;	
}


#facebookComments{
clear:both;
padding-left:25px;
/* padding-left:40px; */
padding-top:5px;
background-color:#ffffff;
margin-top:1em;
margin-left:-.75em;
padding-right:1em;
}
 #facebookComments p 
,#facebookComments p a:link
,#facebookComments p a:visited
{
font-size:small;
color:#990000;
font-weight:bold;
}

.facebookCommentsHeadline{
color:#990000;
padding-bottom:.2em;
font-style:italic;	
}

.fb-comments, .fb-comments span, .fb-comments iframe {
    width: 100% !important;
}
.fb-like{
overflow:hidden;
}

#homeButton{
	margin:0px;
	padding:0px;
	margin-top:-.15em;
	margin-right:-.5em;
	
}

.standardPageHeadline{
	margin-top:1em;	
}

.standardSubhead{
	font-weight:bold;
	margin-bottom:.25em;	
}

.standard
{
	margin-bottom:1em;
}

.standard a
 {
  text-decoration: underline;
}

#resourcesContent a {
	text-decoration: underline;
}
#cse-search-box{
	color:#000000;	
}

.adHolder{
	overflow:visible;
}


.panelStandardContent,
.songContent
{
	width:100%;
	margin-left:-1em;
}

.countryButton{
	margin-bottom:.2em;
	font-size:1.5em;
	width:99%; 
	height: 75px;
}
#copyRight{
	margin:0;
	padding:0;
	margin-top:1em;
	font-size:.75em;
	font-weight:bold;
}
.rssIcon{
	font-size:1.25em;
	margin-top:.25em;
	padding-right:.5em;	
}

.smallBottomMenuText{
	text-align:left;
	font-size:.75em;
}

.contributeButton{
	margin-left:-.75em;
}
.contributeButtonBlog{
	margin-left:.5em;	
}

.contributeButtonText{
	font-size:1.25em;
	padding-bottom:.5em;
	
}
.contributeButtonImage{
	float: left; 
	margin-top:.4em;
	margin-left:0em; 
	margin-right:.75em;
	border: 1px solid #000000;
}


.adHolderBottomSmall{
	text-align:center;
	padding-bottom:1em;
	padding-top:0em;
	margin-right:auto;
	margin-left:-.55em;
}
.adHolderBottomSmall_blog{
	margin-left:.4em;
}


.continentButton{
	margin-bottom:.75em;
	font-size:1em;
	/* background-color:#ccffff; */
	/* height:12em; */
}

.homeMenuHolder{
	margin-top:-3em;	
}
.homeMenuHolderLower {
	margin-top:0em;	
}

.homePageButtonTitle{
	font-size:1.5em;
	padding-left:.75em;
	padding-top:.25em;
}
.homePageButtonTitleSidebarAd{
	font-size:1.5em;
	
	padding-top:.25em;
}


.hubHeader{
	margin-top:-1.75em;
	margin-bottom:.5em;
}

.questionOnBlog{
	width:47%;
	
	margin-left:26%;
	padding-top: .5em;
	
}

.questionButtonBlog{
	margin-left:-.5em;
	
}

.m1Size {
	width:320px;
	height:250px;	
}

.m1AdAdjust,
.m2AdAdjust
{
	width:320px;
	text-align:center;
	padding:0px;
	margin:0 auto;
	padding-top:0px;
	
}

.socialSidebarHolder{
	
	margin-bottom:-.5em;
	margin-top:1em;
	margin-right:.25em;
	text-align:center;
	
}

.socialSidebarButtonGroup{
	padding-top:.05em;
	
	margin-bottom:0;
}
.socialButton{
	font-size:1.5em;
	width:1.5em;
}


.otherLanguageLinks{
	font-size:.75em;	
}

.searchHolderMobile{
	text-align:center;
	margin-top:1.5em;
	padding-bottom:.75em;
}
.searchHolderMobile_home{
	padding-bottom:0;
	margin-bottom:-1em;
}
.searchHolderMobile_homeNonEnglish,
.searchHolderMobile_tightBottom
{
	padding-bottom:0;
}
.searchHolderMobile_songPage{
	padding-bottom:1.5em;
}

.smallInternalButton{
	text-decoration:underline;
	font-size:1.25em;
	padding-left:.75em;
	padding-top:.1em;
	padding-bottom:.35em;
	font-weight:bold;	
}

.d_200x200_ad{
	text-align:center;
	padding:0px;
	margin: 0 auto;
	padding-top:1.5em;
	margin-bottom:.5em;
}
.m_200x200_ad{
	width:100%;
	text-align:center;
	padding:0px;
	
	padding-top:1.5em;
	margin-bottom:.5em;
	
	
}









@media  (min-width : 1px) 
    and (max-width : 767px) {
.panelStandardContent,
.songContent
{margin-left:-.25em;}
.countryButton{font-size:1.15em;height:65px;}
.letterButton, .songCard{min-height:0;}
.likeButtons_floatingSong{margin-left:.5em;margin-top:0em;}
.likeButtons_floatingStandardPages{margin-left:0;margin-top:0em;}
.languageHeader{font-size:.85em;}
.song_intro_image_holder{padding-top:.5em;}
.countryItemHolder{width:95%;}
#copyRight{margin-bottom:.5em;}
.rssIcon{padding:0;margin:0;margin-top:.45em;font-size:.75em;}
.smallBottomMenuTextSpanish{font-size:.65em;}

.contributeButtonImage{width:125px;height:100px;}

.homeMenuHolder{margin-top:0;}
.homeSectionHeader,.homeSectionHeaderCentered{font-size:1em;}
.homeSectionHeaderCentered{text-align:left;margin-left:-.7em;}
.homeSectionHeaderCenteredLower{margin-left:0.25em;}
.homeCardSection{min-height:0;}
.sidebarHeadline{text-align:left;margin-left:-0.5em;}
.hubHeader{margin-top:0;}
.questionOnBlog{width:93%;margin-left:.5em;}
.questionButtonBlog{margin-right:-.5em;}
.otherLanguageLinks{visibility:hidden;font-size:1px;}
.hiddenSmall{visibility:hidden;font-size:0px;}
.blog_excerptContainer{margin-left:0em;}
.blog_excerptContainer{margin-left:.25em;}

}

@media  (min-width : 1px) 
    and (max-width : 330px) {
		.m1AdAdjust{margin:0;margin-left:-17px;}
		.m2AdAdjust{margin:0;margin-left:-25px;}
}

@media  (min-width : 1px) 
    and (max-width : 500px) {
.homeCardButtonHolderCentered{margin-left:0;padding-right:.5em;width:98%;}
.contributeButton{margin-right:-.9em;}
}

@media  (min-width : 501px) 
    and (max-width : 767px) {
.homeCardButtonHolderCentered{margin-left:0;padding-right:0em;width:98%;}	
.contributeButton{margin-right:-.6em;}
}

@media  (min-width : 768px) 
    and (max-width : 992px) {
.piIntroText{
	width: 220px;
}
#main{ margin-left:0;}
.labelPosition{margin-left:.75em;}
.songButton{width:90%;margin-left:1.15em;}
/* .mlMenuSmall{font-size:.98em;} */
.panelStandardContent{width:100%;}
.countryButton{font-size:1.15em;}
.likeButtons_floatingSong{margin-left:1.5em;}
.homeSectionHeader,.homeSectionHeaderCentered{font-size:1.25em;}
.homeSectionHeaderCentered{text-align:left;margin-left:-.7em;}
.homeSectionHeaderCenteredLower{margin-left:0.25em;}
.homeCardSection{min-height:0;}
.homeCardButtonHolderCentered{width:98%;margin-left:0;padding-right:.25em;}
.homePageButtonTitle{font-size:1.25em;}
.piIntroTextHomeEnglish{padding-top:.65em;}
.questionOnBlog{width:94.5%;margin-left:.5em;}
.socialButton{width:1.25em;}
.moreFromTextToHide{visibility:hidden;font-size:0px;}
.continentButton{height:12em;}
.letterButton{min-height:8.5em;}
.d_200x200_ad{margin-left:-1em;}
	}

@media  (min-width : 993px) 
    and (max-width : 1200px) {
.piIntroText{
	width: 400px;
	font-size:1.25em;
	padding-top:.5em;
}
#main{ margin-left:0;}
.labelPosition{margin-left:.75em;}
.songButton{width:90%;margin-left:1.5em;}
.countryButton{font-size:1.25em;}
.homeSectionHeader,.homeSectionHeaderCentered{font-size:1.25em;}
.homeSectionHeaderCentered{text-align:left;margin-left:-.7em;}
.homeSectionHeaderCenteredLower{margin-left:0.25em;}
.homeCardSection{min-height:0em;}
.homeCardButtonHolderCentered{width:98%;margin-left:0;}
.piIntroTextHomeEnglish{padding-top:1em;}
.questionOnBlog{width:94.5%;margin-left:.5em;}
.moreFromTextToHide{visibility:hidden;font-size:0px;}
.continentButton{height:10.5em;}
.letterButton{min-height:10.75em;}
.d_200x200_ad{margin-left:.75em;}
}

@media (min-width: 1200px) {
.piIntroText{
	width: 500px;
	font-size:1.5em;
	}
#main{ margin-left:0;}
.labelPosition{margin-left:2em;}
.songButton{width:90%;margin-left:2em;}
.homeSectionHeader,.homeSectionHeaderCentered{font-size:1.25em;}
.socialButton{width:1.45em;}
.letterButton{min-height:10.5em;}
.d_200x200_ad{margin-left:-.5em;}
}












@media  (min-width : 768px) 
    and (max-width : 992px) {
.container {width: 750px;}
.navbar {width: 750px;}
.mp3Control{width:100%;}
.panel{width:90%;margin-left:5%;margin-right:5%;}
#main{padding:2em;padding-left:2.5em;}
.multiMediaButtons{margin-left:5%;}
.piIntroText{margin-left:-.25em;margin-right:-.5em;}
.homeSectionHeaderCentered{margin-right:-1em;}
}

@media  (min-width : 993px) 
    and (max-width : 1200px) {
.container {width: 993px;}
.navbar {width: 993px;}
.mp3Control{width:100%;}
.panel{width:90%;margin-left:5%;margin-right:5%;}
#main{padding:2em;padding-left:2.5em;}
.siteMotto{font-size:1.35em;margin-left:1em;}
.multiMediaButtons{margin-left:5%;}
}

@media (min-width: 1200px) {
.container {width: 1200px;}
.navbar {width: 1200px;}
.item-height{min-height:150px;}
.mp3Control{width:100%;}
.panel{width:90%;margin-left:5%;margin-right:5%;}
#main{padding:2em;padding-left:2.5em;}
.siteMotto{font-size:1.35em;margin-left:1em;}
.multiMediaButtons{margin-left:5%;}
.blog_excerptHolder{height:24em;}
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/* @media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
/* @media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
/* @media (min-width: @screen-lg-min) { ... } */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   
    padding-left: 0;
    
    
}

/*iPhone 5 - 568x320   or 480?*/  
@media  (min-width : 1px) 
    and (max-width : 480px) {
#abcMenuLarge{visibility:hidden;}
#abcMenuSmall{visibility:visible;}

#abcMenuToggleButtonLarge{visibility:hidden;}
#abcMenuToggleButtonSmall{visibility:visible;}
}
@media  (min-width : 480px) 
    {
#abcMenuLarge{visibility:visible;}
#abcMenuSmall{visibility:hidden;}
#abcMenuToggleButtonLarge{visibility:visible;}
#abcMenuToggleButtonSmall{visibility:hidden;}
}