body {
	background: white url(images/backgroundfront.jpg) top right no-repeat;
    font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	min-width: 770px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*--- STRUCTURE ---*/

#container {
    text-align: left;
	margin: auto;
	max-width: 810px;
	padding: 0px 50px;
}

#header {
	padding: 20px 0px;
	position: relative;
}

#artistsList {
	margin-top: -10px;
	padding-right: 300px;
}

#stream {
	padding: 0px;
	border-top: solid 5px black;
	margin-top: 40px;
}

#officialsite {
    position: absolute;
    bottom: -40px;
    left: 0px;
    font-size: 18px;
}

#officialsite a {
    padding: 0px 2px;
}

div.item {
	padding: 20px 0px 6px 0px;
	border-bottom: solid 2px black;
}

.itembody {
    overflow: hidden;
    line-height: 20px;
}

div.itemLast {
	border-bottom: none;
}

div.item img{
	
	border: solid 2px;
	
}

div.item .itemimage{
    float: right;
    margin-left: 20px;
}

div.itemVideo p {
	text-align: center;
}

.photoscontainer {
    margin-bottom: 20px;
    text-align: center;
}

.item .photoscontainer a img, .itemLast .photoscontainer a img {
    margin: 5px;
    float: none;
}

.item .photoscontainer a:hover {
    border: none;
}

.item .photoscontainer a:hover img, .itemLast .photoscontainer a:hover img {
    border: 2px solid black;
}

#footer {
	height: 100px;
	padding: 10px 0px 0px 0px;
	border-top: solid 2px black;
}

#dateFilters {
	float: left;
}

#information {
	float: right;
}

#pagetitle {
    padding: 10px;
    margin-top: 0px;
}

#pagetitle.thisweek {
    background: #ccff66;
}

#pagetitle.lastweek {
    background: #66ffcc;
}

#pagetitle.thismonth {
    background: #66ccff;
}

#pagetitle.lastmonth {
    background: #cc66ff;
}

#pagetitle.search {
    background: #ff8000;
}

#pagetitle h2{
    padding: 0px;
    margin: 0px;
}

/*--- TEXT STYLES ---*/

h1 {
	font-size: 40px;
	line-height: 45px;
}

#artistsList h2 {
	font-size: 30px;
	line-height: 35px;
}

h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
}

h2 {
	font-size: 30px;
	line-height: 35px;
	margin: -9px 0px 0px 0px;
}

h4 {
	font-size: 18px;
	line-height: 35px;
	margin: 0px 0px 10px 0px;
}

.itembody h4 {
    line-height: 20px;
}

.nofollower {
    margin-bottom: 15px;
}

.item p,  {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
}

.item p a, .itembody a {
    padding: 0px 3px;
    margin-left: -3px;
    margin-right: -3px;
}

p.readMore {
	margin: 20px 0px 20px 0px;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 35px;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

.mailinglist_details, label.zemText, label.zemSelect, label.zemTextarea {
    float: left;
    width: 100px;
}

.texta, input.zemText, textarea.zemTextarea, select.zemSelect  {
    background: black;
    color: white;
    border: none;
    padding: 3px;
    font: 14px Helvetica, Arial, sans-serif;
    width: 300px;
}.texta:focus, input.zemText:focus, textarea.zemTextarea:focus, select.zemSelect:focus  {
    background: white;
    color: black;
}

#submit {
    background: #3ba6fb;
    border: none;
    color: white;
    font: 14px Helvetica, Arial, sans-serif;
    height: 20px;
    width: 305px;
    margin-left: 100px;
}
#submit:hover {
    background: black;
}

/*--- LINK STYLES ---*/

#xlLogo {
	background: url(images/xllogo.png) no-repeat 0px 0px;
	height: 143px;
	width: 190px;
	text-indent: -5000em;
	display: block;
	border: none;
}

#xlLogo:hover {
    background: url(images/xllogo.png) no-repeat -190px 0px;
}

* html #xlLogo, * html #xlLogo:hover {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/xllogo.png", sizingMethod="crop");
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	border-bottom: solid black 2px;
}

#artistsList a {
	margin-left: -5px;
	padding: 1px 5px 1px 5px;
	color: black;
	border: none;
}
#artistsList a:hover {
	color: white;
	background: black;	
}

h3 a {
    padding: 1px 3px 1px 3px;
    margin-left: -3px;
    margin-right: -3px;
}

#stream h3 a:hover {
    color: white;
    border: none;
}

#dateFilters {
    color: black;
}

#dateFilters a, #information a {
    border-bottom: none;
}

a:hover #datePrevious,  #artistpage #dateFilters a:hover #datePrevious{
	color: #ffcc66;
}

a:hover #dateNext, #artistpage #dateFilters a:hover #dateNext {
	color: #ff6fcf;
}

