body {
	background-color: 		#FFCC00;
	font-family: 				Arial;
	font-size: 					14px;
	font-weight:				bold;
	margin:	 					0px;
	text-align:					justify;
}

#column {
	width:						950px;
	margin-left:				auto;
	margin-right:				auto;
	position:					relative;
}

#leftcolumn {
	float:						left;
	width:						500px;
}

#rightcolumn {
	float:						right;
	width:						430px;
}

#header {
	width:						950px;
	height:						130px;
}

#remixtool {
	width:						1000px;
	height:						525px;
	clear:						both;
}

#cc {
	width:						950px;
	font-size:					10px;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					right;
}

#ccindex {
	width:						950px;
	font-size:					10px;
	margin-left:				auto;
	margin-right:				auto;
}

#ccindex .credit {
	float:						right;
	width:						250px;
	text-align:					right;
}

#ccindex .support {
	float:						left;
	width:						250px;
	text-align:					left;
}

.fullcopy {
	width:						1000px;
}

#youtube {
	width:						325px;
	height:						270px;
	margin-left:				325px;
}

/* INDEX PAGE SECTION FOR VARIONS BUTTONS */

#buttondiv {
	position:					relative;
	width:						950px;
	height:						370px;
	background-image:			url('./img/buttondiv.png');
	background-position:		top;
	background-repeat:		no-repeat;
}

#buttondiv #create {
	position:					absolute;
	top:							100px;
	left:							144px;
	width:						215px;
	height:						50px;
}

#buttondiv #submit {
	position:					absolute;
	top:							165px;
	left:							144px;
	width:						215px;
	height:						50px;
}

#buttondiv #view {
	position:					absolute;
	top:							230px;
	left:							144px;
	width:						215px;
	height:						50px;
}

#buttondiv #createcover {
	position:					absolute;
	top:							100px;
	left:							590px;
	width:						215px;
	height:						50px;
}

#buttondiv #submitcover {
	position:					absolute;
	top:							165px;
	left:							590px;
	width:						215px;
	height:						50px;
}

#buttondiv #covergallery {
	position:					absolute;
	top:							230px;
	left:							590px;
	width:						215px;
	height:						50px;
}

#buttondiv #logon {
	position:					absolute;
	top:							310px;
	left:							144px;
	width:						215px;
	height:						50px;
}

#buttondiv #register {
	position:					absolute;
	top:							310px;
	left:							590px;
	width:						215px;
	height:						50px;
}

#indexbuy {
	position:					relative;
	width:						480px;
	height:						163px;
	background-image:			url('./img/buybg.png');
	background-repeat:		no-repeat;
	margin-top:					38px;
}

/* SAME DEFINITIONS BUT FOR THE SIGNUP PAGE */

#indexcompcopy {
	position:					relative;
	width:						500px;
	height:						300px;
	margin-top:					14px;
	background-image:			url('./img/indexcompcopy.png');
	background-position:		top;
	background-repeat:		no-repeat;
}

#indexcompcopy #create {
	position:					absolute;
	top:							100px;
	left:							14px;
	width:						215px;
	height:						50px;
}

#indexcompcopy #submit {
	position:					absolute;
	top:							160px;
	left:							14px;
	width:						215px;
	height:						50px;
}

#indexcompcopy #view {
	position:					absolute;
	top:							220px;
	left:							14px;
	width:						215px;
	height:						50px;
}

#indexcompcopy #createcover {
	position:					absolute;
	top:							100px;
	left:							266px;
	width:						215px;
	height:						50px;
}

#indexcompcopy #submitcover {
	position:					absolute;
	top:							160px;
	left:							266px;
	width:						215px;
	height:						50px;
}

#indexcompcopy #covergallery {
	position:					absolute;
	top:							220px;
	left:							266px;
	width:						215px;
	height:						50px;
}

/* REMIX PAGE DEFINITIONS */

#topten {
	width:						1000px;
	background-image:			url('./img/toptenbg.png');
	background-repeat:		repeat-y;
}

