@import url(/css/columns_with_header.css);

/* Colors: Font
------------------------------------------------------------ */
.columns-header,
.columns-body,
.columns-footer,
.columns-item,
.columns-item h3 {
	color: #000;
  }
h2 {
	color: #fff;
  }
.columns-text,
.columns-text td {
	color: #fff;
  }
.columns-item h3 {
	color: #fff;
  }

/* Colors: Background-Colors
------------------------------------------------------------ */
h2 {
	background-color: #333;
  }
.columns-text {
	background-color: #333;
  }
.columns-item-inner {
	background-color: #333;
  }
img.sample {
	background-color: #000;
  }


/* Colors: Others
------------------------------------------------------------ */
html, body {
	scrollbar-base-color: #000;
	scrollbar-shadow-color:#666;
	scrollbar-darkshadow-color:#666;
	scrollbar-highlight-color:#fff;
	scrollbar-arrow-color:#fff;
  }
h2,
h2 img {
	border: solid 1px #fff;
  }

.columns-text,
.columns-item {
	border: solid 1px #ccc;
  }
.columns-text h3 {
  }
.columns-item h3 {
	border-bottom: solid 1px #fff;
  }
.columns-item img {
	border: solid 1px #fff;
  }
img.artist {
	border: solid 1px #553;
  }
img.sample {
	border: none;
  }



/* Anchors
------------------------------------------------------------ */
a:link,
a:visited {
	color: #f00;
  }
a:hover {
	color: #fff;
  }
.columns-text a:link,
.columns-text a:visited {
	color: #f90;
  }
.columns-text a:hover {
  border-bottom: #f90 dotted 1px;
  }
.columns-item a:link,
.columns-item a:visited {
	color: #fff;
  }
.columns-item td div a {
  }
a.item-link:link,
a.item-link:visited {
	color: #fff;
  border-bottom: dotted 1px;
  }
a.item-link:hover {
	color: #c33;
  }
.column-link {
  background: url(/images/icon/arrow/right-blue.gif) center left no-repeat;
  padding-left: 20px;
  }
.column-link a {
  border-bottom: dotted 1px;
  }



/* Structures: Base
------------------------------------------------------------ */
.columns-header {
  margin: 1em 0 0 0;
	}
.columns-header-inner {
	}
.columns-header .credit {
	clear: none;
  }
.columns-body {
	margin-top: 30px;
  }
.columns-body-inner {
  }
.columns-text {
  margin-top: 1em;
	}
.columns-text-inner {
  padding: 1em;
	line-height: 1.2em;
  }
.columns-item {
	clear: both;
  margin: 6em 0;
  }
.columns-item-inner {
	padding: 1em;
  }
.columns-footer {
  margin-top: 3em;
	}
.columns-footer-inner {
  }

.columns-header .columns-title img {
	margin-right: 1em;
	margin-bottom: 1em;
	*margin-top: 1em;
	*margin-bottom: 0.5em;
  }
.columns-text-item {
  margin: 1em !important;
  }


/* Fonts
------------------------------------------------------------ */
* {
  line-height: 1.2em;
	}
h2 {
	font-size: 1.1em !important;
  }
h3.items {
  font-size: 1.1em;
  }
.item-link {
	font-size: x-small !important;
  }


/* Styles
------------------------------------------------------------ */
h2 {
	margin-left: -1em !important;
	margin-top: 3em !important;
	padding: 0.2em 0.5em !important;
}
.columns-text h3 {
  margin-top: 3em !important;
  }
h3.ref-link {
  margin: 5em 0 0 50px !important;
	}
h3.items {
	margin: 3em 0 0 50px !important;
	}
dl {
  }
dt {
  margin: 0.5em 0 0.2em 0 !important;
	}
dd {
  margin-left: 1em !important;
	}
img.artist {
	margin: 1em 0 0 0.5em;
  }
img.sample {
	padding: 2px 5px;
  }




.columns-text blockquote {
	padding: 1em 1em 0.5em 1em;
  }
.columns-text	.dotline-white {
	margin: 4em 0;
	clear: both;
  }



.columns-text	.j {
	margin: 0 0 1em 0;
	line-height: 1.2em;
	color: #fff;
  }
.columns-text	.a {
	padding: 1em 1em 1em 1.5em;
	background-color: #ccc;
	color: #300;
	line-height: 1.2em;
  }



.columns-item table {
	margin: 0;
  }
.columns-item th {
	padding: 0.5em 0;
  }
.columns-item td {
  }
.columns-item td div {
  }
.columns-item img {
	margin: 0.5em 0;
  }
.columns-item-text {
  margin-left: 4px;
  }
.columns-item-text .column-link {
  margin-top: 0.5em;
  }
.columns-item .text {
  margin-top: 4px;
  }

.columns-item ol {
  margin: 10px 0 0 30px;
  padding: 0;
  }
.columns-item ol li {
  margin: 0;
  padding: 0;
  }