body {
	background:#ddd;
	margin-top:80px;
}

#learn-more-container {
  width: 100%;
	background:#fff;
	margin:20px 0 0 0;
	/*box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);*/
	border-top:1px solid #ddd;
	padding:15px 0px 20px 0;
	font-size:15px;
	text-align:center;
}
div#learn-more-container span { color:#999 !important; margin-right:30px; }
div#learn-more-container a { white-space:nowrap; color:#aaa !important; margin-right:30px; text-decoration:underline;}
div#learn-more-container a:hover { color:#000 !important; }
div#learn-more-container span.links { white-space: nowrap;}

#header {
	position:fixed;
	top:0;
	width:100%;
	text-align:left;
    /*background:#213449;*/
    background:#494949;
	z-index:99;
	height:80px;
}

#header .container{
	width:auto;
	min-width:970px;
	max-width:1100px;
}


#user_notice {top:0; position:relative; z-index:100;margin: -80px auto 0 auto;padding: 0 0 80px 0;}
#user_notice .inner_container {position:fixed; text-align:right;display:none;}
#user_notice .inner {font-size:17px;display:inline-block;padding:6px 12px;border-radius:0 0 10px 10px;background:#000;color:#fcc;box-shadow: 0px 2px 15px rgba(0, 0, 0, .4);border:2px solid #fff; border-top:0;}


#user_and_search { float:right; height:80px; width:240px; }
#user_panel { float:right; }
#user_panel a.button { color:#888; background:#333; margin-right:10px;font-weight:bold; padding:8px; display:block;float:right;border-radius:0 0 10px 10px; }
#user_panel a.button:hover {color:#ccf;}

#user_panel a.avatar_link {
  display: block;
  float: right;
  width: 34px;
}

#user_panel img.avatar  {width:32px;border-radius:0 0 6px 6px; }
#header_social_icons { margin-top:5px;float:right; margin-right:10px;}
#header_social_icons a { margin-right:10px; color:#abd;}
#header_social_icons a:hover { color:#fff; }
#header_social_icons a i { font-size:29px; width:24px; }
#search { margin:3px 0 0 0; float:right;}
#search input { padding-left:6px;background:#222; color:#666; border-radius:10px; border:0; font-size:14px;}
#search input:focus { color:#fff; }
#search i { opacity:0.3; }

#info_button { float:left; width: 44px; height:80px; margin-right:10px; }
#info_button.active {background:#333;}
#info_button .button { padding:0 2px 0 2px;}
#info_button img {width:40px;opacity:0.2;}
#info_button img:hover {width:40px;opacity:1;}
#info_panel_container {position:relative;width:940px;z-index:98;margin: 0 auto 0 auto;}
#info_panel{ 
	position:fixed; 
	width:350px; 
	background:#fff; 
	box-shadow: 0px 2px 15px rgba(0, 0, 0, .3); 
	border-radius:0 0 4px 4px; 
	text-align:center;
}
#info_panel .about {
	padding:16px;
	background:#333;
	font-size:19px;
	color:#999;
	text-shadow: 0px 1px 0px #000;
}
#info_panel .info_links {background:#eee;padding:0;}
#info_panel .info_links a {
	background:#eee;
	padding:10px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#444;
}
#info_panel .info_links a:hover{color:#36c;}
#info_panel .social { height:50px; padding:10px;}
#info_panel .social a { margin-right:10px; color:#999;}
#info_panel .social a:hover { color:#000; }
#info_panel .social a i { font-size:48px; width:50px; }
#close_info { font-size:18px; display:block; padding:8px 14px 8px 0; text-align:right; border-top:1px solid #eee;color:#777;}
#close_info:hover { color:#666;}


#footer {height:10px}


#square {
	margin: 24px -6px 0px 0px;
	height: 48px;
}


#logo {
	width:230px;
	float:left;
	margin:16px 20px 26px 0px;
	cursor:pointer;
}
	#logo img.icon {
		width:40px; 
		margin:0 14px 0 -40px;
	}
	#logo img.logo {	
		width:220px;
		position:absolute;
	}
	
	#followus {
		margin-top:14px;
	}
	#followus img {
		height: 50px;
		float: right;
		margin: -6px 12px 6px;
	} #followus iframe {
		width: 60px;
		height: 20px;
		float: right;
		clear: right;
		margin-right: 6px;
	}
	.fb-like {
		width: 60px;
		margin-top: 21px;
	}

	.hidenext + span {
		display:none;
	}

#main-container {
  width: 100%;
  background: #ddd;
}

#main-container.fixed {
  height: 40px;
  margin-top: 3px;
}


#special_buttons {margin-top:10px;}
#special_buttons div {margin:0 0 10px 30px;}
#special_buttons div a {background:#ddd;color:#000;display:inline-block; padding:7px;border-radius:5px;}
#special_buttons div a i {margin-right:5px;}
#special_buttons div a:hover {background:#25d;color:#fff;}





