/* ------------------------------ 
              tiber sux             
   ------------------------------*/


/* ------------------------------ 
        u a gotta flip some shit               
   ------------------------------*/

html {
	background-image: url(/themoneytape/img/bg.gif);
	background-size: auto;
	background-repeat: repeat;
	background-color: #0c0c0c;
	
	}
	
body {
	margin: 0 !important;
    padding: 0 !important;
	text-align: center;
	font-size: 50px;
	font-family: Helvetica, Sans-Serif;
	}

img { /* needed for firefox */
	border: 0px;
	}
		
a {
	color: #000000;
	text-decoration: none;
	}
	
a:hover {
	font-style: italic;
	text-decoration: none;
	}
	
/* ------------------------------ 
     who up smikkity smacc dat likkity like           
   ------------------------------*/
    
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

#headerbox {
	background-image: url(/themoneytape/img/high.gif);
	text-align: center;
	margin: 0 auto;
	width: 540px;
	height: 50px;
	}

#headerbox a {
	color: #3b4462;
	text-shadow: 3px 3px #e3e4e8;
	font-size: 40px;
	font-weight: bold;
	}
	
#headerbox a:hover {
	color: #959dae;
	font-style: normal;
	text-shadow: 3px 3px #e3e4e8;
	}
	
ol, ul {
	list-style: none;
	}

ul.navlinks {
	margin-left: 100px;
	margin-bottom: 0;
	}

.navlinks li {
	float: left;
	padding-left: 100px;
	margin: 0;
	list-style-type: none;
	}
	
#home a:active {
	color: #ff008a;
	text-shadow: 3px 3px #e3e4e8;
	}
	
#drumkit a:active {
	color: #00f0ff;
	text-shadow: 3px 3px #e3e4e8;
	}
	
#contact a:active {
	color: #fffc00;
	text-shadow: 3px 3px #e3e4e8;
	}
	
/* ------------------------------ 
       mama u fucked up           
   ------------------------------*/

#vimeo {
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 auto;
	width: 540px;
}

#scembed {
	padding-bottom: 25px;
	margin: 0 auto;
	width: 540px;
}


#tracklist {
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	font-style: italic; 
	text-shadow: 3px 3px #676767;
	margin: 0 auto;
	width: 540px;
	padding-top: 25px;
	padding-bottom: 25px;
	}
	
#tracklist a {
	color: #ffffff;
	font-style: italic; 
	text-shadow: 3px 3px #ff008a;
	}
	
#tracklist a:hover {
	font-style: italic; 
	color: #00f0ff;
	text-shadow: 3px 3px #fffc00;
	}
	
#padding {
	padding-top: 25px;
}

#container {
	text-align: left;
	background: #ffffff; 
	margin: 0 auto;
	width: 540px;
	}
	
#intro {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
	text-shadow: 2px 2px #d2d2d2;
	font-size: 21px;
	font-weight: normal;
}

#linerider {
	background: #000000; 
	margin: 0 auto;
	height: 1px;
	width: 250px;

}
	
#madeby {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	text-shadow: 3px 3px #d2d2d2;
	font-size: 40px;
	font-weight: bold;
}

#tomorrow {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	text-shadow: 3px 3px #00f0ff;
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
}

#unbold {
	font-weight: normal;
	display: inline;
}

#willy {
	display: inline;
	}

#willy a:hover {
	color: #00f0ff;
	text-shadow: 3px 3px #fffc00;
	}
	
#willy a:active {
	color: #fffc00;
	font-style: italic; 
	text-shadow: 3px 3px #00f0ff;
	}
	
#peter {
	display: inline;
	}
	
#peter a:hover {
	color: #ff008a;
	text-shadow: 3px 3px #00f0ff;
	}
	
#peter a:active {
	color: #00f0ff;
	font-style: italic; 
	text-shadow: 3px 3px #ff008a;
	}
	
	
#cabu {
	font-size: 40px;
	}
	
#cabu a:hover {
	color: #fffc00;
	text-shadow: 3px 3px #00f0ff;
	}
	
