/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background-color: #333365;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	background:url(../images/top-band.png) repeat-x left top;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Arial,Helvetica,sans-serif;
	/*list-style:none;*/
}

/*@font-face {
font-family: 'Conv_eurostile';
src: url('fonts/eurostile.eot');
src: local('☺'), url('../fonts/eurostile.woff') format('woff'), url('../fonts/eurostile.ttf') format('truetype'), url('fonts/eurostile.svg') format('svg');
font-weight: normal;
font-style: normal;
}*/

@font-face {
font-family: 'eurostileregular';
    src: url('../fonts/eurostile-webfont.eot');
    src: url('../fonts/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostile-webfont.woff') format('woff'),
         url('../fonts/eurostile-webfont.ttf') format('truetype'),
         url('../fonts/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
font-family: 'Conv_epilog';
src: url('../fonts/epilog.eot');
src: local('☺'), url('../fonts/epilog.woff') format('woff'), url('../fonts/epilog.ttf') format('truetype'), url('../fonts/epilog.svg') format('svg');
font-weight: normal;
font-style: normal;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

fieldset {
border: 0;
}


#Email {
margin-top: 15px;
}

input{
margin: 5px 0 5px 0;
}

h1 {
font-family: 'eurostileregular';
font-size: 1.5em;
margin-bottom: 10px;
color: #fff;
}

h2 {
font-size: 1.2em;
margin-bottom: 5px;
color: #fff;
}

h3 {
font-size: 1em;
margin-bottom: 5px;
color: #fff;
}

a img{
	border:0;
}

p {
margin-bottom: 20px;
}

.clear{
	clear:both;
}

.container {
background:url(../images/new-background.jpg) no-repeat left top;
min-height: 537px;
}

.header {
min-height: 51px;
padding-top: 13px;
width: 680px;
}

.typewrite {
display: block;
font-family: 'Conv_epilog', cursive;
margin-left:140px;
color: #fff;
font-size: 3.5em;
display: none;
}

b.blink {
font-family: 'Conv_epilog', cursive;
text-decoration: blink;
font-size: 3.5em;
margin-left: -15px;
color: #fff;
}

.sociallink {
float: right;
*margin-top: -35px; /* IE7 Hack */
}

.sociallink img {
margin: 7px 0 0 10px;
}

.navigation {
background-color: #fff;
}

.navigation img {
float: left;
}

.navigation ul {
list-style: none;
float: left;
padding: 0;
}

.navigation li {
float: left;
text-transform:uppercase;
border-right: 1px solid #666;
}

.navigation li a {
float: left;
display: block;
background-color: #fff;
text-decoration: none;
color: #000;
height: 16px;
font-weight: bold;
font-size: 1.1em;
padding: 4px 10px 0 10px;
}

.navigation li a:hover {
background-color: #000;
color: #fff;
}

.content {
width:650px;
padding: 30px;
margin-top: 20px;
color: #fff;
font-size: 1.2em;
}

.content a {
color: #ffcc33;
text-decoration: none;
}

.montage-images {
width: 231px;
border: 3px solid #fff;
margin: 25px 0 25px 0;
float: left;
}

.quotes {
width: 231px;
height: 200px;
margin: 50px 0 25px 30px;
float: left;
}

.quotes blockquote p {
font-family: 'eurostileregular';
font-size: 1.4em;
margin-bottom: 5px;
}

.quotes cite {
font-family: 'eurostileregular';
font-size: 1em;
}

a.featureimage1, a.featureimage2,  a.featureimage3 {
display: block;
float: left;
width: 75px;
height: 75px;
border-right: 3px solid #fff;
}

 a.featureimage3 {
border: none;
}

a.featureimage4 {
clear: left;
display: block;
width: 231px;
height: 127px;
border-top: 3px solid #fff;
}

.content-zone {
clear: left;
}

.YouTubeHolder {
width: 480px;
margin-bottom: 15px;
}

.YouTube {
width: 220px;
float: left;
margin: 0 20px 20px 0;
}

.release-content {
margin-top: 30px;	
}

.release-content form {
float: left;
margin: 5px 14px 0 10px;	
}

.release {
width: 412px;
margin-bottom: 30px;
}

.release-set {
background-color: #000033;
float: right;
}

.cover {
width: 94px;
float: left;
background-color: #000;
min-height: 125px;
text-align: center;
padding-top: 30px;
border: none;
}

.detail {
width: 206px;
float: left;
border-right: 2px solid #333365;
margin-left: 2px;
padding: 3px;
color: #99ccff;	
}

.detail h5 {
font-size: 1.2em;
}

.detail p {
margin-bottom: 5px;
}

.detail em {
font-size: .8em;
font-style: normal;
}

.detail b {
color: #fff;
}

.item_price {
width: 100px;
background-color: #000033;
float: right;
text-align: center;
padding-top: 20px;
font-size: 1.2em;
font-weight: bold;
height: 100%;	
}

.buttons {
width: 320px;
float: left;
}

.buttons img {
margin: 10px;
border: none;
float: left;
}

.release-big {
width: 645px;
margin-bottom: 30px;	
}

.cover-big {
width: 160px;
float: left;
background-color: #000;
text-align: center;
border: none;
min-height: 200px;
padding-top: 20px;
}

.release-set-big {
background-color: #000033;
float: left;
margin-left: 2px;
}

.release-quotes {
width: 231px;
height: 120px;
margin-left: 25px;
padding-top: 20px;
float: right;
overflow: auto;
}

.release-quotes blockquote p {
font-family: 'eurostileregular';
font-size: 1.4em;
margin-bottom: 5px;
}

.release-quotes cite {
font-family: 'eurostileregular';
font-size: 1em;
}

.tracks  {
width: 325px;
float: left;
margin-right: 25px;
font-size: 1em;
color: #99ccff;	
}

.tracks table em {
font-style: normal;
color: #fff;
font-weight: bold;
}

.players  {
width: 300px;
float: left;	
}

/* BIO PAGE STYLES */

.left-side {
width: 295px;
margin-right: 25px;
float: left;
}

.right-side {
width: 295px;
float: left;
}

.caption {
font-size: .8em;
}


/* ///////////////////////PICKLE PLAYER

/*************************** PLAYER WRAPPER */
.player_wrapper{
	width:45px;
	left:0px;
	z-index:1;
	float:left;
	position:relative;
	top:0px;
	display:block;
	height:45px;
	border: 1px solid blue;
}

/*************************** PLAY */
.PKL_playpause, .PKL_play{
	position:relative;
	left:0px;
	background-image:url("../images/b_play.png");
	height:15px;
	background-repeat:no-repeat;
	cursor:pointer;
	width:20px;
	top:0px;
	z-index:6;
	font-size:0px;
}
div.PKL_playpause:hover, div.PKL_play:hover{
	background-image:url("../images/b_play_over.png");
}
div.PKL_playpause:active, div.PKL_play:active{
	background-image:url("../images/b_play_down.png");
}
div.PKL_playpause.pause, div.PKL_play.pause{
	background-image:url("../images/b_pause.png");
}
div.PKL_playpause.pause:hover, div.PKL_play.pause:hover{
	background-image:url("../images/b_pause_over.png");
}
div.PKL_playpause.pause:active, div.PKL_play.pause:active{
	background-image:url("../images/b_pause_down.png");
}

.PKL_preloader{
	width:1px;
	height:1px;
	background-repeat:no-repeat;
	background-image:url("../images/b_play_over.png#../images/b_play_down.png#../images/b_pause.png#../images/b_pause_over.png#../images/b_pause_down.png");
	display:none;
}



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}









