body {
	font-size: 11px;
	font-family: Arial;
	background-repeat: repeat-x;
	background-image: url(../graphics/blue.png);
	padding: 0px;
	margin: 0px;
	text-shadow: 0px 1px 2px #cccccc;
}

#logo {
	width: 100%;
	height: 105px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../graphics/logo.png);
}

#wrap {
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}

#top {
	margin-bottom: 40px;
	text-align: center;
}

#top p {
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 0px;
}
#top p.note {
	color: #666666;
	font-size: 11px;
}

#left {
	margin-bottom: 20px;
	text-align: justify;
	margin-right: 20px;
	float: left;
	width: 500px;
	color: #333333;
}

#left #playlist {
	margin-bottom: 40px;
}

#left #playlist p {
	margin: 0px;
}

#left #playlist #soundcloud {
	background-color: #eeeeee;
	height: 300px;
	width: 500px;
}

#left #info {
	margin-bottom: 40px;
}

#left h2 {
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 12px;
}

#left #a {
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
	width: 240px;
}
#left #b {
	float: left;
	width: 240px;
}
#left #c {
	margin-bottom: 20px;
	width: 500px;
	clear: both;
}
#left #faq {
	margin-bottom: 40px;
}
#left #faq h1 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
}
#left #faq p {
	margin-bottom: 10px;
	margin-top: 0px;
}
#left #feedback {
	background-color: #f9f9f9;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}
#left #feedback h1 {
	font-size: 14px;
}
#left #feedback p.quote {
    text-align: left;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 14px;
}

#left #feedback p.source {
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: right;
    color: #666666;
}

#left #feedback p.source a {
    color: #666666;
}
#right {
	margin-bottom: 20px;
	float: left;
	width: 480px;
}

#right #distribution {
	text-align: center;
	background-color: #eeffff;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-color: #99ccff;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}
#right #distribution p {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16px;
}

#right #releases {
    margin-bottom: 40px;
    padding-right: 9px;
    padding-left: 9px;
    padding-top: 9px;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    background-color: #f9f9f9;
}

#right #releases .release {
    padding-bottom: 7px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 10px;
}

#right #releases .release .album {
    margin-right: 10px;
    float: left;
    height: 135px;
    width: 135px;
}

#right #releases .release .info {
    padding-top: 5px;
    width: 315px;
    float: left;
}

#right #releases .release .info h2 {
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 16px;
}

#right #releases .release .info h3 {
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 12px;
}

#right #releases .release .info p {
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 11px;
}

#right #releases .release .play {
    float: left;
    margin-right: 10px;
    height: 23px;
    width: 46px;
}

#right #releases .release .download {
    text-align: right;
    font-weight: bold;
    float: left;
    width: 259px;
}

#right #support {
	margin-bottom: 10px;
	padding: 10px;
	border-color: #ff9900;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffee;
}

#right #support .left {
	height: 60px;
	float: left;
}

#right #support #help h2 {
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 12px;
}

#right #support #help p {
	margin-top: 0px;
	width: 270px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 11px;
}

#right #upvote {
	padding-top: 10px;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}
#right #upvote div {
	text-align: center;
	margin-right: 2px;
	float: left;
	list-style-type: none;
	width: 60px;
}

#right #stalking {
	margin-bottom: 40px;
	text-align: center;
	float: left;
	width: 250px;
}

#right #facebook {
	margin-bottom: 50px;
	height: 350px;
	width: 210px;
	margin-right: 20px;
	float: left;
}

#right #twitter {
}

#right #twitter .tweet {
    border-bottom-color: #cccccc;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}

#right #twitter .tweet img {
    margin-right: 10px;
    float: left;
    height: 32px;
    width: 32px;
}

#right #twitter .tweet .status {
    margin-top: 0px;
    margin-bottom: 5px;
}

#right #twitter .tweet .details {
    color: #666666;
    margin-bottom: 0px;
    margin-top: 0px;
}

#right #twitter .tweet .details a {
    color: #666666;
}

#right #twitter .follow {
}
#end {
	color: #ffffff;
	text-shadow: 0px 0px 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
	width: 1000px;
	background-color: #77bee3;
}

#end a {
	text-decoration: underline;
	color: #ffffff;
}
#buttons {
	width: 1000px;
	text-align: center;
	margin-bottom: 40px;
}

.cover {
	height: 135px;
	width: 135px;
	background-repeat: no-repeat;
	background-image: url(../graphics/covers.png);
	margin-right: 10px;
	float: left;
}

#cover1 {
	background-position:0px 0px;
}
#cover2 {
	background-position:-135px 0px;
}
#cover3 {
	background-position:-270px 0px;
}
#cover4 {
	background-position:-405px 0px;
}
#cover5 {
	background-position:-540px 0px;
}

.title {
	clear: both;
	height: 30px;
	width: 300px;
	background-repeat: no-repeat;
	background-image: url(../graphics/titles.png);
	margin-bottom: 10px;
}

#title1 {
	background-position:0 0px;
}
#title2 {
	background-position:0 -30px;
}
#title3 {
	background-position:0 -60px;
}
#title4 {
	background-position:0 -90px;
}
#title5 {
	background-position:0 -120px;
}
#title6 {
	background-position:0 -150px;
}
#title7 {
	background-position:0 -180px;
}
#title8 {
	background-position:0 -210px;
}

.icon {
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-image: url(../graphics/icons.png);
}

#icon1 {
	background-position:0px 0px;
}
#icon2 {
	background-position:-60px 0px;
}
#icon3 {
	background-position:-120px 0px;
}
#icon4 {
	background-position:-180px 0px;
}
#icon5 {
	background-position:-240px 0px;
}
#icon6 {
	background-position:-300px 0px;
}
#icon7 {
	background-position:-420px 0px;
}
#icon8 {
	background-position:-660px 0px;
}

a img {
	border-width: 0;
}

a {
	text-decoration: none;
	color: #0066ff;
}

a:active {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

#progress {
	padding-top: 10px;
	clear: both;
}

#progress div {
	border-color: #990000;
	border-style: solid;
	border-width: 1px;
	background-color: #ffcccc;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
}

#progress div img {
	width: 2px;
	height: 10px;
}

#progress p {
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}
.clear {
    clear: both;
    height: 1px;
}