
/*  BASE  */

body {
	margin: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	background: #000;
}

h1 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #9c9;
	font-size: 16px;
}

h2 {
	float: left;
	width: 630px;
	margin: 2px 0 0 0;
	padding: 0;
	color: #aaa;
	font-size: 14px;
}

h3 {
	margin: 2em 0 1em 0;
	padding: 0;
	color: #aaa;
	font-size: 12px;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

p {
	margin: 0 0 1em 0;
}

a:link, a:visited {
	color: #9c9;
}

a:hover, a:active {
	color: #cfc;
}

/*  LAYOUT  */


div#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	margin: 0 0 20px 0;
} 


div#left_column {
	float: left;
	width: 200px;
}
div#left_column ul {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#left_column ul li {
	display:inline;
}
div#left_column ul li a:link, div#left_column ul li a:hover, div#left_column ul li a:active, div#left_column ul li a:visited {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 2px;
	border: 1px #000 solid;
}

div#left_column ul li a:hover {
	background: #222;
	border: 1px #555 solid;
}

div#left_column ul li.at a {
	background: #444;
	border: 1px #666 solid;
}
div#left_column ul li.at a:hover {
	border: 1px #666 solid;
}

div#middle_column {
	float: left;
	width: 630px;
	border-top: 1px #aaa solid;
	padding: 10px 0;
}

div#middle_column.wide {
	width: 800px;
}

div#middle_column h2 {
	float:none;
	width: auto;
}

div#loading {
	margin-top: 125px;
	font-size: 12px;
}

div.big_image div.description {
	margin: 1em 0;
	font-size: 12px;
}

div#right_column {
	float: left;
	width: 170px;
	margin: 0;
	border-top: 1px #aaa solid;
	padding: 10px 0 10px 0;
	text-align: right;
}


div.sound_item {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px dotted #666;
}

div.sound_item div.image {
	float:left;
	width: 150px;
	margin: 0 15px 0 0;
}

div.sound_item div.info {
	float:left;
	width: 550px;
}

div.sound_item div.info h3 {
	margin-top: 0;
}


div.shipping {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #666;
}



/*  TAGS  */

.clear {
	clear: both;
}