#cabu a:active {
	color: #00f0ff;
	font-style: italic; 
	text-shadow: 3px 3px #fffc00;
	}
	
#elena a:hover {
	color: #fffc00;
	text-shadow: 3px 3px #ff008a;
	}
	
#elena a:active {
	color: #ff008a;
	font-style: italic; 
	text-shadow: 3px 3px #fffc00;
	}
	
#download {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 50px;
}

#download a {
	text-shadow: 3px 3px #d2d2d2;
	font-weight: bold;
}

#bandcamp {
	display: inline;
	}
	
#toneden {
	display: inline;
	}
	
#mediafire {
	display: inline;
	}
	
#bandcamp a:hover {
	color: #ff008a;
	text-shadow: 3px 3px #fffc00;
	}
	
#bandcamp a:active {
	color: #fffc00;
	font-style: italic; 
	text-shadow: 3px 3px #ff008a;
	}
	
#toneden a:hover {
	color: #fffc00;
	text-shadow: 3px 3px #00f0ff;
	}
	
#toneden a:active {
	color: #00f0ff;
	font-style: italic; 
	text-shadow: 3px 3px #fffc00;
	}
	
#mediafire a:hover {
	color: #00f0ff;
	text-shadow: 3px 3px #ff008a;
	}
	
#mediafire a:active {
	color: #ff008a;
	font-style: italic; 
	text-shadow: 3px 3px #00f0ff;
	}
	
/* ------------------------------ 
        big bear doin thangs               
   ------------------------------*/
	
#moneybois {
	background-image: url(/themoneytape/img/moneybois.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 250px;
	float: left;
	padding-right: 15px;
	padding-bottom: 2px;
	}
	
#highmid {
	background-image: url(/themoneytape/img/highmid.gif);
	width: 540px;
	height: 100px;
	}
	
#crooksmid {
	background-image: url(/themoneytape/img/crooks.gif);
	width: 540px;
	height: 100px;
	}
	
#lowmid {
	background-image: url(/themoneytape/img/lowmid.gif);
	width: 540px;
	height: 100px;
	}
	
	
#low {
	background-image: url(/themoneytape/img/low.gif);
	width: 540px;
	height: 100px;
	}
	
#padder {
	padding-bottom: 25px;
	margin: 0 auto;
	width: 540px;
}
	
#legends {
	padding-top: 25px;
	cursor: hand;
	margin: 0 auto;
	width: 540px;
	height: 162px;
}

#logocont {
	margin: 0 auto;
	width: 600px;
	}

#logo {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 7px;
	padding-left: 14px;
	float: left;
	cursor: hand;
	width: 479px;
	height: 74px;
}

#downlogo {
	padding-top: 25px;
	margin: 0 auto;
	cursor: hand;
	width: 479px;
	height: 74px;
}

#earthl {
	padding-top: 37px;
	padding-bottom: 25px;
	float: left;
	width: 50px;
	height: 50px;
}

#earthr {
	padding-top: 37px;
	padding-bottom: 25px;
	float: left;
	width: 50px;
	height: 50px;
}


#signature {
	padding-bottom: 25px;
	color: #565656;
	font-size: 12px;
	text-shadow: 2px 2px #252525;
	margin: 0 auto;
	width: 540px;
}

#signature a {
	color: #565656;
}

#signature a:hover {
	color: #888888;
}

#dk-info {
	width: 540px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: justify;
	font-size: 30px;
}

#soundcloud {
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 auto;
	width: 540px;
}

#buyme {
	padding-top: 25px;
	margin: 0 auto;
	text-align: center;
	width: 540px;
}

/* ------------------------------ 
        play button               
   ------------------------------*/

.video {
    width: 540px;
    border: 1px solid black;
}
.wrapperplay{
    display:table;
    width:auto;
    position:relative;
    width:540px;
}
.playpause {
    background-image:url(http://png-4.findicons.com/files/icons/2315/default_icon/256/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:540px;
    height:540px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}