#topten .entry {
	float:						left;
	width:						320px;
	height:						30px;
	margin:						5px;
	border-bottom:				1px dotted #000000;
}

#topten .entry p {
	float:						left;
	margin-top:					3px;
}

#topten .entry img {
	float:						right;
}

#remixleftcol {
	float:						left;
	width:						485px;
}

#remixleftcol p {
	width:						475px;
	margin:						5px;
}

#remixrightcol {
	float:						right;
	width:						505px;
	border-left:				1px solid #FFFFFF;
}

#remixrightcol .content {
	width:						485px;
	margin-left:				10px;
}

#topbanner {
	width:						950px;
}

#topbanner img {
	text-align:					justify;
}

/* COVER DESIGN COMP DEFINITIONS */

#coverleftcolumn {
	float:						left;
	width:						600px;
}

#coverrightcolumn {
	float:						right;
	width:						330px;
}

#coverlogin {
	position:					relative;
	width:						330px;
	height:						156px;
	background-image:			url('./img/coverlogin.png');
	background-repeat:		no-repeat;
}

#coverlogin input {
	position:					absolute;
	width:						180px;
	color:						#000000;
	border:						1px solid #000000;
	background-color:			#CCA300;
}

#coverlogin .name {
	top:							55px;
	left:							134px;
}

#coverlogin .password {
	top:							86px;
	left:							134px;
}

#coverlogin #register {
	position:					absolute;
	top:							116px;
	left:							16px;
	text-align:					left;
}

#coverlogin button {
	position:					absolute;
	top:							116px;
	right:						14px;
	width:						90px;
}

#uploadform {
	position:					relative;
	width:						330px;
	height:						156px;
	background-image:			url('./img/coveruploadbg.png');
	background-repeat:		no-repeat;
}

#uploadform input {
	position:					absolute;
	width:						180px;
	color:						#000000;
	border:						1px solid #000000;
	background-color:			#CCA300;
}

#uploadform .uploadedfile {
	top:							55px;
	left:							134px;
}

#uploadform button {
	position:					absolute;
	top:							86px;
	right:						14px;
	width:						90px;
}

#registerform {
	position:					relative;
	width:						330px;
	height:						200px;
	background-image:			url('./img/registerbg.png');
	background-repeat:		no-repeat;
}

#registerform input {
	position:					absolute;
	width:						180px;
	color:						#000000;
	border:						1px solid #000000;
	background-color:			#CCA300;
}

#registerform .email {
	top:							69px;
	left:							134px;
}

#registerform .name {
	top:							100px;
	left:							134px;
}

#registerform .password {
	top:							131px;
	left:							134px;
}

#registerform .signup {
	position:					absolute;
	top:							131px;
	left:							14px;
}

#registerform .signup input {
	position:					relative;
	width:						20px;
	border:						0px;
	background-color:			transparent;
}

#registerform button {
	position:					absolute;
	top:							162px;
	right:						14px;
	width:						90px;
}

/* UPLOAD MP3 DEFINITIONS */

#mp3upload {
	position:					relative;
	width:						330px;
	height:						200px;
	background-image:			url('./img/uploadbg.png');
	background-repeat:		no-repeat;
}

#mp3upload input {
	position:					absolute;
	width:						180px;
	color:						#000000;
	border:						1px solid #000000;
	background-color:			#CCA300;
}

#mp3upload .uploadedfile {
	top:							68px;
	left:							134px;
}

#mp3upload .djname {
	top:							99px;
	left:							134px;
}

#mp3upload .mixname {
	top:							130px;
	left:							134px;
}

#mp3upload button {
	position:					absolute;
	top:							161px;
	right:						14px;
	width:						90px;
}

/* COVER GALLERY DEFINITIONS */

#sleevegallery {
	width:						970px;
	margin-left:				auto;
	margin-right:				auto;
}

#sleevegallery #create, #sleevegallery #createcover {
	float:						left;
	display:						inline;
	margin-left:				180px;
	width:						215px;
	height:						50px;
}

