/* GENERAL */

body{font-size:72%; margin:0; padding:0; color:#000000; background: #e6e6e6 url(../images/site-bg.gif) top center scroll repeat; text-align:center;} /* all subsequent fonts sized in ems ONLY. */


/* LAYOUT */
.page {width:850px; min-height: 661px; margin:0 auto; padding:0; text-align:left;}
.header {clear:both; margin:16px 36px 0 36px; width: 778px; height: 130px; background: #000 url(../images/site-header-silver.gif) no-repeat scroll top left; }
.topnav {float:right; width: 572px; margin:0 0 0 0;}
.container {position:relative; z-index:5; margin: 10px 36px 10px 36px;}
.footer {clear:both; margin: 0 36px 10px 36px;}
.subnav {float:left; width:194px; min-height: 600px; margin: 0 12px 50px 0; z-index:50; color: #fff; background-color: #000; }
.content {float:right; width:572px; min-height: 600px; margin: 0; padding: 0;}
.form {padding:0 0 16px 0;}


/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p, blockquote{color: #000; margin:0;padding:0 0 1em 0;font-size:1.1em;line-height:1.4em;}
blockquote {margin:1em 0; padding:1em 0 1em 35px;width:62%; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
blockquote p {padding:0 25px 0 0;}

img{border:0;}

.hr{height:1px; background-color:#c0c0c0; margin:8px 0}
.hr hr{display:none;}


/* FORMAT > fonts */
body,input,textarea,select {font-family: "Trebuchet MS", Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight:normal;}
p {font-family: "Trebuchet MS", Helvetica, sans-serif;}
em,i {font-style:italic;}
strong,b {font-weight:bold;}
dfn {font-style:normal;}
cite {font-style:italic;}
code,kbd,pre {font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:none; color:#878787; font-weight:bold;}
a:link{ }
a:visited{ }
a:hover{color:#222;}
a:active{color:#222;}
a:focus{color:#222;}
a.selected{color:#222;}


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#222; line-height: 1.4em; margin:0 0 5px 0;}
h1{font-size:2.5em; margin:0 0 10px 0;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5,h6{font-size:1.25em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;line-height:1.4em;font-size:1.1em;}

dt{display:block;float:left;}
dd{margin-left:10em;}


/* TABLES */
caption{display:block;padding:0;margin:0;}
/*table{border:0px;border-top:1px solid #000;border-left:1px solid #000;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;background-color:#000;color:#fff;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}*/


/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0px solid #FFF;margin:0;padding:0 0 20px 0;}
legend{margin:0;padding:0;color:#333;display:none;}

.field{padding:4px 0;}
.label{float:left;width:32%;padding:4px 0 0 0;margin:0 1% 0 0;text-align:right;}
.element{float:left;width:auto;margin:0;padding:0;}
	.element p{margin:0;padding:0;font-size:0.88em;}
.label p{float:left;width:auto;}

label{ display: block; font-size:1.1em; padding: 0 0 2px 0;}
select{font-size:1.1em;min-width:50px;}
textarea{font-size:1.1em;border:1px solid #dfdfdf;padding:0.2em;margin:0; background-color: #dfdfdf;}
input.text{border:1px solid #dfdfdf;padding:4px 2px;margin:0;font-size:1.1em; background-color: #dfdfdf;}
input.date{color:#ab312e;}

/* TOP NAVIGATION */
.topnav ul{margin: 0; list-style-type: none; line-height:normal; padding:0;}
.topnav li{float:left; padding:0; margin: 0; display:block; font-size:1.1em; line-height: 1.2em;}
.topnav a{display: block; text-decoration:none; padding:0; margin:0 1px 4px 0; border: 4px solid transparent;}
.topnav a.selected{}
.topnav a:focus, .topnav a:hover{ border: 4px solid #d94f4f; }

/* SUB-NAVIGATION */
.subnav p{color: #fff;}
.subnav ul{margin: 0; list-style-type: none; line-height:normal; padding:0;}
.subnav li{margin:0; padding:0; display:block; font-size:1.1em; line-height: 1.2em;}
.subnav a{display: block; text-decoration:none; padding:0;}
.subnav a.selected{}
.subnav a:focus, .subnav a:hover{}

/* BUTTONS */
a.buy-at-juno { display: block; clear: both; width: 170px; height: 47px; margin: 20px 0 25px 0; background: transparent url(../images/buy-at-juno-download.gif) left bottom no-repeat; }
a.buy-at-emusic { display: block; clear: both; width: 200px; height: 75px; margin: 20px 0 25px 0; background: transparent url(../images/emusiclogotwo.gif) left bottom no-repeat; }
a.buy-at-itunes { display: block; clear: both; width: 88px; height: 31px; margin: 20px 0 25px 0; background: transparent url(../images/itunesbutton.gif) left bottom no-repeat; }
a.buy-at-juno *, a.buy-at-emusic *, a.buy-at-itunes * { display: none; }

/* CONTENT */
.content p {
 font-size: 0.95em;
}

/* IMAGES */
.image-left{float:left;display:block;width:auto;margin:0 15px 10px 0;}
.image-right{float:right;display:block;width:auto;margin:0 0 10px 15px;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}


/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}

/* THREE COLUMN */
.cols-3 {

}
.cols-3 .col-one, .cols-3 .col-two, .cols-3 .col-three { width:30%; margin-right: 5%; }
.cols-3 .col-one {float:left;}
.cols-3 .col-two {float:left;}
.cols-3 .col-three {float:right; margin-right: 0;}


/* GENERIC COLUMNS */
.cols-2 {

}
.cols-2 .col{
 float:left;
 width:250px;
 margin:0 30px 0 0;
 font-size: 1.05em;
 color: #000;
}

.cols-2 .last{
 margin-right: 0;
}



/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.padding{padding:10px;}

/* GENERAL */
.labeled {
 margin: 0;
 padding: 0 !important;
}

.labeled span {
 display: block;
 float: left;
 width: 50px;
 text-align: left;
 margin: 0;
 padding: 0;
}

.top-pad-xl {
 padding-top: 60px;
}

a.buynow-button {
 display: block;
 position: absolute;
 top: 397px;
 left: 35px;
 width: 128px;
 height: 130px;
 background: url(../images/buy-now-lg.png) top left scroll no-repeat;
}
a.buynow-button:hover {
 background: url(../images/buy-now-lg-over.png) top left scroll no-repeat;
}
a.buynow-button * {
 display: none;
}

.white-block {
 background-color: white; padding: 20px 15px;
}
/* HOME PAGE */
.home #innerwrapper, .home .page {
 background: url(../images/home-bg.jpg) top center scroll no-repeat;
}
.home .buynow-button {

}
.home .subtext {
 position: absolute;
 bottom: 10px;
 left: 100px;
}

/* THE STORY */
.thestory .col p {
 padding: 20px 0 20px 8px;
 margin: 0 0 67px 0;
}
.thestory .last p {
 padding-left: 18px;
 padding-right: 25px;
}

/* GALLERY */
.gallery-thumbs-wrap {
 padding: 12px 0 0 0;
 background: url(../images/quote03-top.gif) no-repeat scroll top left;
 margin: 0 0 10px 0;
}
.gallery-thumbs {
 width: 149px;
 min-height: 100px;
 padding:0 4px 12px 4px;
 background: url(../images/quote03-bottom.gif) no-repeat scroll bottom left;
}
.gallery-thumb {
 margin: 0 0 7px 0 ;
}
.competition-entry .gallery-thumbs-wrap {
 padding: 23px 0 0 0;
 background: url(../images/subnav-competition-entries.png) no-repeat scroll top left;
}

/* COMPETITION */
.competition .content {
 width: 696px;
}
.entry-form-wrap {
 clear: both;
 background: url(../images/form-bg.gif) repeat scroll top left;
 padding: 1px;
}
.entry-form {
 padding: 8px;
 background-color: #fff;
}
.entry-form h2 {
 width: 679px;
 height: 42px;
 margin: 0;
 padding: 0 0 22px 0;
 background: url(../images/entry-form-header.gif) no-repeat scroll top left;
}
.entry-form h2 * {
 display: none;
}
.entry-form .padding {
 padding: 0 10px 10px 10px;
}
.competition .col-one, .competition  .col-two {
 width: 50%;
 margin: 0 0 24px 0;
}
.competition .col-one p {
 padding:10px 40px 10px 20px;
}
.entry-form div.row {
 padding: 0 0 8px 0;
}
.entry-form input.text{
 width: 100%;
 padding: 1px;
}
.competition .entry-form .col-one {
 width: 58%;
 margin: 0;
}
.competition  .entry-form .col-two {
 width: 38%;
 margin: 0;
}
.competition .entry-form  .col-one p {
 padding:0 0 10px 0;
}
.competition .entry-form .row .col-one, .competition  .entry-form .row .col-two {
 width: 48%;
 margin: 0;
}
.competition .entry-form select{
 min-width:250px;
}
.competition .entry-form .submit{
 margin-bottom: 18px;
}
/* PAGE EFFECTS */
.page-effect-01 {
 position: absolute;
 top: 276px;
 left: 0;
 width: 157px;
 height: 204px;
 background: url(../images/page-effect-01.png) no-repeat top left scroll;
}
.page-effect-02 {
 position: absolute;
 top: 536px;
 left: 0;
 width: 110px;
 height: 129px;
 background: url(../images/page-effect-02.png) no-repeat top left scroll;
}

/* HOME */
.giantantelope ol.track-list { margin-left: 180px; }
.giantantelope ol.track-list li { font-size: 0.95em; }

/* ARTISTS*/
.artist { clear:both; margin:0 0 10px; }
.artist img { float: left; margin: 0 10px 10px 0; }
.artist h6 {}
.artist p {}
.artist-footer { margin-top: 80px; text-align: right; }

/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */


/* IE6 Temp fixes*/