/********************ELEMENTS BY HTML*******************************/
body {
	background-color: #ffffff;
	font-family: Helvetica, Verdana, Arial;
	text-align: center;
}
a {  
	font-size: 12px;
	font-weight: bold;
	color: #34A7C1;
	text-decoration: none;
} 
a:hover {
	text-decoration: underline;
}
#theList{
	padding: 20px 0;
}
#theList a{
	display:block;
	font-size: 14px;
	padding: 3px 0;
}
.alphabetPage #theList a{padding: 10px;}
.alphabetPage #theList a:nth-child(even){
	background: #fdfdfd;
}
.alphabetPage #theList a:nth-child(odd){
	background: #f1f1f1;
}
.alphabetPage #theList a:hover{
	background: #666;
	color: #fff;
	text-decoration:none;
}
div {
	font-size: 12px;
}
td {
	font-size:12px;
}
ul li {
	list-style-image: url('../../images/arrow.gif');
	line-height: 140%; 
}
/********************ELEMENTS BY ID*******************************/
#Banner {
	width: 728px;
	height: 90px;
	float: right;
	text-align: right;
/*	background: white;
	border: 1px solid black;*/
}
#Banner h3 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#Ad-banner 
{ 
    float: right; 
    margin-top: 10px; 
}

#BodyWAds {
	background: white;
	border: #34A7C1 solid 1px;
	margin-left: 140px;
	margin-right: 180px;
}
#BodyWLeftAds {
	background: white;
	border: #34A7C1 solid 3px;
	margin-left: 180px;
}

#BodyStart {
	clear: both;	
}
#Content {
	padding: 15px;
}
#FeatureNav {
	float: right;
	clear: right;
	width: 550px;
	text-align: right;
}


#FeatureNav a {
text-align: center;
padding: 5px;
background-color: #34A7C1;
border: none;
line-height: 30px;
text-decoration: none;
color: #ffffff;
}


#FeatureNav a:hover {
	color: white;
	background: #464646;
}

#FeatureNav p {
text-align: center;
padding: 5px;
background: #f9f9f9;
border: none;
line-height: 30px;
text-decoration: none;
display: inline;
color: #34A7C1;
}

#Footer {
	clear: both;
	width: 970px;
	margin: auto;
}
#LeftAds {
	float: left;
	width: 120px;
	min-height: 600px;
/*	clear: left;*/
/*	border: 1px solid black;
	background: white;*/
}
#LeftAdsNew {
	float: left;
	width: 160px;
	min-height: 600px;
/*	clear: left;*/
/*	border: 1px solid black;
	background: white;*/
}
#LowerAdSpace {
	margin-top: 5px;
	padding: 0px;
	width:300px;
	height: 500px;
	text-align: center;
	border: 0px solid black;
}
#MemberNav {
	float: right;
	clear: both;
	margin: 5px 0px;
	width: 550px;
	text-align: right;
}
#MemberNav a {
	text-decoration: none;
}
#MemberNav a:hover {
	text-decoration: underline;
	background: none;
	color: #464646;
}
#MisheardTitle {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}


#Outer {
	width:970px;
	text-align: left;
	margin: 5px auto 5px auto;
}
#OuterBorderAdmin {
	width: 970px;
	margin: 0px auto;
}
#RightAds {
	float: right;
	width: 160px;
	min-height: 600px;
/*	clear: right;*/
/*	border: 1px solid black;
	background: white;*/
}
#SocialMediaNav {
	float: right;
	clear: both;
	margin: 5px 0px;
	width: 550px;
	text-align: right;
}

/*************Elements By Class*********************/
.ArtistNav {
background-color: #34a7c1;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 28px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0px;
}

.ArtistNav a {
	color:#ffffff;
	padding: 7px 1px;
	text-decoration: none;
}

.ArtistNav a:hover {
background: #2F99B1;
color: #f9f9f9;
}


.Clear {
	clear:both;
}
.DarkGray {
	background: #f9f9f9;
}
div.data {
  background: #ffffff;
  border: 0px solid #888;
  padding: 10px;

}
.Error {
	color: #600;
	font-weight: bold;
	font-size: 14px;
}
.FormField {
	font-weight: normal;
	font-size: 12px;	
	float: left;
	margin-top:5px;
}
.FormLabel {
	font-weight: bold;
	font-size: 12px;
}
.FunnyStats {
	float: left;
	width: 180px;
	height: 125px;
	overflow: auto;
	border: 1px solid #34A7C1;
/*	background: #f9f9f9;*/
	margin: 3px;
}

