<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8"/>
      <link rel="apple-touch-icon" href="/images/57x57.png">
      <link rel="apple-touch-icon" sizes="72x72" href="/images/72x72.png">
      <link rel="apple-touch-icon" sizes="114x114" href="/images/114x114.png">
      <link rel="apple-touch-icon" sizes="228x228" href="/images/228x228.png">
      <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
      <title>User Profile: rss
</title>
   </head>
   <body>
      <nav id="navtop" class="navbar navbar-default navbar-fixed-top">
         <div class="container">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
               </button>
               <a class="navbar-brand" href="/">Chirbit</a>
            </div>

            <div id="navbar" class="navbar-collapse collapse">
               <ul class="nav navbar-nav">
                  <li class=""><a href="/learnmore"><i class="fa fa-certificate"></i> Learn More</a></li>
                  <li class=""><a href="/faq"><i class="fa fa-comment"></i> FAQ</a></li>
                  <li class=""><a href="/blog"><i class="fa fa-rss-square"></i> Blog</a></li>
               </ul>
               <ul class="nav navbar-nav navbar-right">
                  <li class=""><a id="signin-button" href="#" class="sign-in-btn"><i class="fa fa-home"></i> Sign In</a></li>
               </ul>
            </div><!--/.nav-collapse -->
         </div><!--/.div container -->
      </nav><!--/.nav navbar -->
	
      <div id="content-wrapper">	
<div id="about" class="container"><!--start container-->
	<br/>
	<div class="row">
			<div class="col-sm-3"><!--col-3 SIDEBAR-->
		<div  id="chirbit-feed">
					        
<div class="text-center profile-avatar-wrap">
   <a href="/rss">
   <img title="profileImage" class="img-responsive img-circle img-profile-avatar" src="//www.chirbit.com/images/users/user_bigger.jpg"/>
   </a>
   <h2 class="text-center color-red">rss</h2>
   


   <h3 class="profile-fullname text-center color-blue"></h3>
   <button type="button" id="fid_254000"  data-uid="254000" data-url="/follow" class="btn btn-default btn-follow disabled">Follow</button>
   <button type="button" data-toggle="modal" data-target="#multi-modal" href="/message/rss" role="button" class="btn btn-success disabled">Message Me</button>
   <br/>
   <br/>
   <div></div>
   <br/>
</div>

<table class="table table-condensed profile-table">
   <tr>
      <th class="text-center">Posts</th>
      <th class="text-center">Favorites</th>
   </tr>
   <tr>
      <td class="text-center">1</td>
      <td class="text-center">0</td>
   </tr>
   <tr>
      <th class="text-center"><a class="show-signup" href="/rss/followers">Followers</a></th>
      <th class="text-center"><a class="show-signup" href="/rss/following">Following</a></th>
   </tr>
   <tr>
      <td class="text-center">0</td>
      <td class="text-center">0</td>
   </tr>
   <tr>
      <th class="text-center">Joined</th>
      <th class="text-center">Last Seen</th>
   </tr>
   <tr>
      <td class="text-center">6 years ago</td>
      <td class="text-center">6 years ago</td>
   </tr>     

   <tr>
      <td colspan=2 class="text-center"><i class="color-blazeorange fa fa-rss-square fa-lg"></i> <a href="/rss/rss"/>rss feed</a></td>
   </tr>

   <tr>
      <td colspan=2 class="text-center"></td>
   </tr>



</table>

				</div>
			</div><!--/col-3-->

			<div class="col-sm-9" style="" contenteditable="false"><!--col-9 CONTENT-->
				<div class="target">
					
					<h3><i class="fa fa-microphone"></i> chirbits
					<div class="btn-group btn-group-xs pull-right" role="group" aria-label="...">
						<button type="button" data-view="list" class=" profile-view-btn btn btn-default"><i class="profile-view-button fa fa-list-ul"></i></button>
						<button type="button" data-view="thumb" class=" profile-view-btn btn btn-default"><i class="profile-view-button fa fa-th-large"></i></button>
						<button type="button" data-view="table" class=" profile-view-btn btn btn-default"><i class="profile-view-button fa fa-table"></i></button>
					</div>
					</h3>
			
					<div id="chirbit-feed" class="row"><!-- start row -->
						<div class="col-md-12">
												 



<div class="media cfmediaodd " data-id="708848">
   <div class="media-heading">
      <h3 class="color-darkgrey">
         <span class="playerbuttons pull-right">
            <i id="cplayerstop_708848" class="stopbutton fa fa-stop fa-2x"></i> &nbsp;
            <i id="cplayer_708848"
               data-cid="708848"
               data-fd="=Q0MlcWYoplQyUyTipER0xUTwMmZHdEMap3dPFTMNdjRyUSPlJXd0Fmbnl2UmQzN1gzM1MzN2ETPzVmcpBHeFZSQDZlMN1UUH5kNUdDRKhUSBl0SB1DZJlXZLN3clN2YBN1VB9zMw1mL0ATNyADN2cDNx81czJ3Lt92YuQXaiJXaoNmLvlGZ1F2LvoDc0RHa"
               class="sm2_button fa fa-play-circle fa-2x"></i>
         </span>
         <span class="truncate"></span>
      </h3>
   </div>
   <div class="clear-fix"></div>
   <div class="media-body">
      <table>
         <tr>
            <td id="tlpictd_708848" class="tlpictd">
            </td>
            <td>
               <div id="whid_708848" data-whid="708848" class="wavholder">
                  <div class="duration_box" id="duration_708848">00:00:06</div>
                  <div class="progress_box" id="progress_708848">00:00</div>
                  <div id="loadbar_708848" class="loadbar"></div>
                  <div id="progbar_708848" class="progbar"></div>
                  <div class="wavimg"><img style="width:100%;" class="img-responsive wavimage" src="https://img.chirbit.com/wave/rss_1476402504.png"/></div>
               </div>
            </td>
         </tr>
      </table>
      <div class="media-row">
         <i class="fa fa-user"></i> <a href="/rss">rss</a>&nbsp;
         <i class="fa fa-calendar"></i> 6 years ago
         <span class="pull-right"><i class="fa fa-sitemap"></i> Chirbit </span>
      </div>
      <div class="media-row">
         <span class=""><i class="fa fa-tags"></i>
            <span class="label label-default tag-label-02"></span>
         </span>
      </div>


         <form class="copy-box form-inline input-sm pull-right"> 
            <div class="form-group form-group-sm">
               <div class="input-group">
                  <input id="copy-btn-h0mF5y" value="http://chirb.it/h0mF5y" class="form-control"/>
                  <div class="clip-it-btn input-group-addon" data-clipboard-target="#copy-btn-h0mF5y"><i class="fa fa-copy"></i></div>
               </div>
            </div>
         </form>







   </div>
