.release {
	display:block;
	border-bottom:1px dotted #333333;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

.release img {
	padding:5px;
	border:1px solid #222222;
	background:#000000;
}

.release .cover {
	float:left;
	margin-right:20px;
}

.release .tracklist {
	float:left;
	width:355px;
}

.release .BBIimgBox {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/bestbelieveit_lg.png) no-repeat;
	padding:5px;
	border:1px solid #013064;
}
.release .BBIimgBox:hover {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/bestbelieveit_back.jpg) no-repeat;
	padding:5px;
	border:1px solid #013064;
}

.release .MOFimgBox {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/matteroffacts_lg.png) no-repeat;
	padding:5px;
	border:1px solid #013064;
}
.release .MOFimgBox:hover {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/matteroffacts_back.png) no-repeat;
	padding:5px;
	border:1px solid #013064;
}

.release .SDimgBox {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/cddvd.jpg) no-repeat;
	padding:5px;
	border:1px solid #013064;
}

.release .SDimgBox:hover {
	width: 200px;
	height: 200px;
	background:#174372 url(http://www.geocities.ws/therain/images/covers/R-4288459-1360805390-7239.jpeg.jpg) no-repeat;
	padding:5px;
	border:1px solid #013064;
}

.release .credits {
	float:left;
	width:396px;
	background: #174372;
	border-bottom: 1px dotted #333333;
}

.credit_type {
	width:40%;
	font-family:"Cormorant+Unicase";
	font-size:12pt;
	color:#926C6C;
	text-shadow:#5BC5F9 1px 11px 0px;
	text-align: center;
	text-transform:none;
	padding: 2px;
}

.credit_name {
	font-family:"Cormorant+Unicase";
	font-size:12pt;
	color:#15769E;
	text-shadow:#926C6C 1px 1px 0px;
	text-align: center;
	text-transform:none;
	padding: 2px;
}

.release h3 {
	font-family:"Alegreya SC";
	font-size:16pt;
	color:#926C6C;
	text-shadow:#5BC5F9 1px 1px 0px;
	text-align:center;
	text-transform:uppercase;
}

.release span {
	font-family:"Cormorant+Unicase";
	font-size:10pt;
	text-shadow:#15769E 1px 1px 0px;
	text-transform:none;
	font-size:8pt;
	position:relative;
	top:0;
	display:block;
}

.release .credits ol {
	padding-top:10px;
	list-style:decimal inside none;
}

.release .credits li  {
	display: list-item;
	font-family:"Cormorant+Unicase";
	font-size:10pt;
	color:#CE9F42;
	text-shadow:#15769E 1px 1px 0px;
	padding:3px 0 3px 0;
	border-bottom:1px dotted #013064;	
}

.credits li:last-child {
	border:none;
}

.credits li span {
	font-family:"Cormorant+Unicase";
	font-size:10pt;
	color:#6868FC;
	text-shadow:#15769E 1px 1px 0px;
	float:right;
}

.categories li {
	font-family:"Cormorant+Unicase";
	font-size:10pt;
	display:block;
	border-bottom:1px dotted #013064;
	padding:3px 0 3px 0;
}

.categories li:first-child {
	padding:0 0 3px 0;
}

.categories li:last-child {
	border-bottom:none;
	padding:3px 0 0 0;
}

.categories a,acitve,visited{
	font-family:"Cormorant+Unicase";
	font-size:8pt;
	color:#6868FC;
	text-shadow:#23273C 1px 1px 0px;
	text-decoration:none;
	display: inline-block;
	
	-moz-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.categories a:hover {
	color:#ffffff;
	
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.categories a:after {
	content: '';
	display: block;
	height: 1px;
	width: 0%;
	background: #21324C;
	-moz-transition: width 0.5s ease, background-color 3s ease;
	-webkit-transition: width 0.5s ease, background-color 3s ease;
	-o-transition: width 0.5s ease, background-color 3s ease;
	-ms-transition: width 0.5s ease, background-color 3s ease;
	transition: width 0.5s ease, background-color 3s ease;
}

.categories a:hover:after {
	width: 100%;
	background: #FC97BF;
	
	-moz-transition: width 0.5s ease, background-color 0.1s ease;
	-webkit-transition: width 0.5s ease, background-color 0.1s ease;
	-o-transition: width 0.5s ease, background-color 0.1s ease;
	-ms-transition: width 0.5s ease, background-color 0.1s ease;
	transition: width 0.5s ease, background-color 0.1s ease;
}

.release a
{
	color: #68C8FC;
	font-weight: bold;
	text-decoration: underline;
	-o-transition: all 1.1s ease;
	-ms-transition: all 1.1s ease;
	-moz-transition: all 1.1s ease;	
	-webkit-transition: all 1.1s ease;
	transition: all 1.1s ease;
}

.release a:hover
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	-o-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;	
	-webkit-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

a.lyrics
{
	align: center;
	padding-left: 22px;
	padding-bottom: 5px;
	background: url(http://www.geocities.ws/therain/images/icons/lyrics_icon.gif) no-repeat;
}

a.wma
{
	align: center;
	padding-left: 22px;
	padding-bottom: 5px;
	background: url(http://www.geocities.ws/therain/images/icons/wma_icon.gif) no-repeat;
}

a.tab
{
	align: center;
	padding-left: 22px;
	padding-bottom: 5px;
	background: url(http://www.geocities.ws/therain/images/icons/tab_icon.gif) no-repeat;
}