﻿
header,nav,article,footer,section,aside,figure,figcaption{display:block}
img{
	border: none;
}
/* jCarousel */
.jcarousel-clip
{
	width: 95%;
	height: 125px;
}

figure
{
	margin: 20px;
}
table#release_stats
{
	width: 180px;
	border-collapse:collapse;
	border: 1px #222 solid;
	font-size: 0.9em;
}

table#release_stats th, table#release_stats td
{
	padding: 4px;
}
table#release_stats th
{
	vertical-align:top;
	text-align:left;
}
body
{
	background: #222 url('image/pianomusic_light.png') repeat fixed center top;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif
}

li
{
	list-style: none;
}
div#content{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*border-radius: 3px;
	//box-shadow: 5px 5px 5px #555;
	background-color: #ddd;*/
}

header, nav, section#main_content, section#buy_links, footer
{	
	position: relative;
    background-color: #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

footer
{
	top: -15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	background: url('image/footer.png') #ccc repeat-y;
	color: #999;
}
header
{
	background: none;
	background-image: url('image/header-logo.png');
}
nav
{
	clear: both;
	height: 50px;
	top: -35px;
}

nav ul#mainNav
{
	float: left;
	width: 720px;
	}

nav ul#mainNav li
{
	list-style: none;
	display: inline;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 4px;
}


nav ul#mainNav li a
{
	text-decoration: none;
}

nav ul#mainNav li.active, nav ul#mainNav li:hover
{
	background-color: #3DBBF5;
}

nav ul#mainNav li a img
{
	vertical-align: top;
}

nav ul#socialLinks
{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
nav ul#socialLinks li
{
	list-style: none;
	display: inline;	
}
header ul li
{
	list-style: none;
	display: inline;
}

header ul li img
{
	margin-top: 15px;
}

section#main_content
{
	top: -25px;
}

section.releases_content
{
	min-height: 920px;
}
article
{
	padding: 10px;
}


img.icon
{
	height:32px;
	width: 32px;
	border: none;
}

img.release
{
	height: 100px;
	width: 100px;
	border: none;
	margin: 10px;
}

li.release
{
	width: 125px;
	height: 125px;
}
.border-top-bottom
{
	border-top: 1px #aaa solid
	border-bottom: 1px #aaa solid
}

.news
{
	background-color: #ccc;
}
#word_drama
{
	float: left;
	height: 27px;
	width: 124px;
	position: relative;
	top: -65px;
	left: 450px;
}

#word_composer
{
	float: left;
	height: 26px;
	width: 189px;
	position: relative;
	top: -235px;
	left: 360px;
}

#word_arranger
{
	float: left;
	height: 26px;
	width: 186px;
	position: relative;
	top: -150px;
	left: 250px
}

#word_soundtracks
{
	float: left;
	height: 28px;
	width: 246px;
	position: relative;
	top: -85px;
	left: 200px;
}

#word_emotion
{
	float: left;
	height: 26px;
	width: 161px;
	position: relative;
	top: -195px;
	left: 30px;
}

div.buy_links
{
	background-color: #ccc;
	border: 1px #000 solid;
}
div.buy_links li
{
	text-align:center;
}
div.buy_links li a img
{
	height: 40px;
}
.cube 
{
	position: relative;
	box-shadow: 5px 5px 5px #777;
}
/*
.cube {
	position: relative;
}

.cube:before{
    content: '';   
    width: 500px;
    height:10px;
    position: absolute;
    left: 500px;
    bottom: -10px;
    
background-image: linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -o-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -moz-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -ms-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(128,128,128)),
	color-stop(1, rgb(65,65,65))
);

    -webkit-transform:skew(-35deg);
    -webkit-transform-origin:top;

    -moz-transform:skew(-35deg);
    -moz-transform-origin:top;
    
    -ms-transform:skew(-35deg);
    -ms-transform-origin:top;
    
    -o-transform:skew(-35deg);
    -o-transform-origin:top;
    
    transform:skew(-35deg);
    transform-origin:top;    
}
.cube:after{
    content: '';   
    width: 500px;
    height:10px;
    position:absolute;
    bottom:-10px;
    left:0;
background-image: linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -o-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -moz-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);
background-image: -ms-linear-gradient(bottom, rgb(128,128,128) 0%, rgb(65,65,65) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(128,128,128)),
	color-stop(1, rgb(65,65,65))
);

    -webkit-transform:skew(35deg);
    -webkit-transform-origin:top;
    
    
    -moz-transform:skew(35deg);
    -moz-transform-origin:top;
    
    -ms-transform:skew(35deg);
    -ms-transform-origin:top;
    
    -o-transform:skew(35deg);
    -o-transform-origin:top;
    
    transform:skew(35deg);
    transform-origin:top;    
}


*/