/*

#sleevegallery .thumb {
	float:						left;
	display:						inline;
	margin-left:				10px;
	margin-top:					10px;
	width:						150px;
	height:						150px;
	background-color:			#CCA300;
}

*/

#sleevegallery .thumbdiv {
	float:						left;
	display:						inline;
	margin-left:				10px;
	margin-top:					10px;
	width:						150px;
	height:						170px;
	background-color:			#CCA300;
	text-align:					center;
	font-size:					12px;
}

#shortsleevegallery {
	width:						960px;
}

#shortsleevegallery .thumb {
	float:						left;
	display:						inline;
	margin-right:				10px;
	margin-top:					10px;
	width:						150px;
	height:						150px;
	background-color:			#CCA300;
}

/* REMIX GALLERY DEFINITIONS */

#remixtable {
	font-size: 					12px;
	width: 						950px;
	text-align: 				justify;
	border-collapse:			collapse;
	font-size:					14px;
}

#remixtable .title {
	height:						25px;
	background-color:			#000000;
	color:						#FFFFFF;
	font-weight:				bold;
}

#remixtable .entry {
	height:						25px;
	font-weight:				bold;
	
}

#remixtable .entry td {
	padding:						5px;
	border-bottom:				1px dashed #CCA300;
	border-right:				1px solid #FFFFFF;
}

#remixtable .entry .noborder {
	border-right:				0px;
}

/* REMIX PLAYER DEFINITIONS */

#mixplayer {
	width:						740px;
	border:						1px solid #000000;
	margin-left:				105px;
}

/* WIDGET PAGE DEFINITIONS */

#widgetleftcol {
	float:						left;
	width:						460px;
}

#widgetleftcol p {
	width:						450px;
	margin:						5px;
}

#widgetrightcol {
	float:						right;
	width:						480px;
	border-left:				1px solid #FFFFFF;
}

#widgetrightcol .content {
	width:						470px;
	margin-left:				10px;
}

#widgetrightcol textarea {
	float:						left;
	width:						350px;
	height:						100px;
	margin:						0px;
}

/* FORM DEFINITIONS */

.formfield {
	position:					relative;
	float:						left;
	display:						inline; /* Fix IE6 float/margin bug */
	margin-left:				20px;
	margin-top:					50px;
	width:						250px;
	height:						100px;
	background-image:			url('./img/formfield.png');
	background-repeat:		no-repeat;
	text-align:					justify;
}

.formfield input {
	background-color:			#FFFFFF;
	color:						#2A2A2A;
	border:						1px solid #FFFFFF;
	font-family:				Trebuchet MS;
	font-size:					11px;
	width:						170px;
	font-weight:				normal;
}

/* SOCIAL NETWORK PAGE DEFINITIONS */

#codes {
	width:						330px;
	border:						1px solid #FF6600;
	background-color:			#000000;
}

#codes textarea {
	width:						300px;
	height:						80px;
	margin-left:				15px;
	border:						1px solid #FF6600;
	background-color:			#111111;
	color:						#FFFFFF;
	overflow:					auto;
}

#facebook {
	position:					relative;
	width:						480px;
	border:						1px solid #376FE8;
	background-color:			#000000;
}

#facebook input {
	position:					absolute;
	top:							195px;
	left:							15px;
	border:						1px solid #FF6600;
	background-color:			#111111;
	color:						#FFFFFF;
	font-size:					24px;
}

#facebook .linkimg {
	position:					absolute;
	top:							50px;
	left:							5px;
	width:						390px;
	height:						50px;
}

#footer {
	width:						950px;
	text-align:					center;
	font-size:					11px;
	color:						#000000;
	border-top:					1px solid #FFFFFF;
	border-bottom:				1px solid #FFFFFF;
	padding:						10px 0px 10px 0px;
	margin-left:				auto;
	margin-right:				auto;
}

.sep {
	width:						100%;
	height:						10px;
	border-top:					1px solid #FFFFFF;
	margin-top:					10px;
}

.clear {
	clear:						both;
}

img {
	border:						0px;
}

a {
	color:						#000000;
}