/* YUI reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2, .h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #fff;
	padding:.5em;
	background-color: #eee;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
	background-color: #ccc;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}



/* 
YUI fonts
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



body {
	background-color: #cccccc;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center;
	color: #222;
}

a:link, a:hover, a:visited, a:active {
	font-weight:bold;
	text-decoration: none;
	color: #cc006e;
}
a:hover {
	text-decoration: underline;
}

#hholding {
	width: 800px;
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
}

#holding {
	padding:0px;
	padding-top: 10px;
	margin-top: 0pt;
	margin-bottom: 0pt;
	width: 800px;
	background-color: #fff;
}
#thingies {
	position: relative;
	top: 0px;
	left: -100px;
}
#thingies2 {
	position: relative;
	width: 100px;
	top: 0px;
	left: 800px;
}
.thingy {
	background-color: #cccccc;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100px;
	cursor: pointer;
}
.thingy2 {
	background-color: #cccccc;
	position: absolute;
	width:100px;
	cursor: pointer;
}


#logo {
	padding-bottom: 10px;
	padding-left: 20px;
}
#main, #mainFront {
	padding-left: 20px;
	padding-right: 20px;
	border-top: 2px solid #cc006e;
	clear: both;
}
#player {
	padding-top: 25px;
	float: right;
	width: 300px;
}

#mainFront h2, #mainFront .h2  {
	margin-bottom: 0px;
	clear: both;
}

h1 {
	margin: 0.5em 0 0.2em 0;
	font-size: 197%;
	font-weight: normal;
}

h1.h2 {
	font-weight: bold;
	margin:1em 0;
}

.tagline {
	margin: -18px 0 5px 69px;
	font-size: 80%;
	font-weight: normal;
	padding: 0;
}

h3 {
	padding-bottom: 2px;
	border-bottom: 1px dotted #cc006e;	
}

h3.first {
	padding-top: 0px;
}


/*
 *
 * Release
 *
 */
h3.release {
	clear:none;
}
div.release  {
	clear: both;
	padding-bottom: 40px;
}
div.release_info  {
	padding-right: 170px;
}
div.release_actions {
	clear: both;
	height: 50px;
}
img.release {
	float:right;
	margin: 37px 4px;
}
img.cover {
	border: 1px solid #ccc;
}
a.release_link, a.artist_link {
	border: 5px solid #f2f2f2; 
	height: 101px; 
	width: 101px; 
	display: block; 
	float: left;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
a.artist_link {
	height: 151px; 
	width: 151px; 
}
a.selected {
	border: 5px solid #cc006e; 
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
}

.price {
	font-family: arial, helvetica, sans-serif;
	font-size: 30px;
	font-weight: lighter;
}
ol.bigNumbers {
	/*margin-top: 10px;*/
	/*margin-top: 10px;*/
}
ol.bigNumbers li {
	font-size: 200%;
	margin-bottom: 20px;
}
ol.bigNumbers li div {
	font-size: 50%;
}

#noPaymentMessage {
	margin: 5px;
	padding:5px;
	border: 2px solid #cc006e;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 14px;
}

.downloadButton, .buyButton {
	border: 1px dotted #cc006e;
	background-color: #CCCCCC;
	width: 130px;
	height: 25px;
	padding: 5px;
	padding-top:15px;
	display: block;
	
	background-image: url(../images/downloadArrow.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center right;
	
	margin-right: 20px;
	
}
.downloadButton:hover, .buyButton:hover {
	background-color: #cc006e;
	color: #FFFFFF;
}
.buyButton {
	background-image: url(../images/buyNow.gif);
}


ul#mainMenu {
	margin: 0;
	padding:0;
}

ul#mainMenu li{
	margin: 0;
	padding:0;
	margin-right: 20px;
	display: inline;
}

ul#mainMenu a{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 4px solid #ccc;
	text-decoration: none;
}
ul#mainMenu li.selected a{
	border-bottom: 4px solid #cc006e;
}


/*
a:link, a:hover, a:visited, a:active {
	font-weight:bold;
	color: #cc006e;
}
*/

ul#mainMenu a:hover{
	background-color:  #cccccc;
}

.col1 {
	width: 50%;
	float: left;
}
.col2 {
	width: 45%;
	float: right;
}


.col13 {
	width: 30%;
	float: left;
}
.col23 {
	width: 60%;
	float: right;
}

.release_pane h2 {
	margin-top: 0;
}


#twitter_update_list {
	padding: 0;
	margin: 0;
}
#twitter_update_list li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #cc006e;	
}


ul.index {
	padding: 0;
	margin: 0;
}
ul.index li.index {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #cc006e;	
}

.twoColList {
	width: 450px;
	margin-bottom: 10px;
}

.twoColList .title {
	width: 80px;
	float: left;
	clear: left;
	color: #666;
	padding-bottom: 2px;
}
.twoColList .desc {
	width: 350px;
	float: left;
	padding-bottom: 2px;
}