.FunnyStats_List {
float: left;
width: 180px;
height: 600px;
overflow: auto;
border: 2px solid #34A7C1;
background: #ffffff;
margin: 3px;
}

.FunnyStats_Story {
	float: left;
	width: 180px;
	height: 300px;
	overflow: auto;
	border: 1px solid #34A7C1;
/*	background: #f9f9f9;*/
	margin: 3px;
}

.FunnyStats_Title {
font-weight: bold;
font-size: 12px;
text-align: center;
color: #ffffff;
background-color: #34A7C1;
padding: 5px;
}

.FunnyStats_Body {
	padding: 6px;
}
.FunnyStats_Body h3 {
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.FunnyStats_Body h4 {
	font-weight: normal;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.FunnyStats_Body h5 {
	   color: #464646;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 5px 0;
}
.FunnyStats_Body p {
	padding: 0px;
	margin:0px;
	color: #464646;
	font-size: 11px;
}
.Header {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.inputLabel, .InputLabel {
	font-weight: bold;
	font-size: 12px;
	width: 110px;
	display: block;
	float: left;
	margin-top:5px;
}
.InputLabelLong {
	width: 200px;
}
.Left {
	text-align: left;
}
.LightGray {
	background: #EEE;
}
.ListLabel {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}
.MisheardArtistLink, .MisheardSongLink {
	font-size: 17px;
}
div.MisheardFunctions {
  text-align: center;
  margin-left: 10px;
  margin-bottom: 2px;
}
.MisheardFunctions a {
  border: #464646 1px solid;
  background: url('../../images/LtGrayNav.jpg');
  padding: 2px;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
  color: #464646;
  text-align: center;
  width: 130px;
  margin: 1px;
}
.MisheardFunctions a:hover {
  background:#464646;
  color: white;
  text-decoration: none;
}
.RelatedTable {
	font-size: 12px;
	background:#EEE;
	border: 1px solid #999;
}

.RelatedTable th  {
	background:#BBB;
	border-spacing: 1em;	
	padding: 10px;
	width: 300px;

}
.RequiredField {
	font-size: 10px;
	color: #900;
	font-style:italic;	
	font-weight: bold;
}
.RelatedTable td  {
	background:#EEE;
	padding-left: 20px;	

}

.SearchBar {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.SelectedSong, .SelectedArtist {
	font-weight: bold;
	font-size: 12px;
	background: #f9f9f9;
	color: #600;
}

.SongNav {
background-color: #f9f9f9;
line-height: 28px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #34A7C1;
margin: 0px;
}

.SongNav a {
color: #34A7C1;
padding: 7px 1px;
text-decoration: none;
}

.SongNav a:hover {
	background:#900;
}


/*****NEW STYLES ADDED 09/09/2014*****/
.greenButton{
	background: #5ed5bd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlZDViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0N2M0YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5ed5bd 0%, #47c4ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ed5bd), color-stop(100%,#47c4ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5ed5bd 0%,#47c4ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed5bd', endColorstr='#47c4ab',GradientType=0 ); /* IE6-8 */
	border-radius: 6px;
	color: #fff;
	padding: 12px 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	border:none;
}
#hamburger{
	position: fixed; 
	left:0;
	top:0;
	z-index: 10000;
	width: 45px; 
	height: 45px;
	background: #5ed5bd url(../../images/icons.svg)no-repeat -124px 12px; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlZDViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0N2M0YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) url(../../images/icons.svg)no-repeat -124px 12px;
	background: -moz-linear-gradient(top,  #5ed5bd 0%, #47c4ab 100%) url(../../images/icons.svg)no-repeat -124px 12px; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ed5bd), color-stop(100%,#47c4ab)) url(../../images/icons.svg)no-repeat -124px 12px; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%) url(../../images/icons.svg)no-repeat -124px 12px; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%) url(../../images/icons.svg)no-repeat -124px 12px; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ed5bd 0%,#47c4ab 100%) url(../../images/icons.svg)no-repeat -124px 12px; /* IE10+ */
	background: linear-gradient(to bottom,  #5ed5bd 0%,#47c4ab 100%) url(../../images/icons.svg)no-repeat -124px 12px; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed5bd', endColorstr='#47c4ab',GradientType=0 ); /* IE6-8 */
	display:none;
	cursor:pointer;
}
body{background: #ededed;}
.center{float: none; margin: 0 auto;}
#mobileNav{position: absolute; z-index:9998;top:45px;left:0;background: #424242;width:100%; min-height: 100%;display:none;}
#mobileNav #mobile_menu{list-style-type:none;margin:0;padding:0;font-family: 'Open Sans', sans-serif;padding: 20px;}
#mobileNav #mobile_menu>li{text-align: left;display:block;width: 100%; clear:both;border-bottom: 1px solid #696868;}
#mobileNav #mobile_menu>li a{text-align: left;display:block;padding: 15px 25px;font-size: 16px;color: #fff;font-weight: 400;}
#mobileNav #mobile_menu>li:first-child a{color: #4bc7ae;position:relative;}
#mobileNav #mobile_menu>li:first-child a:before{content:'';display:block;width: 13px; height: 13px; position: absolute; left: 0px; top:17px;background: url(../../images/icons.svg)no-repeat -180px 0;}
#mobileNav #mobile_menu>li:hover a{text-decoration:none;}
#mobileNav #mobile_menu>li.parent>ul.sub-nav{list-style-type:none; margin:0;padding:0;border-bottom: 1px solid #696868;overflow:hidden;display:none;}
#mobileNav #mobile_menu>li.parent>ul.sub-nav>li{display:inline-block; float: left;}
#mobileNav #mobile_menu>li.parent>ul.sub-nav>li a{display:block; padding: 13px;}
#mobileNav #mobile_menu>li.parent>ul.sub-nav>li:hover a{text-decoration:none;}
#Header{text-align: left;background: #fff;border-top: 4px solid #20778a;}
#Header .logo{margin-left: 60px;}
#Header .row .right ins{
	float: right;
}
#mainNav{
	width: 100%; 
	height: 63px; 
	display:inline-block; 
	clear:both;
	background: #20778a;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}
#mainNav ul#main_nav{
	list-style-type:none; 
	margin:0;
	padding:0;
	height: 63px; 
}
#mainNav ul#main_nav>li{
	display:inline-block;
	height: 100%;
	float: left;
	padding:0;
	margin:0;
	position: relative;
	border-right: 1px solid #35889a;
}
/*#mainNav ul#main_nav>li:nth-child(2)>a,
#mainNav ul#main_nav>li:nth-child(3)>a{cursor:default;}*/
#mainNav ul#main_nav>li:first-child,#mainNav ul#main_nav>li:last-child{border:none;}
#mainNav ul#main_nav>li>a{
	display:block; 
	height: 100%;
	padding: 10px 48px 10px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	font-weight:400;
}
#mainNav ul#main_nav>li>a:after{
	content:'';
	position: absolute; 
	right: 30px;
	top: 50%;
	margin-top: -5px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 9px solid #fff;
}
#mainNav ul#main_nav>li>a:only-child {
	padding:10px 30px;
}
#mainNav ul#main_nav>li>a:only-child:after{
	display:none;
}
#mainNav ul#main_nav>li>a.greenButton{
	height: 70%;
	line-height: 24px;
	margin: 10px 30px 0 0;
}
#mainNav ul#main_nav>li.facebook,
#mainNav ul#main_nav>li.twitter,
#mainNav ul#main_nav>li.google{width: 63px;}
#mainNav ul#main_nav>li.facebook>a,
#mainNav ul#main_nav>li.twitter>a,
#mainNav ul#main_nav>li.google>a{text-indent: -5000px;background: url(../../images/icons.svg)no-repeat;}
#mainNav ul#main_nav>li.facebook>a{background-position: 24px 18px;}
#mainNav ul#main_nav>li.twitter>a{background-position: -21px 18px;}
#mainNav ul#main_nav>li.google>a{background-position: -70px 18px;}
#mainNav ul#main_nav>li>ul.sub-nav{
	list-style-type:none;
	margin:0; 
	padding:0;
	position: absolute;
	left:0;
	top: 100%;
	z-index:999;
	background: #424242;
	width: 345px;
	height: 320px; 
	padding: 20px;
	display:none;
}
#mainNav ul#main_nav>li:hover>a{
	background-color: #424242;
	text-decoration:none;
}
#mainNav ul#main_nav>li:hover>ul.sub-nav{
	display:block;
}
#mainNav ul#main_nav>li>ul.sub-nav li{
	list-style-image:none;
	display:inline-block;
	width: 50px; 
	height: 40px;
	margin-right: 30px;
}
#mainNav ul#main_nav>li>ul.sub-nav li:nth-child(4n){
	margin-right:0;
}
#mainNav ul#main_nav>li>ul.sub-nav li a{
	display:block; 
	height: 100%;
	border-bottom: 1px solid #696868;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
	color: #fff;
}
#mainNav ul#main_nav>li>ul.sub-nav li:hover a{
	text-decoration:none;
	background: #34a7c1;
}
#searchEngine{
	display:block;
	clear:both;
	background:#34a7c1 url(../../images/search_engine_bg.png)no-repeat top center;
	padding: 30px 0 250px 0;
	margin-bottom: -210px;
}
#searchEngine #searchModule{
	position: relative;
	width:100%;
}
#searchEngine h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 50px; 
	font-weight: 300;
	color: #fff; 
	text-align:center;
	margin:0 0 40px 0;
}
#searchEngine input[type="text"]{
	height: 60px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border:none;
	padding: 0 14px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	width: 80%;
	max-width: 435px;
}
#searchEngine input[type="submit"]{
	border:none;
	background: #5b5b5b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5b5b5b 0%, #424242 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#424242)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5b5b5b 0%,#424242 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#424242',GradientType=0 ); /* IE6-8 */
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 24px;
	height: 60px;
	width: 20%;
	margin-left: -6px;
	cursor: pointer;
}
#searchEngine select{display:none;}
#searchEngine.resultsFound{height: 200px;margin-bottom: -60px;padding-bottom: 170px;}
#searchEngine.resultsFound h2{display:inline-block; text-align: left;float: left;font-size: 36px;margin-top: 20px;}
#searchEngine.resultsFound form{display:block;position: relative; top: 15px;}
#searchEngine.resultsFound input[type="text"]{height: 50px;position: relative; top:-1;left:0;width: 70%;}
#searchEngine.resultsFound input[type="submit"]{height: 51px;width: 30%;}

