/* 
Title: Oberlin Music Website Master Style for Screen Media
Author: cary@caryfoster.com
Updated: September 1, 2007
*/

/* CSS3 Buttons! By Jasper Clarkberg */
.redbutton, .greenbutton {
	display: block;
	text-decoration: none;
	color: white;
	border-radius: 4px;
	margin: 5px 0;
	font-size: 13px;
	padding: 4px 10px;
	border: solid rgb(167, 22, 49) 1px;
	text-shadow: rgb(104,19,35) -1px -1px, rgb(206, 102, 120) 1px 1px;
	
	background-image: linear-gradient(bottom, rgb(104,19,35) 0%, rgb(218,45,77) 100%);
	background-image: -o-linear-gradient(bottom, rgb(104,19,35) 0%, rgb(218,45,77) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(104,19,35) 0%, rgb(218,45,77) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(104,19,35) 0%, rgb(218,45,77) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(104,19,35) 0%, rgb(218,45,77) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(104,19,35)),
		color-stop(1, rgb(218,45,77))
	);
}
.redbutton:hover {
	background-image: linear-gradient(bottom, rgb(136, 19, 41) 0%, rgb(235, 59, 92) 100%);
	background-image: -o-linear-gradient(bottom, rgb(136, 19, 41) 0%, rgb(235, 59, 92) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(136, 19, 41) 0%, rgb(235, 59, 92) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(136, 19, 41) 0%, rgb(235, 59, 92) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(136, 19, 41) 0%, rgb(235, 59, 92) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(136, 19, 41)),
		color-stop(1, rgb(235, 59, 92))
	);
}
.redbutton:active {
	background-image: linear-gradient(bottom, rgb(235, 59, 92) 0%, rgb(136, 19, 41) 100%);
	background-image: -o-linear-gradient(bottom, rgb(235, 59, 92) 0%, rgb(136, 19, 41) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(235, 59, 92) 0%, rgb(136, 19, 41) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(235, 59, 92) 0%, rgb(136, 19, 41) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(235, 59, 92) 0%, rgb(136, 19, 41) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(235, 59, 92)),
		color-stop(1, rgb(136, 19, 41))
	);
}
.purchaselink .redbutton {
	margin: 0 2px;
	display: inline-block;
}

.newrelbuttons .redbutton {
	display: inline-block;
	margin: 5px 2px;
}

.greenbutton {
	border: solid rgb(181, 189, 91) 1px;
	text-shadow: rgb(103, 156, 34) -1px -1px, rgb(173, 189, 57) 1px 1px;
	
	background-image: linear-gradient(bottom, rgb(112, 131, 37) 0%, rgb(204, 218, 45) 100%);
	background-image: -o-linear-gradient(bottom, rgb(112, 131, 37) 0%, rgb(204, 218, 45) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(112, 131, 37) 0%, rgb(204, 218, 45) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(112, 131, 37) 0%, rgb(204, 218, 45) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(112, 131, 37) 0%, rgb(204, 218, 45) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(112, 131, 37)),
		color-stop(1, rgb(204, 218, 45))
	);
}
.greenbutton:hover {
	background-image: linear-gradient(bottom, rgb(123, 146, 36) 0%, rgb(228, 238, 108) 100%);
	background-image: -o-linear-gradient(bottom, rgb(123, 146, 36) 0%, rgb(228, 238, 108) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(123, 146, 36) 0%, rgb(228, 238, 108) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(123, 146, 36) 0%, rgb(228, 238, 108) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(123, 146, 36) 0%, rgb(228, 238, 108) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(123, 146, 36)),
		color-stop(1, rgb(228, 238, 108))
	);
}
.greenbutton:active {
	background-image: linear-gradient(bottom, rgb(228, 238, 108) 0%, rgb(123, 146, 36) 100%);
	background-image: -o-linear-gradient(bottom, rgb(228, 238, 108) 0%, rgb(123, 146, 36) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(228, 238, 108) 0%, rgb(123, 146, 36) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(228, 238, 108) 0%, rgb(123, 146, 36) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(228, 238, 108) 0%, rgb(123, 146, 36) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(228, 238, 108)),
		color-stop(1, rgb(123, 146, 36))
	);
}
td .greenbutton {
	display: inline;
}

body {
	margin: 32px 10px 46px 10px;
	padding: 0px;
	text-align: center;
	background: #ffffff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3e3e3e;
}