</div>
												<div class="clearfix">&nbsp;</div>
			
						<div class="text-center"><!--pageination wrapper -->
							<div class="">
																-
															</div>
							<ul class="pagination pagination-sm">
								<li><a aria-label="Previous" href="/rss/1"><span aria-hidden="true">&laquo;</span></a></li>
																<li class="active" ><a href="/rss/1">1</a></li>
																<li><a aria-label="Next" href="/rss/1"><span aria-hidden="true">&raquo;</span></a></li>  
							</ul>
						</div><!-- end pageination wrapper -->
					</div>
					</div><!-- end row -->
				       
			</div><!-- end target -->
		</div><!--end col-9-->

	</div><!-- end row -->

	<br/>
	<br/>
	<br/>
		
      </div>
<footer class="footer">

	<div class="container">
		<div class="row">
		
			<div class="col-md-4 col-sm-6 col-xs-12">
				<ul class="list-unstyled">

					<li><a href="/blog">Blog</a></li>
					<li><a href="/help/contactus">Contact</a></li>
					<li><a href="/faq">FAQ</a></li>
					<li><a href="/iosapp">iOS App</a></li>
				</ul>
			</div>

			<div class="col-md-4 col-sm-6 col-xs-12">
				<ul class="list-unstyled">
					<li><a target="_blank" href="https://twitter.com/chirbit"><i class="fa fa-twitter"></i> @chirbit on Twitter</a></li>
					<li> <a href="https://twitter.com/intent/tweet?hashtags=socialaudio&original_referer=http%3A%2F%2Fwww.chirbit.com%2F&ref_src=twsrc%5Etfw&text=Chirbit%20-%20record%2C%20upload%20%26%20share%20your%20audio%20easily&tw_p=tweetbutton&url=http%3A%2F%2Fwww.chirbit.com&via=chirbit"><i class="fa fa-twitter"></i> Tweet This</a></li>
					<li><a target="_blank" href="https://facebook.com/chirbit"><i class="fa fa-facebook-official"></i> &nbsp;chirbit on Facebook</a></li>
				</ul>
			</div>
			
			<div class="col-md-12 col-sm-12 col-xs-12">
				&copy; 2023 Chirbit, LLC &nbsp;&nbsp;<a href="/help/tos">Terms</a>&nbsp;&nbsp;<a href="/help/privacy">Privacy</a>
			</div>
		
		</div>
	</div>
	
</footer>   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script src="/js/clipboard.min.js"></script>
   <script src="/js/soundmanager2-nodebug-jsmin.js"></script>
   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
   <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
   <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.5.2/holder.min.js"></script>		
   <script src="/js/chirbit.player.js"></script>
<script>

var clipboard = new Clipboard('.clip-it-btn');

clipboard.on('success', function(e) {
	e.clearSelection();
	toastr.info('Copied! ' + e.text)
	});

clipboard.on('error', function(e) {
	showTooltip(e.trigger, fallbackMessage(e.action));
});

function revstr(s){return s.split('').reverse().join('');}

document.addEventListener("DOMContentLoaded", function(event) { 

	var usrAvatars = document.getElementsByClassName("user-avatar");
	Array.prototype.forEach.call(usrAvatars , function(el) {
		el.addEventListener('click',function() {
			var usrname = this.getAttribute('data-username');
			window.location.href= '/' + usrname;
			},false);
		});

});


