html, body {
    height: 100%;
}

body{
	color:white;
	font-family: 'Quicksand','Arial', 'Helvetica', sans-serif;
	background:black;
	background-image: url('/images/background.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

a{color:red;text-decoration:none;}
a:hover{color:purple;}
ul{-webkit-padding-start: 0px;}

#sitecontainer{
    background: black;
    background: rgba(255, 255, 255, 0.1);
	width:100%;
	margin:0 auto;
	max-width:1024px;
}

ul.nav{
	text-align:center;
	font-weight: bold;
	margin: 5px auto;
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding: 10px 0px;
	width:90%;
	font-size: 1.5em;
}

ul.nav li{
	display:inline-block;
	width: 20%;
	margin: 0% 5%;
}

ul.nav a{color:white;}

#content{
	margin: 10px auto;
	width:85%;
}

#cdWithTracks{
	padding:5px;
}

#cdWithTracks img {
	display:inline-block;
}

#cdWithTracks ul {
	list-style-type: decimal;
	list-style-position: inside;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

#footer{
	border-top:1px solid white;
	padding-top: 10px;
	text-align:center;
	width:90%;
	margin:auto;
	font-weight:bold;
}

.socialbuttons {
	list-style:none;
	margin:auto;
}

.socialbuttons ul {
display:inline-block;
vertical-align:center;
text-align:center;
list-style-type:none;
}

.socialbuttons li{
	display:inline-block;
	padding:5px;
	vertical-align: middle;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	margin-bottom: 5px;
}

.myButton a {color:white !important;}

.myButton:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.myButton:active {
	position:relative;
	top:1px;
}