/* Links
-----------------------------------------------*/
a {
	color: #a70b15;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
.sectionlink a {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.sectionlink a:hover, .sectionlink a:active {
	text-decoration: none;
}
.uninav a {
	font-size: 10px;
	color: #737373;
	text-transform: uppercase;
	text-decoration: none;
}
.uninav a:hover, .uninav a:active {
	text-decoration: underline;
}
a img {
	border: none;
	text-decoration: none;
}


/* Buttons
-----------------------------------------------*/
a.b-albuminfo {
	display: block;
	margin: -3px 0px 0px 0px;
	width: 94px;
	height: 27px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../graphics/b-albuminfo.gif) no-repeat left top;
}
a.b-play {
	display: block;
	margin: 0px 10px 0px 0px;
	width: 56px;
	height: 20px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../graphics/b-play.gif) no-repeat left top;
}
a.b-purchase {
	float: left;
	display: block;
	margin: 0px;
	width: 121px;
	height: 27px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../graphics/b-purchase.gif) no-repeat left top;
}
a.b-albuminfo-s {
	display: block;
	margin: 0px 0px 4px 0px;
	width: 83px;
	height: 20px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../graphics/b-albuminfo-s.gif) no-repeat left top;
}
a.b-purchase-s {
	display: block;
	margin: 0px 0px 3px 0px;
	width: 83px;
	height: 20px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../graphics/b-purchase-s.gif) no-repeat left top;
}
a.b-albuminfo:hover, a.b-albuminfo:active,
a.b-play:hover, a.b-play:active,
a.b-purchase:hover, a.b-purchase:active,
a.b-albuminfo-s:hover, a.b-albuminfo-s:active,
a.b-purchase-s:hover, a.b-purchase-s:active {
	background-position: bottom;
}


/* Titles
-----------------------------------------------*/
#maincontent h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-family: "times new roman", times, georgia, serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 34px;
	color: #5f5f5f;
}
#maincontent h1 span {
	font-size: 22px;
}
#about #maincontent h1,
#contact #maincontent h1 {
	margin-bottom: 35px;
}
#maincontent h3 {
	margin: 20px 0px 5px 0px;
	padding: 0px;
	font-family: "times new roman", times, georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #5f5f5f;
	text-align: left;
}
#t-tagline {
	width: 398px;
	height: 16px;
	margin: 0px 0px 102px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/t-tagline.gif) no-repeat left top;
}
#ts-sampletracks {
	width: 122px;
	height: 20px;
	margin: 0px 0px 8px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-sampletracks.gif) no-repeat left top;
}
#ts-catalog {
	width: 269px;
	height: 25px;
	margin: 0px 0px 13px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-catalog.gif) no-repeat left top;
}
#ts-about {
	width: 236px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-about.gif) no-repeat left top;
}
#ts-news {
	width: 62px;
	height: 25px;
	margin: 45px 0px 0px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-news.gif) no-repeat left top;
}
#about #ts-news {
	margin: 0px;
}
#ts-orderinfo {
	width: 208px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-orderinfo.gif) no-repeat left top;
}
#ts-mediacontact {
	width: 166px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding:0px;
	text-indent: -5000px;
	background: url(../graphics/ts-mediacontact.gif) no-repeat left top;
}
.tracktitle {
	font-weight: bold;
}
.albumtitle {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
}


/* Column Control
-----------------------------------------------*/
.column-1-2 {
	float: left;
}
.column-2-2 {
	float: right;
}
#overview .column-1-2,
#new .column-1-2 {
	width: 589px;
}
#overview .column-2-2,
#new .column-1-2 {
	width: 316px;
	text-align: justify;
}
#featured .column-1-2,
#catalog .column-1-2 {
	width: 320px;
}
#featured .column-2-2,
#catalog .column-2-2 {
	width: 585px;
	text-align: justify;
}
#catalog .column-1-2, #catalog .column-2-2 {
	margin-top: 6px;
}
#catalog .column-1-2 .column-1-2,
#catalog .column-1-2 .column-2-2 {
	width: 150px;
}
#purchasewindow .column-1-2 {
	width: 120px;
	text-align: center;
}
#purchasewindow .column-2-2 {
	width: 345px;
}
#about .column-1-2, #about .column-2-2,
#contact .column-1-2, #contact .column-2-2 {
	width: 450px;
}


/* Logo
-----------------------------------------------*/
#logo {
	float: left;
}
#logo img {
	display: block;
	width: 0px;
}
#logo span {
	display: block;
	width: 158px;
	height: 129px;
	background: url(../graphics/logo.png) no-repeat center center;
}
#logo a {
	border-style: none;
	display: block;
	width: 158px;
	height: 129px;
	text-decoration: none;
}


/* Uninav
-----------------------------------------------*/
ul.uninav {
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style: none;
}
.uninav li {
	display: inline;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
}
#header .uninav {
	margin: 0px 0px 17px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 3px solid #f37021;
}