.navbar {
	text-align:left;
	width:100%;
	margin-bottom:0px;
}
.navbar .central {
	min-width:962px;
	max-width:1100px;
	margin:0 auto;
}



	#verified {
		vertical-align:top;
	} #verified img {
		margin-top: -1px;
		margin-right: 3px;
	}
	
	#search {
		padding:6px;
        margin-left: 6px;
		display:inline-block;
		width:198px;
		position:relative;
		z-index:2;
	} #search input {
    width: 193px;
		
	} #search .icon-search {
		position:absolute;
		margin-left:180px;
		margin-top:-29px;
	} #search #starttyping {
		display:none;
		position: absolute;
		left: 14px;
		font-size: 13px;
		font-style: italic;
		top: 26px;
		z-index: 0;
	}
	
		#search #searchresults {
			z-index:2;
			display:none;
			list-style:none;
			position: absolute;
			margin: 4px 0px 0px -2px;
			border-radius: 6px;
			padding: 5px 4px;
			border:1px solid #ccc;
			background:white;
		} #searchresults li {
			position:relative;
			float:left;
			clear:both;
			list-style:none;
			text-align: left;
			display: inline-block;
			width: 206px;
			padding: 6px;
			background: #777;
			border-bottom: 1px solid #BBB;
			cursor:pointer;	
		} #searchresults li:hover {
			background:#666;
		} #searchresults a {
			color:whiteSmoke;
		} #searchresuls a:hover {
			text-decoration:none;
		} #searchresults .avatar {
			width:32px;
			height:32px;
			overflow:hidden;
			float:left;
			margin:3px;
			text-align:center;
		} #searchresults .avatar img {
			height:32px;
		} .searchresult .result {
			position:relative;
			display:inline-block;
			margin:3px;
			width:155px;
		} .searchresult .row1 {
			font-size:15px;
			float:left;
			clear:right;
			width:155px;
		} .searchresult .bold {
			display:inline;
		} .searchresult .bold a {
			display:inline;
		} .searchresult .row2 {
			float:left;
			clear:left;
			font-size:10px;
			color:#ccc;
			width:155px;
		}

#nav {
	left: 260px;
	text-align: left;
	margin-top: -20px;
	padding: 12px 0px 0px 12px;
} #nav img {
	width:22px;
	border:1px solid #ddd;
	padding:3px;
}
	







#bios .bio {
	display:inline-block;
} #bios .bio .avatar {
	float:left;
	clear:left;
} #bios .bio .biotext {
	float:left;
	width:440px;
	margin:12px;
}




#main {
	min-width:964px;
	max-width:1100px;
	padding:15px 10px 10px 10px;
	margin:0px auto;
	background:#ffffff;
	display:block;
	position:relative;
	border-radius:0 0 6px 6px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, .1);
}
	
	#dashboard {
		float:left;
		clear:left;
		text-align:left;
		border-radius: 6px;
		padding: 3px;
		margin:0px 6px;
		width:210px;
	} 
		#dashboard ul.nav-list {
			padding-left:6px;
		}
			#dashboard li {
				margin-left:8px;
			}
		
	#listings {
		text-align:left;
		margin-left:8px;
		/*
		border-top:1px solid #eee;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		border-left:1px solid #eee;
		border-radius:6px;
		*/
	}
		.listing {
			text-shadow:1px 1px 0px #fff;
			width:442px;
			display:inline-block;
			padding:9px;
			border-radius:6px;
      cursor: pointer;
		} .listing .title {
			font-size:20px;
			margin-left:3px;
			float:left;
			max-width:350px;
			position:relative;
		} .listing .title .heart {
			font-size:18px;
			padding-left: 3px;
		} .listing .station {
			float:left;
			clear:left;
			margin:8px 24px 7px;
			font-size:14px;
			color:#666;
		}
		.listing:hover {
			background:#eee;
		} .listing > .avatar {
			margin:0px 4px;
			float:right;
      width:48px;
			height:48px;
			overflow:hidden;
		} .listing > .avatar > img {
			width:48px;
			border:1px solid #ddd;
			padding:1px;
		} .listing .play {
			float:left;
			clear:left;
		} .listing .genre {
			float:right;
			clear:right;
			font-style:italic;
			font-size:12px;
			margin-right:6px;
		} .listing .stats {
			float:left;
			clear:left;
			margin:0px 0px 0px 18px;
		} .listing .stats i {
			margin:0px 2px 0px 5px;
		}
		
#fbframe {
	float:left;
	clear:right;
	width:382px;
	margin:12px 32px;
	height: 66px;
	overflow: hidden;
}


.feed .feedentry {
	position:relative;
} .feed .feedentry .close {
	display:none;
} .feed .feedentry:hover .close {
	display:block;
}


