@import url("reset.css");
@import url("basic.css");
@import url("type.css");

/* Columns */

div.columns div.column {
float: left;
overflow: hidden;
padding: 0 20px 0 0;
}

div.columns div.full-width {
padding-right: 0;
margin-bottom: 20px;
width: 100%;
}

div.columns div.column-1 {
width: 200px;
}

div.columns div.column-2,
div.columns div.column-2-3 {
width: 740px;
padding-right: 0;
}

div.columns div.column-2-3 div.column-2 {
width: 400px;
padding-right: 20px;
}

div.columns div.column-2-3 div.column-3 {
width: 320px;
padding-right: 0;
}

div.columns div.column div.module {
margin: 0 0 10px;
}

div.columns-c div.column-1,
div.columns-c div.column-2 {
width: 460px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}

/* Spotify */

div.spotify h2 {
width: 162px;
height: 51px;
padding: 0;
margin: 0;
background: url(../img/spotify.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
}

/* Functions menu */

ul.functions li {
float: left;
}

ul.functions li a {
padding: 4px 0 0 17px;
background: url(../img/sprites.gif) no-repeat;
}

ul.functions li.rate {
margin: 0 10px 0 0;
}

ul.functions li.comment a {
background-position: 0 -17px;
}

ul.functions li.share {
float: right;
}

ul.functions li.share a {
background-position: 0 -34px;
}

/* Tour */

div.schedule ul.js-active li div.toggle {
cursor: pointer;
}

div.schedule ul.js-active li div.info {
display: none;
}

div.schedule ul.js-active li.open div.info {
display: block;
}

/* Flash objects */

div.flash-holder img,
div.flash-holder object {
display: block;
}

/* Logos */

ul.logos li {
margin: 0 15px 0px 0;
}

/* Social networks */

ul.social li {
width: 100%;
margin: 0 0 6px;
}

ul.social li a {
display: block;
padding: 0 0 0 23px;
font-weight: normal;
line-height: 16px;
background: url(../img/social.gif) no-repeat;
color: #000;
}

ul.social li.twitter a {
background-position: 0 -16px;
}

ul.social li.flickr a {
background-position: 0 -32px;
}

ul.social li.lastfm a {
background-position: 0 -48px;
}

ul.social li.ilike a {
background-position: 0 -64px;
}

ul.social li.myspace a {
background-position: 0 -80px;
}

/* Gallery */

div.gallery-view img {
display: block;
margin: 0 0 15px;
}

div.gallery-view p {
margin: 0 0 15px;
}

div.gallery-thumbs ul {
width: 743px;
margin: 0;
}

div.gallery-thumbs ul li {
float: left;
margin: 0 10px 10px 0;
}

div.gallery-thumbs ul img {
float: left;
}

/* Blog feed */

div.blog-feed dl {
line-height: 1.4;
}

div.blog-feed dl dt {
font-size: 0.9em;
}

div.blog-feed dl dd {
margin: 0 0 1em;
}

div.blog-feed dl dd span.comments {
font-weight: bold;
padding: 4px 0 0 17px;
background: url(../img/sprites.gif) no-repeat 0 -17px;
}

/* Blog archive */

div.blog-archive ul li span.toggle {
display: block;
padding: 0 0 0 10px;
font-weight: bold;
background: url(../img/arrow-right.gif) no-repeat 0 5px;
cursor: pointer;
}

div.blog-archive ul li ul {
font-size: 1em;
margin: 0 0 10px 10px;
}

div.blog-archive ul li ul li a {
color: #000;
font-weight: normal;
}

div.blog-archive ul li ul li span.month {
float: left;
width: 80px;
}

div.blog-archive ul li ul li span.posts {
float: left;
}

div.blog-archive ul.js-active li ul {
display: none;
}

div.blog-archive ul.js-active li.open span.toggle {
background-image: url(../img/arrow-down.gif);
background-position: 0 7px;
}

div.blog-archive ul.js-active li.open ul {
display: block;
}

/* Blog */

div.blog {
margin: 0 0 25px;
}

p.blog-more {
text-align: right;
}

div.comments ol {
font-size: 1em;
}

div.comments div.form {
width: 395px;
}

div.comments div.form input.field,
div.comments div.form textarea.field {
border: 1px inset #909090;
padding: 4px;
}

div.comments div.form textarea.field {
width: 385px;
}

div.comments div.form label {
font-size: 1.2em;
display: block;
}

div.comments div.form div.row {
margin: 0 0 10px;
}

div.comments div.form div.buttons {
text-align: right;
}

div.comments div.form div.row-column {
float: left;
width: 50%;
}

div.comments div.form div.row-column input.field {
width: 180px;
}

div.comments ol li {
float: left;
width: 400px;
}

div.comments ol li h3 {
font-weight: normal;
}

div.comments ol li h3 span {
margin: 0 0 0 10px;
font-weight: bold;
}

div.comments ol li div.picture {
float: left;
width: 50px;
margin: 0 20px 0 0;
}

div.comments ol li div.text {
float: left;
width: 330px;
}

ol.comments-js-active li {
display: none;
}

ol.comments-js-active li.active {
display: block;
}

p.comments-paging-title {
float: left;
margin: 0 10px 0 0;
}

ul.comments-paging li {
display: inline;
padding: 0 5px;
}

/* Discography */

div.discography-list-full ul {
width: 100%;
overflow: hidden;
}

div.discography-list-full ul li {
float: left;
width: 350px;
padding: 20px 0 20px 200px;
margin: -1px 0 0;
border-top: 1px solid #eee;
}

div.discography-list-full ul li img {
float: left;
display: inline;
margin: 0 0 0 -200px;
}

div.discography-list-full ul li ul {
font-size: 1em;
margin: 20px 0 0;
}

div.discography-list-full ul li ul li {
float: none;
padding: 0;
margin: 0;
border: none;
width: auto;
}

/* Layout */

div#wrapper {
position: relative;
width: 960px;
margin: 0 auto;
}

/* Footer */

div#footer {
overflow: hidden;
width: 755px;
margin: 0 0 5px;
padding: 20px 20px 20px 185px;
background: #fff url(../img/footer.gif) no-repeat;
}

div#footer p,
div#footer ul {
font-size: 1.1em;
margin: 0 0 0.5em;
}

div#footer h3 {
font-size: 1.2em;
margin: 0 0 0.5em;
}

div#footer-column-1,
div#footer-column-2,
div#footer-column-3,
div#footer-column-4 {
float: left;
border-right: 1px solid #e5e5e5;
padding: 0 20px 0 0;
margin: 0 25px 0 0;
min-height: 145px;
}

div#footer-column-1 {
width: 93px;
padding: 0;
border: none;
}

div#footer-column-2 {
width: 250px;
margin-left: 50px;
}

div#footer-column-3 {
width: 125px;
}

div#footer-column-4 {
width: auto;
padding: 0;
border: none;
}

div#copyright p {
font-size: 1.1em;
text-align: right;
color: #545454;
}

/* Competition */

div#competition-form input.input-field,
div#competition-form textarea {
width: 250px;
margin: 0 0 10px;
}

div#competition-form label {
font-size: 1.2em;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