$(document).ready(function() {
console.log('b');
var currentModal = null;

$('.clip-it-btn').click(function(e) {
	e.preventDefault();	
});
 
$('.addtt').tooltip(); 	
$('.podd').tooltip();
 	
$dropdown = $('#poMenu');
$('.podd').click(function() {
	//console.log(this);
	$(this).after($dropdown);
	$(this).dropdown();
});

$ccdropdown = $('#ccMenu');
$('.pocc').click(function() {
	//console.log(this);
	$(this).after($ccdropdown);
	$(this).dropdown();
});

	
 	
	$('.show-signup').click(function(e) {
		$('#signup-modal').modal('show');
		e.preventDefault();	
	});	
 	
 	
	$('body').on('hidden.bs.modal', '.modal', function () {
		$(this).removeData('bs.modal');
		
		if(currentModal == 'video2chirbitbutton') {
			currentModal = '';
			location.reload();
		}
		else {
		}
		});

	$('body').on('shown.bs.modal',function(e) {
		//console.log(e);
		if(e.relatedTarget) {
			//console.log(e.relatedTarget);
			currentModal = e.relatedTarget.id;
			}
		else {
			currentModal = "";
			}
		});


	$('.resend-email-verification-btn').click(function(e) {
		$.ajax( {
			url: '/resendemailverification',
			type: "POST",
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					$('#evinfo').html(' <span class="label label-info"> email verification sent </span> ');
					}
				else {
					}
				},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();
	});
	
	

	$('.profile-view-btn').click(function(e) {
		var pathname = window.location.pathname;
		var pv = $(this).data('view');
		$.ajax( {
			url: '/setview',
			type: "POST",
		data: {'pv':pv},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					window.location.href = pathname;
					}
				else {
					}
				},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();		
	});

	$('.flagchirbit').click(function(e) {
		var pathname = $(this).data('url');
		var flagtype = $(this).data('flagtype');
		var cid = $(this).data('cid');
		
		$.ajax( {
			url: pathname,
			type: "POST",
		data: {'cid':cid,'flagtype':flagtype},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					$('#flag_nsfw_'+data.info.cid).removeClass('color-red').addClass('color-darkgrey');
					}
				else {
					}
				},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});		
		
	e.preventDefault();	
	});


	$('.sign-in-btn').click(function(event) {
		$('#login-form-modal').modal('show');
		$('body').on('shown.bs.modal', '.modal', function () {
			$('#username').focus();
			});
		});

	$('.sign-up-btn').click(function(event) {
		$('#signup-form-modal').modal('show');
		$('body').on('shown.bs.modal', '.modal', function () {
			$('#su_username').focus();
			});
	});

	$('.dropdown-toggle').dropdown();

	$('.dropdown-toggle').each(function(e) {
	});

 $('.toggle-sharebox').click(function(e) {
 	var sbid = $(this).data('id');
 	$('#sharebox-'+sbid).toggleClass('hidden');
	}); 

 $('.toggle-morebox').click(function(e) {
 	var mbid = $(this).data('id');
 	$('#morebox-'+mbid).toggleClass('hidden');
	}); 

	$('.favorite-btn').click(function(e) {
		var sk = $(this).data('id');
		var furl = $(this).attr('href');
		$.ajax( {
			url: furl,
			type: "POST",
			data: {cid:sk},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					if(data['info'] == 'favorite') {
						$('i','#fav_'+sk).removeClass("fa-heart-o").addClass("fa-heart");
						$('#fav_'+sk).attr('href','/unfavorite');
						}
					else if(data['info'] == 'unfavorite') {
						$('i','#fav_'+sk).removeClass("fa-heart").addClass("fa-heart-o");
						$('#fav_'+sk).attr('href','/favorite');
						}
					else {

						}
					}
			else {

				}
			},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();
		});


	$('.delete-chirbit-btn').click(function(e) {
	var answer = confirm("Do you really want to delete this?")
	if(answer) {	
		var cid = $(this).data('cid');
		var posturl = $(this).attr('href');
		$.ajax( {
			url: posturl,
			type: "DELETE",
			data: {cid:cid},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					$('#cfeed-item_'+data.cid).css("background-color","#ffa398").delay(3000).slideUp({speed:'1000',preDelay:'10000'});
				}
				else {
					alert('file not deleted ' + data.message);
				}
			},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
	}
	else {
		alert("not deleted")
	}
		e.preventDefault();
	});

	$('.btn-follow').click(function(e) {
		var rid = $(this).data('uid');
		var furl = $(this).data('url');
		$.ajax( {
			url: furl,
			type: "POST",
			data: {uid:rid},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					if(data['info'] == 'followed') {
						$('#fid_'+rid).removeClass("btn-follow").addClass("btn-unfollow");
						$('#fid_'+rid).removeClass("btn-default").addClass("btn-info");
						$('#fid_'+rid).text('Following');
						$('#fid_'+rid).data('url','/unfollow');
						}
					else if(data['info'] == 'You already follow this user') {
						alert('you already follow this user');
						}
					else {

						}
					}
			else {

				}
			},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();
		});

	$('.btn-unfollow').click(function(e) {
		var rid = $(this).data('uid');
		var furl = $(this).data('url');
		$.ajax( {
			url: furl,
			type: "POST",
			data: {uid:rid},
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					if(data['info'] == 'unfollowed') {
						$('#fid_'+rid).removeClass("btn-unfollow").addClass("btn-follow");
						$('#fid_'+rid).removeClass("btn-info").addClass("btn-default");
						$('#fid_'+rid).text('Follow');
						$('#fid_'+rid).data('url','/follow');
						}
					else if(data['info'] == 'you do not follow this user') {
						alert('you do not follow this user');
						}
					else {

						}
					}
			else {

				}
			},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();
		});



	$('.message-user-btn').click(function(e) {
		var usr = $(this).data('username');
	
		$('#multi-modal').modal('show');
		e.preventDefault();			
		
	});




	$('#login-form').submit(function(e){
		var postData = $(this).serializeArray();
		var formURL = $(this).attr("action");
		$.ajax( {
			url: formURL,
			type: "POST",
			data: postData,
			success: function(data,textStatus,jqXHR) {
				if(data['status'] == 'success') {
					window.location.href = "/feed";
					}
				else {
					$('#login-info').html(data['error']['message']);
					$('#login-info').addClass('alert alert-danger');
					}
				},
			error: function(jqXHR,textStatus,errorThrown) {
				}
			});
		e.preventDefault();
		});

$(window).load(function() {


	
	var maxthumbnailheightA = 0;
	var maxlistenthumbheight = 0;
	
	$('.img-explore-thumbnail').each(function(index) {
		maxthumbnailheightA = maxthumbnailheightA > $(this).parent().height() ? maxthumbnailheightA : $(this).parent().height();
		});

	$('.img-explore-thumbnail').each(function(index) {
 		$(this).parent().height(maxthumbnailheightA)
		});


	$('.learnmore-thumb').each(function(index) {
		maxlistenthumbheight = maxlistenthumbheight > $(this).height() ? maxlistenthumbheight : $(this).height();
		});

	$('.learnmore-thumb').each(function(index) {
 		$(this).height(maxlistenthumbheight)
		});

		
	});

$( window ).resize(function() {
	var maxthumbnailheight = 0;
	var maxlistenthumbheight = 0;
		
	$('.img-explore-thumbnail').each(function(index) {
		maxthumbnailheight = maxthumbnailheight > $(this).parent().height() ? maxthumbnailheight : $(this).parent().height();
		});

	$('.img-explore-thumbnail').each(function(index) {
 		$(this).parent().height(maxthumbnailheight)
		});		

	$('.learnmore-thumb').each(function(index) {
		maxlistenthumbheight = maxlistenthumbheight > $(this).height() ? maxlistenthumbheight : $(this).height();
		});

	$('.learnmore-thumb').each(function(index) {
 		$(this).height(maxlistenthumbheight)
		});	
		
	});	




		$('.edit-chirbit-icon').hover(function() {
			$(this).addClass('color-darkgrey');
		},function() {
			$(this).removeClass('color-darkgrey');
		});



	var bumpIt = function() {
		$('body').css('margin-bottom',$('.footer').height());
		},
		didResize = false;
		bumpIt();
	$(window).resize(function() {
		didResize = true;
		});
	setInterval(function() {
		if(didResize) {
			didResize = false;
			bumpIt();
			}
		},250);


	var a=document.title;
	window.onblur=function(){document.title=":) Chirbit"},window.onfocus=function(){document.title=a}
});