#dateThisWeek:hover, #artistpage #dateFilters #dateThisWeek:hover{
	color: #ccff66;
}

#dateLastWeek:hover, #artistpage #dateFilters #dateLastWeek:hover{
	color: #66ffcc;
}

#dateThisMonth:hover, #artistpage #dateFilters #dateThisMonth:hover{
	color: #66ccff;
}

#dateLastMonth:hover, #artistpage #dateFilters #dateLastMonth:hover{
	color: #cc66ff;
}

#artistpage #dateFilters a{
    color: black;
}

#artistpage #dateFilters #datePrevious, #artistpage #dateFilters  #dateNext, #artistpage #dateFilters  #dateThisWeek, #artistpage #dateFilters  #dateLastWeek, #artistpage #dateFilters  #dateThisMonth, #artistpage #dateFilters  #dateLastMonth {
    color: white;
}

#shop:hover {
	color: #ff0000;
}

#rss:hover {
	color: #ff8000;
}

#help:hover {
	color: #7e7e7e;
}

#xlsearch {
    float: right;
}

#searchfield {
    width: 100px;
    margin-top: 9px;
}

#subscribe {
    border-top: 2px solid black;
    clear: both;
    margin-top: 46px;
    padding-top: 10px;
    padding-bottom: 50px;
}

#subscribebutton, #searchbutton {
    background: black;
    border: none;
    color: white;
    font: 14px Helvetica, Arial, sans-serif;
    height: 20px;
    width: 40px;
    margin-left: 5px;
}

input, textarea {
    background: black;
    border: none;
    color: white;
    font: 14px Helvetica, Arial, sans-serif;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    width: 400px;
}input:focus, textarea:focus {
    background: white;
    color: black;
}

#subscribefield {
    width: 200px;
}

textarea {
    height: 200px;
}

#remember, #forget {
    width: 20px;
}

input.disabled {
    color: grey;
}

ol.comments {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ol.comments li, #cpreview{
    background: black;
    padding-bottom: 0px;
    color: white;
    margin-bottom: 10px;
}

#cpreview{
    background: white;
    color: black;
}

ol.comments li p, #cpreview p{
    padding: 10px;
    margin-bottom: 10px;
}

ol.comments li .commentmeta, #cpreview .commentmeta {
    background: #7e7e7e;
    margin-bottom: 0px;
    margin-top: -5px;
}

#artistpage ol.comments .commentmeta a, #cpreview .commentmeta a{
    background: none;
    padding: 0px;
    margin: 0px;
}ol.comments .commentmeta a:hover, #cpreview .commentmeta a:hover{
    border-bottom: 2px solid white;
}

.comments-wrapper, #txpCommentInputForm {
    margin-top: 20px;
}

.comments-wrapper table {
    margin: 20px auto;
}

.packshot {
    float: left;
}

.packshot img {
	border: solid 1px #bbbbbb;
}

.shopItemText {
	margin-left: 170px;
}

.outofstock {
	color: #a6a6a6;
	margin-left: 10px;
}

#artistpage .outofstock {
	color: #a6a6a6;
    color: rgba(1,1,1,0.4);
}

.shopItemTitle img {
	margin-right: 10px;
}

.icon {
	vertical-align: middle;
	margin-bottom: 5px;
	height: 15px;
	width: 40px;
}

.moreFrom .icon {
	vertical-align: middle;
	margin-bottom: 5px;
}


.buyButton {
	background: #fc00df;
	font-size: 16px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	padding: 5px;
	margin-left: 5px;
	margin-top: -5px;
	text-align: center;
	height: 26px;
	width: 44px;
}

.buyButton:hover, #artistpage .buyButton:hover,#container #shopContent .buyButton:hover {
    background: black;
}

#artistpage .buyButton {
    background: white;
    color: #fc00df;
}

div.itemRelease {
    padding-bottom: 20px;
}

#artistpage .buyrelease a {
    color: white;
}

/*--- Feed image hacks ---*/

img[height='1'][width='1'] {
    display: none !important;
}

img[alt='Link-arrow'] {
    border: none !important;
}

img[src^='http://assets4.pitchforkmedia.com/images/'] {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

img[src^='http://feeds.pitchforkmedia.com/'] {
    display: none !important;
}

/*--- ARTIST COLOURS ---*/

#artistpage h3, #artistpage p a, #artistpage .itembody a, #artistpage img, #artistpage h3 a, #artistpage h4 a {
    color: white;
}

#artistpage {
    background-image: url(images/backgroundartist.png);
    background-repeat: no-repeat;
    background-position: top right;
}

* html #artistpage {
    background-image: url(images/backgroundartist.gif);
}

#artistpage.artist-information, #artistpage.artist-information .item p a {
    background-color: #7e7e7e;
}

#artistname {
    position: absolute;
    top: -5000em;
}