html,
body
	{
		height: 100%;
		margin: 10px 10px 10px 10px;
		background-color: black;
		font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans", "Helvetica", "Verdana", "sans-serif"; 
		color: white;
	}

.outer_container
	{
		max-width: 960px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

#header
	{
		position: relative;
		margin: 10px 10px 10px 10px;
		top: 0;
		left: 0;
		height: 80px;
		width: 100%;
	}

#navbar
	{
		position: relative;
		margin: 10px 10px 10px 10px;
		top: 0;
		height: 60px;
		width: 100%;
	}

#main_frame
	{
		position: relative;
		top: 0;
		margin: 10px 10px 10px 10px;
		height: calc(100vh - 300px);
		width: 100%;
		overflow: auto; 
		color: white;
	}
	
.content
	{
		position: relative;
		font-size: 11px;
	}

.recordings-table
	{
		position: relative;
		font-size: 10px;
	}

.recordings-table th
	{
		text-align: left;
		padding-right: 20px;
		padding-top: 10px;	
	}

.recordings-table td
	{
		text-align: left;
		padding-right: 20px;	
	}

.date
	{
		white-space: nowrap;
	}

.gig-table
	{
		position: relative;
		margin-right: 50px;
		font-size: 10px;
	}
	
.gig-table th, td
	{
		text-align: left;
		padding-right: 30px;	
	}

.song
	{
		display: none;
		position: fixed;
		width: auto;
		height: auto;
		top: 35%;
		left: 25%;
		font-size: 12px;
		color: #000000;
		background-color: #BDBDBD;
		border: solid 3px #585858;
		border-radius: 10px;
	}

.container 
	{
		width: 300px;
		clear: both;
	}

.container input 
	{
		width: 75%;
		clear: both;
		float: right;
	}

#footer
	{
		clear: both;
		position: relative;
		bottom: 0;
		left: 0;
		margin: 10px 10px 10px 10px;
		height: 80px;
		width: 100%;
		padding: 0 0 10px;
		font-size: 10px;
	}

#lfooter
	{
		position: relative;
		bottom: 0;
		left: 0;
		height: 80px;
		width: 50%;
	}

#rfooter
	{
		position: absolute;
		bottom: 0;
		right: 0;
		height: 80px;
		width: 50%;
	}

h1
	{
		font-size: 20px;
	}
	
h2
	{
		font-size: 15px;
	}

h3
	{
		font-size: 15px;
		font-weight: bold;
	}

h4
	{
		font-size: 12px;
		font-weight: bold;
	}

img
	{
		border: none;
	}
	
.center 
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

a:link
	{
		color: white;
	}

a:visited
	{
		color: white;
	}

a:hover
	{
		color: #808080;
	}

a:active
	{
		color: #ff0000;
	}