(function() {
  if (window.__twitterIntentHandler) return;
  var intentRegex = /twitter\.com(\:\d{2,4})?\/intent\/(\w+)/,
      windowOptions = 'scrollbars=yes,resizable=yes,toolbar=no,location=yes',
      width = 550,
      height = 420,
      winHeight = screen.height,
      winWidth = screen.width;
 
  function handleIntent(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        m, left, top;
 
    while (target && target.nodeName.toLowerCase() !== 'a') {
      target = target.parentNode;
    }
 
    if (target && target.nodeName.toLowerCase() === 'a' && target.href) {
      m = target.href.match(intentRegex);
      if (m) {
        left = Math.round((winWidth / 2) - (width / 2));
        top = 0;
 
        if (winHeight > height) {
          top = Math.round((winHeight / 2) - (height / 2));
        }
 
        window.open(target.href, 'intent', windowOptions + ',width=' + width +
                                           ',height=' + height + ',left=' + left + ',top=' + top);
        e.returnValue = false;
        e.preventDefault && e.preventDefault();
      }
    }
  }
 
  if (document.addEventListener) {
    document.addEventListener('click', handleIntent, false);
  } else if (document.attachEvent) {
    document.attachEvent('onclick', handleIntent);
  }
  window.__twitterIntentHandler = true;
}());



</script><!-- contextal js -->
		
<style>
html, body {font-family:Calibri, Helvetica, Arial, Sans-Serif;
}
.copy-box {margin:0px !important;padding:0px !important;width:180px;}
.copy-box-mobile {margin:0px !important;padding:0px !important;width:140px;}
.clip-it-btn {cursor:pointer;}
.clear-fix {clear:both;}
.cimage-img {cursor:pointer;cursor:hand;}

.navbar-brand {
	border:0px solid red;
	width:120px;
	height:50px;
	overflow:hidden;
	text-indent:-999px;
	background:url(/images/chirbit-logo-header.png);
	background-repeat:no-repeat;
	background-position:15px 12px;
	}

#chirbit-feed {

}

#chirbit-feed .media {padding-left: 15px;}

.cfmediaeven {background:url(/images/ffa398.png) #fff; background-repeat:repeat-y;}
.cfmediaodd {background:url(/images/5ed0da.png) #fff; background-repeat:repeat-y;}

#player-info {
	position:fixed;
	border-top:1px solid #d2d2d2;
	z-index:5;
	bottom:0px;
	width:100%;
	height:75px;
	background-color:#f5f5f5;
	
	}
.player-info-img-cell {width:50px;height:50px;}
.player-info-util {width:30px;height:50px;}
#player-info-img {width:50px;height:50px;}
	#player-info-title {overflow:hidden;}
#player-info-loading {display:block;background:url('/images/progress_bar.gif') #e1e1e1;background-position:0px 25%;height:10px;width:0%;}
.stop-all-btn {cursor:pointer;}

#content-wrapper {margin-top:100px;}
.playerbuttons {display:inline-block;}

#recordnav {
	padding:5px 0px 0px 0px;
	text-align:center;
	margin-top:50px;
	height:50px;
 	background:url(/images/trans-white-bar.png);
 	background-repeat:repeat-x;
 	background-position-bottom:0px;
 	z-index:4;
	}

html {
  position: relative;
  min-height: 100%;
	}

body {padding-bottom:30px;}
footer {bottom:0px;}