/* Site Navigation
-----------------------------------------------*/
#nav {
	float: right;
	width: 700px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	height: 27px;
	list-style: none;
}
#nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav ul a {
	display: block;
	float: left;
	text-indent: -5000px;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	height: 27px;
	border-style: none;
	text-decoration: none;
}
#n-overview a {
	margin: 0px !important;
	width: 118px;
	background: url(../graphics/n-overview.png) no-repeat left top;
}
#n-new a {
	width: 140px;
	background: url(../graphics/n-new.png) no-repeat left top;
}
#n-catalog a {
	width: 118px;
	background: url(../graphics/n-catalog.png) no-repeat left top;
}
/*
#n-about a {
	width: 173px;
	background: url(../graphics/n-about.png) no-repeat left top;
}
*/
#n-contact a {
	width: 118px;
	background: url(../graphics/n-contact.png) no-repeat left top;
}
#nav ul a:hover, #nav ul a:active {
	background-position: left center !important;
}
#overview #n-overview a,
#new #n-new a,
#catalog #n-catalog a,
#contact #n-contact a {
	background-position: left bottom !important;
}


/* Page Structure
-----------------------------------------------*/
p {
	margin: 0px 0px 10px 0px;
}
#catalog blockquote {
	margin: 0px 8px;
	font-size: 14px;
	font-weight: bold;
	color: #626262;
	line-height: 18px;
}
#wrapper {
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
#header {
	margin: 0px 0px 37px 0px;
	padding: 0px;
}
#maincontent {
	padding: 0px 0px 52px 0px;
}
#about #maincontent {
	text-align: justify;
}
#header .clear {
	height: 8px;
	background: url(../graphics/header-underline.gif) repeat-x left bottom;
}
.sectionlink {
	margin: -8px 0px 0px 0px;
}
.purchaselink {
	float: right;
	margin: 0px 0px 12px 0px;
	padding: 0;
}
#overview .purchaselink,
#new .purchaselink {
	margin: 8px 0px 0px 0px;
}
.price {
	float: left;
	margin: 5px 8px 0px 0px;
	font-size: 11px;
	white-space: nowrap;
}
.hr {
	height: 69px;
	background: url(../graphics/hr.gif) repeat-x left center;
}
.column-1-2 .hr, .column-2-2 .hr {
	height: 41px;
	background: url(../graphics/hr-s.gif) repeat-x left center;
}
.topline {
	height: 13px;
	background: url(../graphics/hr-s.gif) repeat-x left top;
}
/* Tables */
table.albumtable td, table.albumtable th {
	background: #f7f7f7;
	border-top: 1px solid #e2e2e2;
	font-size: 11px;
	color: #626262;
	line-height: 13px;
	padding: 6px;
	text-align: left;
}
tr.altrow, tr.altrow td, tr.altrow th, td.altrow, th.altrow {
	background: #f0f0f0;
}
table.albumtable th {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 16px;
}
td.maxwidth {
	width: 100%;
}
td.tracklength {
	white-space: nowrap;
}
table.albumcovers td, table.albumcovers th {
	padding-top: 14px;
	padding-bottom: 14px;
}
table.albumcovers th {
	font-weight: bold;
	padding-left: 28px;
	padding-right: 22px;
}
.albumactions {
	margin-right: 22px;
	text-align: center;
	width: 83px;
}
#catalog table.albumtable td, #catalog table.albumtable th {
	padding-top: 13px;
	padding-bottom: 13px;
}
table.albumtracks th {
	text-align: right;
}
/* Image Control */
#featured .column-1-2 img {
	display: block;
	margin: 3px 0px 7px 0px;
	width: 320px;
}
#catalog .column-1-2 img {
	display: block;
	margin: 0px 0px 7px 0px;
	width: 320px;
}
#purchasewindow .column-1-2 img {
	display: block;
	margin: 3px 0px 7px 0px;
	width: 120px;
}
/* Footer */
#footer {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	border-top: 4px solid #eeeceb;
}
.copyright {
	float: left;
	font-size: 10px;
	color: #737373;
	text-transform: uppercase;
	width: 200px;
}
/* Misc. */
.clear {
	clear: both;
}
hr, .hide {
	display: none;
}


/* Lightwindow (Purchase Window) Suplement
-----------------------------------------------*/
#purchasewindow, #purchasewindow div, #purchasewindow span, #purchasewindow h1, #purchasewindow h2, #purchasewindow h3, #purchasewindow h4, #purchasewindow h5, #purchasewindow h6 {
	text-align: left;
	margin: 0px;
}
#purchasewindow p {
	text-align: left;
	margin: 0px 0px 13px 0px;
}
#purchasewindow {
	width: 500px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3e3e3e;
}
#purchasewindow .gutter {
	margin: 15px 0px 0px 15px;
}
#purchasewindow #t-howtopurchase {
	margin: 0px;
	padding: 0px;
	width: 338px;
	height: 20px;
	text-indent: -5000px;
	background: url(../graphics/t-howtopurchase.gif) no-repeat left top;
}
#purchasewindow .hr {
	height: 16px;
	margin-bottom: 10px;
}
#purchasewindow h3 {
	margin: 0px 0px 22px 0px;
	font-family: "times new roman", times, georgia, serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	color: #6f6f6f;
}
#purchasewindow a.b-albuminfo-s {
	margin-left: 18px;
}