#searchEngine ul#suggestions{
	width: 80%;
	max-width: 434px;
	position: absolute;
	left:22%;
	top: 60px;
	z-index:10000;
	background: #20778a;
	color: #fff;
	text-align:left;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	display:none;
}
#searchEngine ul#suggestions li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
}
#searchEngine ul#suggestions li.suggestCat{
	font-weight: 600;
	font-size: 15px;
	padding: 7px 15px;
	background: #4bc7ae;
}
#searchEngine ul#suggestions li a{
	display:block;
	color: #fff;
	padding: 15px;
	font-size: 15px;
	font-weight: 400;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#searchEngine ul#suggestions li a:hover{
	text-decoration:none;
	background: rgba(255,255,255,0.2);
}
#searchEngine ul#suggestions li a .artist,
#searchEngine ul#suggestions li a .song{font-size: 13px;}
#Content{
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
}
#Content h2{font-family: 'Open Sans', sans-serif;font-size: 24px; color: #34a7c1;}
#BodyRight {
	margin: -15px -15px -15px 0;
	background: #f2f2f2;
	min-height: 100%;
	overflow: hidden;
}
#BodyRight #NumberOfSubmissions {
	margin-top: 20px;
	padding: 5px;
	text-align: center;
	width: 325px;
}
#BodyRight #NumberOfSubmissions h4{
	font-size: 15px;
	font-weight: 700;
	color: #20778a;
	font-family: 'Open Sans', sans-serif;
	margin: 20px 0;
}
#BodyRight #NumberOfSubmissions h4 a{font-size: 15px;color: #4bc7ae; font-weight: 300;}