.img-explore-thumbnail {width:100%;border:1px solid #e1e1e1;}
.cimage-thumbs .thumbnail p {margin:0px 0px 2px 0px;}
.cimage-thumbs {padding:2px;}




.cimage-thumbs .cimage-caption {
	font-size:9pt;
	font-weight:bold;
	height:55px;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:5px 0px 0px 0px;
	}

.footer {
  position: absolute;

  width: 100%;
  background-color: #f5f5f5;
  padding:20px 0px 20px 0px;
	}
.img-profile-avatar {margin:0 auto;max-width:200px;}

.green {color:green;}
.red {color:red;}

.color-red {color:#ffa398;}
.color-orange {color:#ffc48c;}
.color-yellow {color:#f9fab4;}
.color-blue {color:#5ed0da;}
.color-green {color:#d0f7a6;}
.color-grey {color:#D7D7D7;}	 
.color-darkgrey {color:#333;}
.color-white {color:#fff; text-shadow:none;}
.color-alertgreen {color:#18bb07;}
.color-alertred {color:#bb3737;}
.color-blazeorange {color:#FF6600;}

.color-bg-red {background-color:#ffa398;}
.color-bg-orange {background-color:#ffc48c;}
.color-bg-yellow {background-color:#f9fab4;}
.color-bg-blue {background-color:#5ed0da;}
.color-bg-green {background-color:#d0f7a6;}
.color-bg-grey {background-color:#D7D7D7;}	 
.color-bg-darkgrey {background-color:#333;}
.color-bg-white {background-color:#fff; text-shadow:none;}
.color-bg-alertgreen {background-color:#18bb07;}
.color-bg-alertred {background-color:#bb3737;}
.color-bg-blazeorange {background-color:#FF6600;}

.max-alert-box {font-size:14pt;}

.media {padding:5px 0px 10px 0px;}
.media-heading h3 {margin:0px 0px 10px 0px; padding:10px 0px 0px 0px;font-weight:normal;font-size:14pt;}

.icontype-xs {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(https://img.chirbit.com/typeicons/icon.types.xs.png);
	overflow:hidden;
	text-indent:99999px;
	background-size:128px;
	vertical-align:middle;
	}

.icontype-chirbit {background-position:0px 0px;}
.icontype-music {background-position:-16px 0px;}
.icontype-branching_fiction {background-position:-32px 0px;}
.icontype-proverb {background-position:-48px 0px;}
.icontype-pronunciation {background-position:-64px 0px;}
.icontype-joke {background-position:-80px 0px;}
.icontype-toast {background-position:-96px 0px;}
.icontype-rant {background-position:-112px 0px;}
.icontype-rave {background-position:0px -16px;}
.icontype-apology {background-position:-16px -16px;}
.icontype-mytwocents {background-position:-32px -16px;}
.icontype-thought {background-position:-48px -16px;}
.icontype-bomb {background-position:-64px -16px;}
.icontype-sound {background-position:-80px -16px;}
.icontype-instrument {background-position:-96px -16px;}
.icontype-haiku {background-position:-112px -16px;}
.icontype-wtf {background-position:0px -32px;}
.icontype-pickup_line {background-position:-16px -32px;}
.icontype-verse {background-position:-32px -32px;}
.icontype-quote {background-position:-48px -32px;}
.icontype-confession {background-position:-64px -32px;}
.icontype-poetry {background-position:-80px -32px;}
.icontype-moviequote {background-position:-96px -32px;}
.icontype-motivation {background-position:-112px -32px;}
.icontype-audiobook {background-position:0px -48px;}
.icontype-podcast {background-position:-16px -48px;}
.icontype-evp {background-position:-32px -48px;}
.icontype-interview {background-position:-48px -48px;}
.icontype-sermon {background-position:-64px -48px;}
.icontype-nsfw {background-position:-80px -48px;}

.cac-button {height:30px;min-width:40px;font-size:12pt;margin-right:10px;}

.buttonbox{padding:10px 0px 10px 0px;}
.media-row {clear:both;}

.buttonbox a {color:#999;padding:0px 5px 0px 5px;}
.buttonbox a:hover {color:#ffa398;padding:0px 5px 0px 5px;text-decoration:none;}

.feedthumb{ display:inline-block; }
.cac-button {overflow:hidden;}
.media {border-bottom:1px solid #e1e1e1;}
.media-heading { padding-right:0px;	}
.media-body { padding-right:0px;}
.wavholder { position:relative; clear:both;height:100%;
	 
 }
.wavimg { position:relative; height:100%;


 }
 
.tlpictd {
	width:120px;
	height:120px;
}
 
 
.sm2_button{ color:#bcee86; cursor:pointer;cursor:hand;}
.sm2_button:hover {color:#ffa398;}
.sm2_button.sm2_playing {color:green;cursor:pointer;cursor:hand;}
.sm2_button.sm2_playing:hover {color:red;cursor:pointer;cursor:hand;}
.sm2_button.sm2_paused {color:#666;cursor:pointer;cursor:hand;}
.sm2_button.sm2_paused:hover {color:#333;cursor:pointer;cursor:hand;}

.loadbar {
	position:absolute;
	width:0%;
	height:100%;
	background-color:#666;
	}

.progbar {
	position:absolute;
	width:0%;
	height:100%;
	background-color:#ffa398;
	}

.progress_box {
	position:absolute;
	color:#d0f7a6;
	background:rgba(0,0,0,.65);
	padding:2px 5px 0px 5px;
	font-weight:normal;
	font-size:9pt;
	font-family:"Lucida Console", Monaco, monospace;
	left:10px;
	top:5px;
	z-index:3;
	}

.duration_box {
	position:absolute;
	color:#d0f7a6;
	background:rgba(0,0,0,.65);
	padding:2px 5px 0px 5px;
	font-weight:normal;
	font-size:9pt;
	font-family:"Lucida Console", Monaco, monospace;
	right:10px;
	top:5px;
	z-index:3;
	}

.flagchirbit {margin:5px 5px 5px 5px;}
.tag-label-01 {background-color:#ffa398;color:#333333;}
.tag-label-02 {background-color:#ffc48c;color:#333333;}
.tag-label-03 {background-color:#f9fab4;color:#333333;}
.tag-label-04 {background-color:#5ed0da;color:#333333;}
.tag-label-05 {background-color:#d0f7a6;color:#333333;}

.pro-badge-div {margin-bottom:5px;}
.pro-badge {padding:2px 5px 2px 5px;background-color:#ffa398;color:white;border-radius:2px;font-weight:bold;letter-spacing:.1em;}

.delete-playlist {cursor:pointer;}

#poMenu {z-index:999;}
.popover-content-pomenu {margin:0px; padding:0px;}
#create-btn .pocc {margin:0px;padding:0px;}
.tooltip-inner {
    min-width:120px;
}
.comment-list li {border-bottom:0px;}
.comment-list .well {margin-bottom:0px;}
.comment-list li .media {border-bottom:0px;padding:0px;}
.comment-list li .media .media-body {margin:5px 0px 5px 0px;}
.comment-list li .media .media-body .well {margin-bottom:0px;}
.comment-utilities-box {padding:5px 0px 10px 0px;}
.reply-btn {cursor:pointer;color:#5ed0da;}
.reply-btn:hover {color:#333;}
.comment-list li .media .media-body { padding-right:0px;}
.user-avatar {cursor:pointer;}
.profile-avatar-wrap h2 {font-size:24px;}

.examplebuttons {font-size:12pt;line-height:1.5em;}

.img-profile-avatar {margin:0 auto;max-width:200px;}
.profile-view-button {font-size:12pt;}
.pagination-sm li a {font-size:14pt;padding:5px 10px 5px 10px;}

#create-btns {
	position:fixed;
	top:50px;
	z-index:999;
}
#create-btns a {
	margin-left:5px;
	margin-right:5px;
}
.subnav {
	padding-top:10px;
	width:100%;
	height:50px;
	background:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
	text-align:center;
	}

.user-search-thumb {padding:5px;min-height:250px;}
.user-search-thumb h3 {text-align:center;font-size:12pt;font-weight:bold;margin:0px;}
.user-search-thumb h4 {text-align:center;font-size:10pt;margin:3px 0px 0px 0px;}
.user-search-thumb p {height:65px;overflow:hidden;text-overflow:ellipsis;padding:5px 10px 5px 10px;}
.player-bar-table td { border:0px !important;}

.wavimage {height:120px !important;}

.custom-pre {
margin:0px;
padding:0px 10px 0px 10px;
white-space:pre-wrap;
font-size:11px;
font-weight:bold;
background:#eeeeee;
line-height:1.3em;
overflow:auto;
font-family:"courier new", courier,monospace;
}



@media (max-width:767px) {
	.addtt {line-height:2em;height:35px;min-width:40px;font-size:12pt;margin-right:10px;text-align:center;vertical-align:middle;}
	.pagination-sm li a {font-size:18pt;padding:5px 10px 5px 10px;}
	.img-profile-avatar {margin:0 auto;max-width:200px !important;}
	.buttonbox a {font-size:22px;margin-right:5px;}
	.profile-view-button {font-size:16pt;}
	.flagchirbit {font-size:22px;margin:10px;}
	.wavimage {height:120px !important;}
	.cac-button {height:35px;width:40px;font-size:12pt;margin-right:10px;}
	.cac-button-text {
		text-indent:-999px;
		overflow:hidden;
		display:block;
		white-space:nowrap;
		}


	.media .btn {line-height:2em;height:35px;min-width:40px;font-size:12pt;margin-right:10px;text-align:center;vertical-align:middle;}
	}

@media (min-width:768px) {
	.cac-button {}
	.media .btn {line-height:2em;height:35px;min-width:40px;font-size:12pt;margin-right:10px;text-align:center;vertical-align:middle;}
	}

@media (min-width:992px) {
	.cac-button {}
	.media .btn {line-height:2em;height:35px;min-width:40px;font-size:12pt;margin-right:10px;text-align:center;vertical-align:middle;}
	}

@media (min-width:1200px) {
	.cac-button {}
	.media .btn {line-height:2em;height:35px;min-width:40px;font-size:12pt;margin-right:10px;text-align:center;vertical-align:middle;}
	}
.truncate {display:inline-block;margin-top:5px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
</style>
<style>

#mainmain {padding:40px 20px 40px 20px;}
#test {
	height:300px;
	background-image:url(/images/sound-005.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
.profile-fullname {font-weight:bold;font-size:12pt;margin:0px 0px 10px 0px;padding:0px;}
.profile-table th {font-size:12pt;}
.table th, .table td { 
	border-top: none !important; 
	}
.intro-big {font-size:16pt;}
.color-white {color:#ffffff;
	text-shadow: 1px 1px 2px #666;
	}
.color-lightgrey {color:#c2c2c2;}
.no-chirbits-posted p {font-size:12pt;}
.color-darkgrey {color:#666666;}	 
.img-responsive {
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
	}
</style>

<!-- SignIn -->
<div class="modal fade" id="login-form-modal" tabindex="-1" role="dialog" aria-labelledby="userProfileLabel" aria-hidden="true"><!-- start modal -->
  <div class="modal-dialog modal-sm"><!-- start modal-dialog -->
    <div class="modal-content"><!-- start modal-content -->
    	
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Sign In</h4>
      </div>
      
      <div class="modal-body"><!-- start modal-body -->
      	
				<div id="login-info"></div>

				<form role="form" id="login-form" action="/signin" method="POST">
					<div class="form-group">
						<label class="control-label" for="username">Username <span class="color-grey">[ not your email address ]</span></label>
						<input class="form-control" type="text" name="username" id="username" value="" placeholder="Username">
		 				<span class="error"></span>
					</div>
					<div class="form-group">
						<label for="password">Password</label>
						<input class="form-control"  type="password" name="password" id="password" placeholder="Password">
						<span class="error"> </span>
					</div>
					
					<div class="form-group">
						<div class="pull-right">
							<a href="/password-reset">Forgot password?</a>
						</div>
					</div>
					
					<div style="clear"></div>
					<br/>
					<br/>
					<div class="form-group pull-right">
						<button type="submit" class=" form-control btn btn-default">SIGN IN</button>
					</div>
					<br/>
					<br/>
				</form>

							</div><!-- end modal-body -->
		</div><!-- end modal-content -->
	</div><!-- end modal-dialog -->
</div><!-- end modal --><!-- SignUp -->


<!--


<div class="modal fade" id="signup-form-modal" tabindex="-1" role="dialog" aria-labelledby="userProfileLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Create Your Free Chirbit Account</h4>
        
      </div>
      <div class="modal-body">

<div id="signup-info"></div>
<p>Create a username for your account. No spaces or odd characters.</p>
<form role="form" id="signup-form" action="/signup" method="POST">

	<div class="form-group has-feedback">
		<label class="sr-only control-label" for="su_username">Username</label>
		<input data-status="0" class="form-control" type="text" name="su_username" id="su_username" value="" aria-describedby="usernameInputStatus" placeholder="Username - Do not use your email address">
		  <div id="su-username-error" class="form-control-feedback" aria-hidden="true"></div>
  		<div id="usernameInputStatus" class="sr-only">(success)</div>	
		<div class="suf-message pull-right" id="usernameinput-message"></div>
		
		
	</div>
	
	<div class="form-group has-feedback">
		<label class="sr-only control-label" for="su_password">Password</label>
		<input data-status="0" class="form-control"  type="password" name="su_password" id="su_password" placeholder="Password">
		  <div id="su-password-error" class="form-control-feedback" aria-hidden="true"></div>
  		<div id="passwordInputStatus" class="sr-only">(success)</div>
  		<div class="suf-message pull-right"  id="passwordinput-message"></div>
	</div>
	
	<div class="form-group has-feedback">
		<label class="sr-only control-label" for="su_confirmpassword">Confirm Your Password</label>
		<input data-status="0" class="form-control"  type="password" name="su_confirmpassword" id="su_confirmpassword" placeholder="Confirm Your Password">
		  <div id="su-confirmpassword-error" class="form-control-feedback" aria-hidden="true"></div>
  		<div id="confirmpasswordInputStatus" class="sr-only">(success)</div>
  		<div class="suf-message pull-right"  id="confirmpasswordinput-message"></div>			
	</div>	

	<div class="form-group has-feedback">
		<label class="sr-only control-label" for="su_emailinput">Email</label>
		<input data-status="0" class="form-control"  type="text" name="su_emailinput" id="su_emailinput" placeholder="Valid Email Address">
		  <div id="su-emailinput-error" class="form-control-feedback" aria-hidden="true"></div>
  		<div id="emailInputStatus" class="sr-only">(success)</div>
  		<div class="suf-message pull-right" id="emailinput-message"></div>	
	</div>
	
	<div class="form-group has-feedback">
		<label class="sr-only control-label" for="su_humaninput">What is 2+3</label>
		<input data-status="0" class="form-control"  type="text" name="" id="su_humaninput" placeholder="Human? O.K. then, what is 2+3">
		  <div id="su-humaninput-error" class="form-control-feedback" aria-hidden="true"></div>
  		<div id="humaninputInputStatus" class="sr-only">(success)</div>
  		<div class="suf-message pull-right"  id="humaninput-message"></div>	
	</div>		
	
<div class="clearfix"></div>
Submit button will become active when form is filled out completely.<br/>
<strong>If the submit button does not activate, try clicking into a previous field<br/>after filling out the last question.</strong>
<br/>
<span class="red">If you use an invalid email address you will not be able to post content.</span><br/>

	<span>Check our <a href="/faq">FAQ</a> if you are having trouble with signing up.</span>
	<div class="form-group pull-right">
	<button id="su-form-submit-btn" type="submit" class="btn btn-default">Submit</button>
	</div>
<br/><br/>
<span>If your email is on the <strong class="red">att.net</strong> or <strong class="red">sbcglobal.net</strong> domain you will <strong>not</strong> receive our verification email because they have blocked our emails. We have contacted att/sbcglobal and they are not responding. <strong>Please use another email address or contact them about unblocking us.</strong></span><br/><br/>
</form>

-->


<script>

$(document).ready(function() {
	console.log('a');
	$('#su-form-submit-btn').attr("disabled","disabled"); 
 
	$('#su_username').blur( function(e) {
		var sss = $(this).val();

		if(sss == '' ) {
			$('#su_username').parent().removeClass('has-success').addClass('has-error');
			$('#su-username-error').addClass('fa fa-ban color-alertred');
			}
		else {
			}
		});


	$('#su_password').bind('change paste keyup',function(e) {
		var sup = $(this).val();
		if(sup.length < 5) {
			$('#su_password').parent().removeClass('has-success').addClass('has-error');
			$('#su-password-error').addClass('glyphicon glyphicon-warning-sign');
			$('#passwordinput-message').html('password must be longer than 5 characters.');
			$('#su_password').data('status','0');	
			}

		else if (hasWhiteSpace(sup)) {
			$('#su_password').parent().removeClass('has-success').addClass('has-error');
			$('#su-password-error').addClass('glyphicon glyphicon-warning-sign');
			$('#passwordinput-message').html('spaces not allowed in password');
			$('#su_password').data('status','0');	
		}

		else {
			$('#su_password').parent().removeClass('has-error').addClass('has-success');
			$('#su-password-error').removeClass('glyphicon glyphicon-warning-sign').addClass('glyphicon glyphicon-ok');
			$('#passwordinput-message').html('password length is OK');
			$('#su_password').data('status','1');
			}
	});


	$('#su_confirmpassword').bind('change paste keyup',function(e) {
		var sup = $(this).val();
		var othersup = $('#su_password').val();
		if(sup != othersup) {
			$('#su_confirmpassword').parent().removeClass('has-success').addClass('has-error');
			$('#su-confirmpassword-error').addClass('glyphicon glyphicon-warning-sign');
			$('#confirmpasswordinput-message').html('Passwords do not match. please check them.');
			$('#su_confirmpassword').data('status','0');	
			}
		else {
			$('#su_confirmpassword').parent().removeClass('has-error').addClass('has-success');
			$('#su-confirmpassword-error').removeClass('glyphicon glyphicon-warning-sign').addClass('glyphicon glyphicon-ok');
			$('#confirmpasswordinput-message').html('Passwords match!!');
			$('#su_confirmpassword').data('status','1');
			}
		});

	
	$('#signup-form input').bind('change keyup',function(e) {
		if($('#su_humaninput').val() == '5') {
			$('#su_humaninput').data('status','1');
			}
		else {
			$('#su_humaninput').data('status','0');
			}
		var cf = checkForm();
		if( cf == true ) {
			$('#su-form-submit-btn').removeAttr("disabled");
			}
		else {
			$('#su-form-submit-btn').attr("disabled","disabled");
			}
		});


	$('#su_username').change( function(e) {
		var sss = $(this).val();
		if(sss == '' ) {
			$('#su_username').parent().removeClass('has-success').addClass('has-error');
			$('#su-username-error').addClass('fa fa-ban color-alertred');
			$('#usernameinput-message').html('Username is blank please add a username.');
			$('#su_username').data('status','0');
			$('#signup-form input').trigger('event');
			}
		else if(sss.indexOf(' ') >= 0) {
			$('#su_username').parent().removeClass('has-success').addClass('has-error');
			$('#su-username-error').removeClass('glyphicon glyphicon-ok color-alertgreen').addClass('glyphicon glyphicon-warning-sign color-alertred');
			$('#usernameinput-message').html(sss + ' has spaces in it. Please remove spaces in username.');
			$('#su_username').data('status','0');
			$('#signup-form input').trigger('event');
			}
		else if(!sss.match(/^[0-9a-zA-Z]+$/)) {
			$('#su_username').parent().removeClass('has-success').addClass('has-error');
			$('#su-username-error').removeClass('glyphicon glyphicon-ok color-alertgreen').addClass('glyphicon glyphicon-warning-sign color-alertred');
			$('#usernameinput-message').html(sss + ' contains an invalid character.');
			$('#su_username').data('status','0');
			$('#signup-form input').trigger('event');
			}



		else {
			$.ajax( {
				url: '/checkusername',
				type: "POST",
				data: {username:sss},
				success: function(data,textStatus,jqXHR) {
					if(data['status'] == 'success') {
						$('#su_username').parent().removeClass('has-error').addClass('has-success');
 						$('#su-username-error').removeClass('glyphicon glyphicon-warning-sign').addClass('glyphicon glyphicon-ok color-alertgreen');
 						$('#usernameinput-message').html(data['message']);
 						$('#su_username').data('status','1');
 						$('#signup-form input').trigger('event');
						}
					else {
						$('#su_username').parent().removeClass('has-success').addClass('has-error');
				 		$('#su-username-error').addClass('glyphicon glyphicon-warning-sign color-alertred');
				 		$('#usernameinput-message').html(data['message']);
				 		$('#su_username').data('status','0');
				 		$('#signup-form input').trigger('event');
						}
					},
				error: function(jqXHR,textStatus,errorThrown) {
					}
				});
			}
		e.preventDefault();		
		});


	$('#su_emailinput').bind('change paste keyup', function(e) {
		var sss = $(this).val();
		if(sss == '' ) {
			$('#su_emailinput').parent().removeClass('has-success').addClass('has-error');
			$('#su-emailinput-error').addClass('glyphicon glyphicon-warning-sign');
			$('#emailinput-message').html('Email address is blank. Please add a valid email address.');
			$('#su_emailinput').data('status','0');
			$('#signup-form input').trigger('event');
			}
		else if(is_email(sss)) {

			$.ajax( {
				url: '/checkemail',
				type: "POST",
				data: {email:sss},
				success: function(data,textStatus,jqXHR) {
					if(data['status'] == 'success') {

			$('#su_emailinput').parent().removeClass('has-error').addClass('has-success');
			$('#su-emailinput-error').removeClass('glyphicon glyphicon-warning-sign').addClass('glyphicon glyphicon-ok');
			$('#emailinput-message').html(sss + ' appears to be valid.');
			$('#su_emailinput').data('status','1');
			$('#signup-form input').trigger('event');
						}
					else {
			$('#su_emailinput').parent().removeClass('has-success').addClass('has-error');
			$('#su-emailinput-error').addClass('glyphicon glyphicon-warning-sign');
			$('#emailinput-message').html(data['message']);
			$('#su_emailinput').data('status','0');
			$('#signup-form input').trigger('event');
						}
					},
				error: function(jqXHR,textStatus,errorThrown) {
					}
				});			
			}
		else {
			$('#su_emailinput').parent().removeClass('has-success').addClass('has-error');
			$('#su-emailinput-error').addClass('glyphicon glyphicon-warning-sign');
			$('#emailinput-message').html(sss + ' is not a valid email address.');
			$('#su_emailinput').data('status','0');
			$('#signup-form input').trigger('event');
			}
		e.preventDefault();		
		});	


	$('#signup-form').submit(function(e){
		var formURL = $(this).attr("action");
		var postData = $(this).serializeArray();
		$.ajax({
			url: formURL,
			type: "POST",
			data: postData,
			complete: function(data) {
				},
			success: function(data,textStatus,jqXHR) {
				if(data.status == 'success') {
					$('#signup-info').html('<div id="sib"></div>');
					$('#sib').html(data.message);
					$('#sib').addClass('alert alert-success').delay(3000).slideUp({speed:'1000',preDelay:'10000'});
					
					}
				else {
					if(data.message != '') {
						$('#signup-info').html('<div id="sib"></div>');
						$('#sib').html(data.message);
						$('#sib').addClass('alert alert-danger').delay(3000).slideUp({speed:'1000',preDelay:'10000'});					
						}
					else {
						}
					}
				},
			error: function(jqXHR,textStatus,errorThrown) {
				alert(jqXHR + textStatus + errorThrown);
				}
			});
		e.preventDefault();
		});


	function checkForm() {
		var sa = $('#su_username').data('status');
		var sb = $('#su_password').data('status');
		var sc = $('#su_confirmpassword').data('status');
		var sd = $('#su_humaninput').data('status');
		var se = $('#su_emailinput').data('status');
		if(sa == '1'  && sb == '1' && sc == '1' && sd == '1' && se == '1' ) {
			return true;
			}
		else {
			return false;
			}
		}

	});

function hasWhiteSpace(s) {
  return s.indexOf(' ') >= 0;
}

function is_email(email){ 
	var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	return emailReg.test(email);
	} 		

</script>

<style>
.su-alert {
	clear:both;
	display:inline-block;
	padding:3px 10px 3px 10px;
	margin:10px 0px 0px 0px;
	}
.suf-message {
	margin:2px 0px 0px 0px;
	font-size:12pt;
}
</style>



      </div>
    </div>
  </div>
</div>	


<!-- Comment Modal -->
<div class="modal fade" id="comments-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">


    </div>
  </div>
</div>

<!-- Multi Modal -->
<div class="modal fade" id="multi-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    </div>
  </div>
</div>

<!-- Sign Up Modal -->
<div class="modal fade" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    
    
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	<h4 style="text-align:center;" class="modal-title color-darkgrey">Sign Up for Chirbit</h4>
</div>

<div style="font-size:14pt;text-align:center;" class="modal-body">
<p><img style="margin:0 auto;max-width:200px;" class="img-responsive" src="/images/chirbit-logo-blue.png"></p>
<p>Sign up and start sharing your audio today.</p>
<p>Join the chirbit community and explore the whole spectrum of user created audio content.</p>


</div>    
    
<div class="modal-footer">
 <h4 style="text-align:center;" class="modal-title color-darkgrey">Already have an account? <a href="/signin">Sign In &raquo;</a></h4>
</div>    
    
    </div>
  </div>
</div>		






<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-8200751-1', 'auto');
  ga('send', 'pageview');

</script>
   </body>
</html>