@charset "UTF-8";

body {

	font: normal 95% / 1.1em "Trebuchet MS", Arial, sans-serif;
	background: #000 url(images/bg_top.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCD;
}
.oneColFixCtr #container {
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent url(images/bg_mainWindowMiddle.jpg) repeat-y;
	margin: 100px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0
}

.oneColFixCtr #container #window {background:transparent url(images/bg_mainWindowTop.jpg) top no-repeat}

/***** MENU *******/
.oneColFixCtr #container #window #menu {margin-top:82px; float:right; margin-right:25px}

.oneColFixCtr #container #window #menu  a:link, .oneColFixCtr #container #window #menu  a:visited {display:inline-block; padding:7px 8px 3px 8px; margin:0; margin-right:3px; text-decoration:none; color:#A99; text-shadow:0 0 3px black; text-transform:uppercase; font:normal 100% Verdana,  Helvetica, sans-serif !important; font-size:90%; background:#200 url(images/but_.jpg) repeat-x; border:none}

.oneColFixCtr #container #window #menu  a:hover {background:transparent url(images/but_On.png) repeat-x; color:#FFF}
.oneColFixCtr #container #window #menu  a:active {background:transparent url(images/but_.jpg) 0 5px repeat-x; color:#900}
/***** end of MENU *********/

.oneColFixCtr #container #window #leftCol {float:left; width:460px; border-right:1px dotted #333; padding:0px 10px 20px 60px}
.oneColFixCtr #container #window #rightCol {margin:0 0 0 540px; padding:0 30px 0 10px}
.oneColFixCtr #container #window img {border:1px solid #999 !important}

.oneColFixCtr #container #window #contentIndex {padding:0; margin:0}

a:link, a:visited {color:#FFF; border-bottom:1px dotted #FFF; text-decoration:none}
a:hover {color:#C00; border:none}
a:active {color:#06F; border:none}

.imageLink {margin-bottom:20px}
.imageLink td {padding-right:10px; padding-bottom:10px}
.imageLink a {border:none}


/*td {padding:1px}*/

h1 {font-size:120%; text-transform:uppercase}
h2 {font-size:105%; text-transform:lowercase}

fieldset {background:transparent url(images/bg_screen.png) repeat; border-color:#666; color:white}
legend {text-align:center; padding:0 10px}
input, textarea {font:normal 100% Verdana, Arial, Helvetica, sans-serif; background-color:#000; color:#DDD; border:1px solid #666; padding:3px 10px; margin-bottom:8px}
form input.button {padding:3px 10px; background:#500 url(assets/images/but_.png) bottom center; font-size:90%; font-weight:normal}

/*p, h1, h2, ul, ol {margin-left:20px; margin-right:45px}*/

.oneColFixCtr #container #windowFooter {padding:5px 0 16px 0; margin:0; text-align:center; background:transparent url(images/bg_mainWindowBottom.jpg) center bottom; color:#AAA }

.oneColFixCtr #container #musicStores {float:right; width:300px; margin-right:50px}
.oneColFixCtr #container #musicStores img {border:0; margin:0 2px 0 0}
 

#footer {background:black url(images/bg_bottom.jpg) bottom repeat-x}

.clearBoth {clear:both; height:1px; margin:5px}

.play a:link, .play a:visited {font-size:60%; text-transform:uppercase; letter-spacing:1px; color:#988; padding:0 7px; margin:0; border:1px solid #444; background:#400}
.play a:hover {background:#600; color:white}
.play a:active {background:#333; color:#BBB; border-color:#262626}
.play td {padding-top:1px}

.ringtones {float:left; width:150px; margin-left:63px; font-size:80%!important; text-align:center; text-transform:uppercase}
.ringtones a:link, .ringtones a:visited {padding:5px 3px 2px 3px; display:block; width:110px; text-decoration:none; border:1px solid #444; background:transparent url(images/but_On.png) repeat-x; color:#BAA}
.ringtones a:hover {color:white; background:transparent url(images/but_.png) repeat-x}

.centered {text-align:center; font-size:85%; font-weight:bold!important}

.note p {font-style:italic; font-size: 85%}