#BodyRight #SocialMediaNav {
	display:block;
	clear: both;
	margin: 5px 0px;
	width: 550px;
	text-align: right;
	height: 70px;
}
#BodyRight #MP3s {
	display:block;
	clear:both;
	margin: 20px 20px 0 -15px;
	padding: 0;
}
#BodyRight #MP3s h2 {
	padding: 10px 0 10px 20px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #34a7c1;
	text-align: left;
}
#BodyRight #MP3s h3{text-align: left;padding-left: 20px;font-family: 'Open Sans', sans-serif;}
#BodyRight #MP3s h3 a{color: #4bc7ae;font-size: 15px; font-style:italic;font-weight: 600;}
#BodyRight #MP3s h4{text-align: left;padding-left: 20px;font-family: 'Open Sans', sans-serif;}
#BodyRight #MP3s h4 a{color: #4bc7ae;font-size: 15px; font-style:italic;font-weight: 600;}
#BodyRight #MP3s p{text-align: left;padding-left: 20px;font-family: 'Open Sans', sans-serif;}
#BodyRight #MP3s p a{color: #4bc7ae;font-size: 16px; font-weight: 400;}
#BodyRight #MP3s audio{float: left; margin:0 20px 20px 20px;width:90%;}


#BodyRight #latestMisheard {
	display:block;
	clear:both;
	margin: 20px 20px 0 -15px;
	padding: 0;
}
#BodyRight #latestMisheard h2 {
	padding: 10px 0 10px 20px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #34a7c1;
	text-align: left;
}
#BodyRight #latestMisheard h3{text-align: left;padding-left: 20px;font-family: 'Open Sans', sans-serif;}
#BodyRight #latestMisheard h3 a{color: #4bc7ae;font-size: 15px; font-style:italic;font-weight: 600;}
#BodyRight #latestMisheard h4{text-align: left;padding-left: 20px;font-family: 'Open Sans', sans-serif;}
#BodyRight #latestMisheard h4 a{color: #4bc7ae;font-size: 15px; font-style:italic;font-weight: 600;}
#BodyRight #latestMisheard p{text-align: left;font-size: 15px;line-height: 22px; padding-left: 20px;font-family: 'Open Sans', sans-serif;color: #424242;font-weight: 300;}
#BodyRight #latestMisheard p strong{font-weight: 700;} 
#BodyRight #latestMisheard p a{color: #4bc7ae;font-size: 16px; font-weight: 400;}
#BodyRight #latestMisheard audio{float: left; margin:0 20px 20px 20px;width:90%;}
#BodyRight #latestMisheard .bx-wrapper .bx-viewport{box-shadow:none;border:none;left:0;background:none;}
#BodyRight #latestMisheard .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{padding-top: 3px;}
#BodyRight #latestMisheard .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a{background: #c1c1c1;}
#BodyRight #latestMisheard .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#BodyRight #latestMisheard .bx-wrapper .bx-pager.bx-default-pager a.active{background: #34a7c1;width: 14px; height: 14px;border-radius: 50%;}