#feed {
	margin-left:10px;
	clear:right;
} ul.chatbox {
	margin:0px;
} #feed #chatform {
	border-bottom:1px dotted #ccc;
} #feed #message {
	width:150px;
} #feed .btn { border-radius:0 5px 5px 0;
} #feed .feedentry {
	padding:5px;
	float:left;
	text-align:left;
	border-bottom:1px solid #ddd;
} #feed .avatar {
	width:24px;
	float:left;
	border:1px solid #ddd;
	margin: 3px 0px;
} #feed .post {
	display: inline-block;
	padding: 5px;
	width: 170px;
	line-height: 20px;
} #feed .post * {
	
	margin:0px 2px;
} #feed .station, #feed .show, #feed .user {
	display:inline;
} #feed .icon-play {
	margin-top:2px;
} #feed abbr {
	float:right;
	font-size:10px;
	color:#888;
	margin-top:-3px;
}

	
#welcomeModal {
	height: 600px !important;
	width:640px !important;
} #welcomeModal h3 {
	vertical-align: top;
	margin-right: 4px;
	line-height:18px;
} #welcomeModal h3 + div {
	margin:0px 22px;
	font-size:12.4px;
} #faqModal {
	padding:12px;
}

h3 {
	vertical-align:top;
} h3 img {
	margin:4px;
} h4 {
	font-size:13px;
}
	
.playblank {
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
} .play18 {
	background:url('/static/css/images/play18c.png') no-repeat !important;
	width:18px;
	height:18px;
	float:left;
} .play18.ax {
	background:url('/static/css/images/playa18.png') no-repeat !important;
}

.like-btn {

}

.like {
	width:18px;
	height:18px;
	float:left;
}
.liked {
	background:url('/static/css/images/heart-on.gif') no-repeat !important;
} .tolike {
	background:url('/static/css/images/heart-off.png') no-repeat !important;
}

.like-text {
}

.heart14 {
	background:url('/static/css/images/heart14.png') no-repeat !important;
	width:14px;
	height:14px;
	display:inline-block;
}

.avatar {
	padding:1px;
}

.odd {
	background:#ffffff;
} .even {
	background:#f8f8f8;
}

a { 
	cursor:pointer;
	color: black;
}
.loading {
	background:url('/static/css/images/loading.gif') no-repeat 50% 50%;
	width:128px;
	height:128px;
	margin:24px 128px;
}

.icon-red {
  background-image: url("/static/css/images/glyphicons-halflings-red.png") !important;
}

a:hover { text-decoration:none; }
i.icon-remove, i.icon-pencil{ cursor:pointer; }
.left { float:left; }
.right { float:right; }
.abs.right {right:0px;}
.bold { font-weight:bold; }
.italic { font-style:italic; }
.red { color:#ED2024	; }
.green { color:#189718; }
.blue { color:#58a7e3; }
.pink { color:#d19 !important; }
.gray { color:#777; }
.hide { display:none !important; }
a.inactive { opacity:.55; }
.lightred { background:#FFE6E6; }
.modal { text-align:left; display:none; }
.abs { position:absolute; }
.dim { opacity:.3; }


#genres span,.genre span {
	font-size:20px;
  font-style: normal;
}
.g1 { color: #939185; }
.g2 { color: #A4C639; }
.g3 { color: #FE7A15; }
.g4 { color: #2E4E60; }
.g5 { color: #73ABB3; }
.g6 { color: #F4F28D; }
.g7 { color: #FE7A15; }
.g8 { color: #A2D9F6; }
.g9 { color: #FE7A15; }
.g10 { color: #FE7A15; }
.g11 { color: #FE7A15; }
.g12 { color: #FE7A15; }
.g13 { color: #FE7A15; } /* European */
.g14 { color: #E8272C; } /* news */
.g15{ color: #E8272C; } /* talk */
.g20 { color: #FE7A15; } /* garage */

#sm2-container {
	height:1px;
	width:1px;
	position:fixed;
}
#verifyform .btn {
	margin:5px;
}
#fblogin {
	margin: 0px 20px 0px 160px;
}

.fb-login {
  margin-top: 6px;
}

#login-error {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

.form-horizontal .large-control-label {
  padding-top: 9px;
}

.fb-signup {
  width: 100%;
  text-align: center;
}

.fb-signup-btn {
}

.signup-btn {
  margin-left: 5px;
}

.edit-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.edit-error {
  color: red;
  margin-left: 160px;
}

.save-btn {
}

.cancel-btn {
  margin-left: 5px;
  margin-right: 30px;
}

.urls {
  padding-left: 10px;
}

#showform .cancel-btn {
  margin-right: 270px;
}

#showform ul {
  margin-left: 0px;
}

.urls-title {
  font-size: 20px;
  text-align:left;
  padding-bottom:10px;
}

.urls-section {
  padding-bottom:10px;
  text-align:left;
}

.urls-header {
  font-size: 14px;
}

.urls-item {
  padding-left: 20px;
}

#map-canvas {
  width: 100%;
  height: 500px;
}

#map-canvas img {
  max-width: inherit;
}

ul.nav  { margin-bottom:10px;}
li.nav-header  { margin-bottom:10px;}

#iphone h3 {margin-bottom:10px;}

.mobile {
  float: right;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}