body, html {
background: #eee;
}

/*Records App CSS*/

/*Font Matrix*/
.jazz {
	font-family: 'BrockScriptRegular';
}

.electronica {
	font-family: 'MaximumSecurityRegular';
}

.hiphop {
	font-family: 'PlexifontBVRegular';
}

.rock {
	font-family: 'CarbonTypeRegular';
}

.misc {
	font-family: 'OperatinginstructionsRegular';
}

h2 {
font-size: 40px;
}

table {
text-align: center;
vertical-align: bottom;
}

/*Layout etc,*/

.top-bar {background: #5e5e5e;}

.y-designs {
width:192px;
margin: 0 auto;
}

div.record-all {
	width: 1260px;
	margin: 10px auto;
	padding: 0;
}

img.recs {
	width:600px;
	height:600px;
	margin: 0px;
	padding: 0px;
}

table.records {
    width: 600px;
    height: 600px;
	margin: 0px;
	padding: 0px;
}

table.records>tr>td {
	position: relative;
	float: left;
	width:600px;
	height:600px;
}

table.records td>img{
	width:600px;
	height:600px;
}


/*Selector*/
div.buttons {
	position:relative;
	float: left;
	overflow:hidden;
	width:600px;
	height:600px;
	background: #eee;
	margin-right: 10px;
	border: #000 solid 6px;
}

table.mover {
	font-size: xx-large;
	width:600px;
	height: 200px;
	text-align: center;
	border: none;
	background: #000;
}


td.rec-sel {
	text-align: center;
	cursor:pointer;
}
td.rec-sel img{
	height: 150px;
	width: 150px;
}


div.pane {
	position:relative;
	float: left;
	overflow:hidden;
	width:600px;
	height:600px;
	margin-left: 10px;
	border: #000 solid 6px;
}

/*Inner table*/

.items {
position: relative;
float: left;
width: 606px;
height: 606px;
background: #fff;
}

.item {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
}

.item p{

}

.item img{
	width: 150px;
	height: 150px;
}


.scroll {
position: relative;
float: left;
height: 150px;
width: 606px;
margin-bottom: 10px;
}