#BodyRight hr{
	border:none;
	height: 1px;
	background: #e1e1e1;
}
#BodyRight .sidebarAd{display:block; clear:both;}
#BodyRight .sidebarAd img{float: left; margin: 20px 20px 40px 20px;padding-top: 36px; border-top: 1px solid #e1e1e1;}

#BodyLeft h1.songTitle{font-family: 'Open Sans', sans-serif;font-size: 24px; color: #34a7c1;margin: 10px 0;}
#BodyLeft h2{font-family: 'Open Sans', sans-serif;font-size: 24px; color: #34a7c1;margin: 10px 0;}
#BodyLeft h3{color: #424242;font-style:normal;font-weight: 600;font-family: 'Open Sans', sans-serif;line-height: 24px;margin: 0;}
#BodyLeft h3.commentsTitle{color: #34a7c1;font-style:normal;font-weight: 700;font-family: 'Open Sans', sans-serif;line-height: 24px;font-size: 18px;margin: 30px 0 0 0;}
#BodyLeft h3 a, #BodyLeft h4 a{font-size: 15px; color: #4bc7ae; font-weight: 400;font-style:italic; }
#BodyLeft h4{margin:0;}
#BodyLeft h5{font-size: 15px; color: #424242; font-weight: 300;font-family: 'Open Sans', sans-serif;line-height: 24px;margin: 10px 0;}
#BodyLeft h5 strong{font-weight: 600;}
#BodyLeft p{font-size: 15px; font-family: 'Open Sans', sans-serif;}
#BodyLeft p a{font-size: 15px;color: #4bc7ae; font-weight: 400;}
#BodyLeft hr{height: 1px; background:#e1e1e1;border:none;margin: 26px 0;}
#BodyLeft .greenButton{width: 100%;display:block;}
#BodyLeft .showing{font-weight: 600;font-style: italic;}
#BodyLeft .result{padding: 25px 0; border-bottom: 1px solid #e1e1e1;}
#BodyLeft .result p{color: #424242;}
#BodyLeft .result p strong{color: #424242;}
#BodyLeft p.pagination span.currentPage{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background: #5dd4bc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkZDRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OGM1YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5dd4bc 0%, #48c5ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dd4bc), color-stop(100%,#48c5ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5dd4bc 0%,#48c5ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5dd4bc 0%,#48c5ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5dd4bc 0%,#48c5ac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5dd4bc 0%,#48c5ac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd4bc', endColorstr='#48c5ac',GradientType=0 ); /* IE6-8 */
	padding:4px 10px;
	border-radius: 6px;
	margin-right: 4px;
}
#BodyLeft p.pagination a{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background: #dcdcdc; /* Old browsers */
	padding:4px 10px;
	border-radius: 6px;
	margin-right: 4px;
}
#BodyLeft p.pagination a:hover{
	background: #666;
	text-decoration:none;
}
#BodyLeft #whyKissThisGuy{margin-top: 40px;padding-top: 30px; border-top: 1px solid #e1e1e1;}
#BodyLeft #whyKissThisGuy h2{margin-bottom: 26px;}
#BodyLeft #whyKissThisGuy h5{color: #20778a; font-weight: 700;font-style: italic;margin:0;}
#BodyLeft #whyKissThisGuy p{color: #424242; font-weight: 300;line-height: 22px;margin-top:0;}
#BodyLeft #whyKissThisGuy p a{font-size: 16px;}

