@font-face 
{
	font-family: "Audiowide Regular";
	src: url("../includes/fonts/audiowide-regular-webfont.eot");
	src:
	url("../includes/fonts/audiowide-regular-webfont.woff") format("woff"),
	url("../includes/fonts/audiowide-regular-webfont.otf") format("opentype"),
	url("../includes/fonts/audiowide-regular-webfont.svg#filename") format("svg");
}

body
{
	margin:0;
	padding:0;
	background:url("../img/m31background.jpg");
	background-size: cover;
	font-family: sans-serif;
	color:#999999;
	text-align:left;
}

.transparent
{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:450px;
	height:600px;
	padding:20px 20px;
	box-sizing: border-box;
	background:rgba(0,0,0,0.5);
}

.menubar
{
	text-align: center;
	width: 100%;
	margin: auto;
	font-family: 'Audiowide Regular', Arial, sans-serif;
}
	
a:link
{
	color:#CCCCCC;
}

a:visited
{
	color:#AAAAAA;
}

a:hover
{
	color:#CCCCFF;
}

h1 
{
	font-family: 'Audiowide Regular', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
}		
#sidebar {
        position: fixed;
        left: 0;
        top: 150px;
        padding: 0;
        padding: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #333;
        border: 2px solid #888;
        border-left: none;
        z-index: 2;
}

#sidebar li {
        list-style: none;
        padding: 2px 0
}

#sidebar li i {
        cursor: pointer;
        color: #888;
        margin: 2px 0;
}

#sidebar li i:hover,
#sidebar li i.active {
        color: orange;
}