.songInfoBlock{display:block; padding: 4px 0;font-size:15px;color: #424242;font-family: 'Open Sans', sans-serif;}
.songInfoBlock a.MisheardArtistLink,
.songInfoBlock a.MisheardSongLink{font-weight: 400;font-style:italic;}

.submittedDetails .column{border-bottom: 1px solid #ccc;}
.submittedDetails .column:nth-last-child(1),
.submittedDetails .column:nth-last-child(2){border: none;}
.submittedDetails .column p{font-size: 15px; color: #424242;margin: 8px 0;}

div.shareIcons{display:block; clear:both;margin: 20px 0 10px;}
p.comentInvite{margin-bottom: 30px;}

#BodyLeft .comment hr{margin: 16px 0;}
.comment{display:block; clear:both;}
.comment p{color: #424242;margin: 6px 0;line-height: 22px;}
.comment p.user{font-weight: 700;}
.comment a{font-style:italic;font-weight: 400;}

#BodyLeft h3.subTitle{font-size: 18px;font-weight: 700;color: #424242;margin: 40px 0 15px;}
#BodyLeft ol{padding-left: 20px;}
#BodyLeft ol li{font-size: 15px;color: #424242;font-weight: 400;font-family: 'Open Sans', sans-serif;}
#BodyLeft ol li a{font-size: 15px;color: #4bc7ae;font-weight: 700;font-family: 'Open Sans', sans-serif;}
#BodyLeft .songBy{margin: 6px 0;}
#BodyLeft .songBy a{display:block;font-weight: 700;color: #4bc7ae;}

#voteModule{
	background: #34a7c1;
	color: #fff;
	padding: 20px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#voteModule h5{
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
#voteModule label{display:block; padding: 2px 0;white-space:nowrap;}
#voteModule .greenButton{padding: 6px 30px;display:inline-block;width: auto;margin-top: 30px;}


#loginRegister{display:block;margin: 0 auto;width: 60%;}
#loginRegister p strong{font-size: 14px;}

#registerForm{display:block;margin: 0 auto;width: 50%;text-align: left;}
#registerForm label{text-align:right;display:block;width:100%;padding-top: 5px;} 
#registerForm label[for="OptInKTG"], 
#registerForm label[for="OptInPartners"]{text-align:left;} 
#registerForm input[type="text"],
#registerForm input[type="password"],
#registerForm select{width:100%;max-width: 233px;height: 20px;border: 1px solid #ccc;}
#registerForm .row{padding-top: 6px;padding-bottom:6px;}

#Footer{width: 100%;text-align: left;padding: 40px 0;}
#Footer p{font-size: 15px; color: #5b5b5b; font-family: 'Open Sans', sans-serif; font-weight: 300;}
#Footer p:first-child{margin-top: 25px;}
#Footer p#footerNav, #Footer p#footerNav a{font-size: 15px;color: #34a7c1;font-weight: 300;}

@media (max-width: 1224px){
	#header{
	max-width:100%;
	overflow:hidden;
	}
	#mainNav ul#main_nav > li > a.greenButton{margin-left: 10px;margin-right: 20px;}
	#searchEngine.resultsFound{height: auto;margin-bottom: 20px;padding: 15px;}
}
@media (max-width: 1180px){
	#mainNav ul#main_nav > li > a{padding: 10px 30px 10px 20px;}
	#mainNav ul#main_nav > li > a:after{right:10px;}
	#searchEngine ul#suggestions{
		width: 44%;
		position: absolute;
		left:50%;
		top: 60px;
		margin-left: -314px;
	}
}
@media (max-width: 1110px){
	#mainNav ul#main_nav > li > a.greenButton{margin-right: 0;}
}
@media (max-width: 1100px){
	#mainNav ul#main_nav > li > a{font-size: 18px;}
}
@media (max-width: 1036px){
	#mainNav ul#main_nav>li.facebook,
	#mainNav ul#main_nav>li.twitter,
	#mainNav ul#main_nav>li.google{width: 50px;}
	
	#mainNav ul#main_nav>li.facebook>a{background-position: 20px 18px;}
	#mainNav ul#main_nav>li.twitter>a{background-position: -27px 18px;}
	#mainNav ul#main_nav>li.google>a{background-position: -73px 18px;}
	#searchEngine ul#suggestions{
		width: 44%;
		position: absolute;
		left:50%;
		top: 60px;
		margin-left: -316px;
	}
}
@media (max-width: 1024px){
	#Header .logo{display:block;text-align:center;margin:0;}
	#Header .logo img{margin: 0 auto;}
	#theList a{padding: 10px;}
	#theList a:nth-child(even){background: #efefef;}
	#registerForm{width: 60%;}
	#searchEngine ul#suggestions{
		width: 43%;
		position: absolute;
		left:50%;
		top: 60px;
		margin-left: -316px;
	}
}
@media (max-width: 1000px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 29px;}
	#mainNav ul#main_nav>li>a{font-size: 16px;}
	#searchEngine ul#suggestions{
		width: 43%;
		margin-left: -312px;
	}
}
@media (max-width: 945px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 28px;}
	#loginRegister{display:block;margin: 0 auto;width: 80%;}
	#searchEngine ul#suggestions{
		width: 45%;
		margin-left: -304px;
	}
}
@media (max-width: 930px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 27px;}
	#searchEngine ul#suggestions{
		width: 46%;
		margin-left: -304px;
	}
}
@media (max-width: 920px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 25px;}
	#searchEngine ul#suggestions{
		width: 46.5%;
		margin-left: -304px;
	}
}
@media (max-width: 910px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 23px;}
	#searchEngine ul#suggestions{
		width: 47%;
		margin-left: -304px;
	}
}
@media (max-width: 900px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 20px;}
	#searchEngine h2{font-size: 46px;}
	#searchEngine ul#suggestions{
		width: 47.5%;
		margin-left: -301px;
	}
}
@media (max-width: 865px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 15px;}
	#searchEngine ul#suggestions{
		width: 50%;
		margin-left: -298px;
	}
}
@media (max-width: 830px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 10px;}
	#searchEngine ul#suggestions{
		width: 51.5%;
		margin-left: -290px;
	}
}
@media (max-width: 800px){
	#searchEngine h2{font-size: 42px;}
	#searchEngine ul#suggestions{
		width: 53.5%;
		margin-left: -290px;
	}
}
@media (max-width: 785px){
	#mainNav ul#main_nav>li>a:only-child {padding: 10px 8px;}
	#searchEngine ul#suggestions{
		width: 55%;
		margin-left: -290px;
	}
}
@media (max-width: 768px){
	#Header{padding-top: 70px;}
	#mainNav{position: fixed;top:0;left:0;z-index: 9999;width:100%;height: 45px;overflow:hidden;}
	#mainNav ul#main_nav{display:inline-block;float: right;}
	#mainNav ul#main_nav>li>a{line-height: 23px;}
	#mainNav ul#main_nav>li:nth-child(2),
	#mainNav ul#main_nav>li:nth-child(3),
	#mainNav ul#main_nav>li:nth-child(4),
	#mainNav ul#main_nav>li:nth-child(5),
	#mainNav ul#main_nav>li:nth-child(6){display:none;}
	#mainNav ul#main_nav>li>a.greenButton{border-right: 1px solid #35889a;height: 100%;background: none;margin-top: 0;}
	#mainNav ul#main_nav>li.facebook>a{background-position: 20px 10px;}
	#mainNav ul#main_nav>li.twitter>a{background-position: -27px 10px;}
	#mainNav ul#main_nav>li.google>a{background-position: -73px 10px;}
	#hamburger{
		display:block; 
	}
	#BodyRight{display:none;}
	#BodyLeft{width:100%;}
	#searchEngine h2{font-size: 38px;}
	#searchEngine.resultsFound input[type="text"]{font-size: 16px;}
	#searchEngine.resultsFound input[type="submit"]{font-size: 18px;}
	#loginRegister{display:block;margin: 0;width: 100%;}
	#loginRegister p{text-align:center;}
	#loginRegister ul{display:block;width: 260px;margin: 10px auto;}
	#registerForm{width: 80%;}
	#Footer .logo{width:100%; text-align:center;display:block;}
	#Footer #copyright{text-align:center;}
	#Footer #footerNav{text-align:center;}
	#searchEngine ul#suggestions{
		width: 56%;
		margin-left: -290px;
	}
}
@media (max-width: 680px){
	#searchEngine h2{font-size: 36px;margin-bottom: 10px;}
	#searchEngine.resultsFound{height: auto;margin-bottom: 20px;padding: 15px 15px 30px 15px;}
	#searchEngine.resultsFound h2{font-size: 30px;margin-bottom: 10px;text-align:center;}
	#searchEngine.resultsFound input[type="text"]{margin:0;}
	#searchEngine ul#suggestions{
		width: 63%;
		margin-left: -277px;
	}
}
@media (max-width: 640px){
	#registerForm{width: 90%;}
	#registerForm label{text-align:left;} 
	#searchEngine ul#suggestions{
		width: 67%;
		margin-left: -275px;
	}
}
@media (max-width: 615px){
	#searchEngine h2{font-size: 32px;}
	#searchEngine.resultsFound input[type="text"]{margin: 0 20px;width: 100%;max-width: 90%;display:block;}
	#searchEngine input[type="submit"]{margin-top: 0;display:block; float: right;position: relative;z-index:10;}
	#searchEngine.resultsFound input[type="submit"]{margin-top: -51px;display:block; float: right;position: relative;z-index:10;}
	#searchEngine ul#suggestions{
		width: 70%;
		margin-left: -270px;
	}
}
@media (max-width: 580px){
	#searchEngine h2{font-size: 28px;}
	#searchEngine ul#suggestions{
		width: 95%;
		left: 10px;
		margin-left: 0;
	}
}
@media (max-width: 500px){
	#searchEngine h2{font-size: 24px;}
	#searchEngine input[type="text"]{max-width: 80%;}
	#searchEngine input[type="submit"]{font-size: 18px;}
}
@media (max-width: 450px){
	#searchEngine h2{font-size: 20px;}
}
@media (max-width: 380px){
	#searchEngine h2{font-size: 18px;margin-bottom: 20px;}
	#searchEngine input[type="text"]{max-width: 60%;font-size: 16px;}
	#searchEngine input[type="submit"]{width: 35%;font-size: 18px;margin-left: -20px;margin-right:10px;}
}
@media (max-width: 340px){
	#mainNav ul#main_nav>li:nth-child(1){display:none;}
	#searchEngine h2{font-size: 16px;margin-bottom: 20px;}
}