/* @group General */ body {color:#000;background:#fff none repeat fixed center top;font:75%/1em Georgia, Times, "Times New Roman", serif;} .hide {display:none;} /* @end */ /* @group Typo */ a, a:hover {color:#585858;border:none;} h1, h2, h3 {margin:0 0 24px 0;font-size:2em;color:#333;text-transform:uppercase;font-family:'Kreon', Georgia, Times, "Times New Roman", serif;} h3 {} h4 {} h5 {} h6 {} p,li {font-size:1em;line-height:1em;} /* @end */ /* Wrapper */ #wrapper {background:#fff;color:#000;} /* @end */ /* Header */ #header {display:block;position:relative;width:912px;margin:0 auto;padding:24px 0;} #header h1 {margin:0;} #logo {display:block;width:188px;height:210px;padding:0 0 12px 0;margin:0 0 12px 0;background:transparent url(/img/crap.logo.png) no-repeat 0 0;text-indent:-9999px;border-bottom:1px solid #ccc;} #logo_s {display:block;width:120px;height:134px;margin:0 0 0 42px;background:transparent url(/img/crap.logo.s.png) no-repeat 0 0;text-indent:-9999px;} #logo_s.logo_a {margin:0;} #header h2, #header p {text-transform:uppercase;font-size:.85em;line-height:1.1em;} #header .l {float:left;} #header .r {position:absolute;bottom:0;right:0;padding:0 0 12px 0;} #header .r h2 {margin:0;font-size:4em;text-align:right;} #header .r h3 {margin:0;font-size:2em;text-transform:uppercase;text-align:right;} #header .n {position:absolute;bottom:24px;right:24px;} #header .n div {display:block;} #header .n h2 {font-size:2em;text-transform:uppercase;text-align:right;} #header .n h3 {float:left;padding:8px 0 0 0;margin:0 6px;text-align:right;text-transform:uppercase;font-size:.85em;} #header .n ul {float:left;} #header .n li {float:right;} /* @end */ /* Content */ #content {background:#f8f8f8;border-top:1px dotted #e8e8e8;border-bottom:1px dotted #e8e8e8;} .section {display:block;width:912px;margin:0 auto;padding:48px 24px;} .section h2 {display:inline-block;padding:6px 6px 3px 6px;margin:0 0 24px 0;background:#d8d8d8;color:#333;font-size:.85em;line-height:1em;text-transform:uppercase;font-weight:300;letter-spacing:1px;border:1px solid #c8c8c8;} .section_2 {padding:0 0 24px 0;margin:0 0 36px 0;border-bottom:1px dotted #ccc;} .section_last {margin:0;border:none;padding:0;} .section_2 h3 {margin:0 0 24px 0;font-size:2em;line-height:1em;color:#333;text-transform:uppercase;} .section_0 footer {padding:12px 0 0 0;} .section_0 footer .nav {display:block;} .section_0 footer .nav li {float:left;margin:0 6px 0 0;} .section_0 .button {display:block;padding:4px 8px;background:#f2f2f2;color:#777;border:1px solid #ddd;text-transform:uppercase;font-size:.75em;} .section_0 .button:hover {background:#e8e8e8;color:#000;} .section_with_footer {padding:0 0 12px 0;margin:0 0 12px 0;} /* @end */ /* Artists */ #artists {display:block;padding:12px 0 48px 0;} #artists li {display:block;float:left;margin:0 6px 12px 6px;line-height:1em;background:#000;border:6px solid #e8e8e8;} #artists .last {margin:0 0 12px 6px;} #artists .first {margin:0 6px 12px 0;} #artists a {display:block;position:relative;width:207px;height:120px;line-height:.7em;color:#000;background:transparent none no-repeat center top;text-transform:uppercase;} #artists .title {display:block;width:207px;position:absolute;bottom:0;left:0;padding:8px 0 4px 0;background:transparent url(/img/crap.bg.title.png) repeat 0 0;color:#fff;font-family:'Kreon', Georgia, Times, "Times New Roman", serif;font-size:1em;line-height:1em;text-align:center;} #artists .suffix {display:block;font-size:.75em;} #artists a:hover {} #artists .artist_odd a {} /* @end */ /* Nav */ #artist_nav, #nav {width:100%;padding:12px 0;background:#fff;border-top:1px dotted #eee;} #artist_nav a, #nav a {font-size:.95em;} #artist_nav a:hover, #nav a:hover {border-bottom:1px dotted #585858;} #artist_nav .active a {color:#000;border-bottom:1px dotted #000;} #artist_nav .inner {display:block;width:912px;margin:0 auto;} #artist_nav .l {float:left;font-size:.95em;text-transform:uppercase;} #artist_nav .r {float:right;} #artist_nav li {float:left;margin:0 0 0 12px;text-transform:uppercase;} #nav ul {display:block;width:912px;margin:0 auto;} #nav li {float:left;margin:0 12px 0 0;text-transform:uppercase;} #nav a, #nav a:hover {border:none;} #nav .txt {padding:8px 0 0 0;font-size:.95em;} #nav .txt a {color:#000;border-bottom:1px dotted #333;} #nav .txt a:hover {border:none;} #nav .newsletter {margin:0 0 0 32px;padding:1px 0 0 0;} #nav .newsletter input {width:180px;padding:4px;border:1px solid #eee;color:#555;font-style:italic;line-height:1em;} #nav .newsletter .button {width:auto;font:1em/1em Georgia, Times, "Times New Roman", serif;border:none;background:#fff;cursor:pointer;} #nav .newsletter .button:hover {background:#f2f2f2;color:#000;} #nav .social {margin:0;padding:4px 0 0 0;} #nav .social a {display:block;width:26px;height:19px;background:transparent url(/img/crap.social.png) no-repeat 0 0;text-indent:-9999px;} #nav .social_2 a {width:18px;background-position:-5px -19px;} #nav .agency {float:right;} #nav .agency a {display:block;width:25px;height:25px;background:transparent url(/img/crap.agencies.png) no-repeat 0 0;text-indent:-9999px;} #nav .agency_2 {margin:0;} #nav .agency_2 a {width:100px;background-position:-5px -25px;} /* @end */ /* Social */ #social {display:block;float:left;} #social li {float:left;margin:0 1px 0 0;} /* @end */ /* Agencies */ #agencies {display:block;float:left;} #agencies li {float:left;margin:0 6px 0 0;} /* @end */ /* Slides */ #slides {display:block;position:relative;width:912px;height:212px;margin:24px auto 0 auto;padding:0 0 12px 0;border-bottom:1px dotted #ccc;} #slides .slides_w {display:block;position:relative;width:900px;padding:6px;background:#e8e8e8;} #slides .slides {display:block;position:relative;width:900px;height:200px;} #slides .slide {display:block;width:900px;height:200px;position:absolute;top:0;left:0;padding:0;background:#000 none no-repeat center top;} #slides .slide_body {display:block;position:absolute;right:24px;bottom:24px;text-align:right;} #slides .title {margin:0;font-family:'Kreon', Georgia, Times, "Times New Roman", serif;font-size:3em;color:#fff;text-transform:uppercase;font-weight:900;} #slides .desc {margin:0;font-family:'Kreon', Georgia, Times, "Times New Roman", serif;font-size:1.5em;color:#fff;text-transform:uppercase;font-weight:300;} /* @end */ /* Artist */ #artist .body {font-size:1.2em;font-weight:300;text-align:justify;} #artist .body p {font-size:1em;line-height:1.4em;margin:0 0 12px 0;} #artist .thumb_full {margin:0 0 24px 0;background:#f2f2f2;padding:2px;} #artist_biography .body .thumb {/*margin:0 24px 24px 0;*/width:437px;margin:0 0 24px 0;background:#f2f2f2;padding:2px;} #artist_biography .body .thumb img {border:1px solid #ccc;} #artist .thumb_full img, #artist .thumb img {display:block;} /* @end */ /* Artist - links */ #artist_links {display:block;padding:0 0 48px 0;} #artist_links li {display:block;float:left;margin:0 6px 0 0;} /* @end */ /* Artist - Documents */ #artist_documents {display:block;} #artist_documents li {display:block;float:left;margin:0 6px 0 0;} /* @end */ /* Artist - Events & Posts */ #artist_events .body li, .post {display:block;padding:12px;margin:0 0 12px 0;background:#f2f2f2;border:1px dotted #e8e8e8;} #artist_events .date, .post .date {display:block;float:left;margin:0 12px 0 0;width:42px;padding:3px;background:#333;color:#fff;border:1px solid #e8e8e8;font-family:'Kreon', Georgia, Times, "Times New Roman", serif;text-align:center;text-transform:uppercase;} #artist_events .day, #artist_events .month, .post .day, .post .month {font-size:.75em;line-height:.85em;font-weight:600;} #artist_events .year, .post .year {display:block;font-size:.75em;line-height:.95em;letter-spacing:2px;} /* @end */ /* Artist - Events*/ #artist_events .info {display:block;float:left;width:348px;padding:3px 0 0 0;font-size:.85em;text-transform:uppercase;} #artist_events .artist {display:block;font-size:.85em;line-height:1em;margin:0 0 1px 0;padding:0 0 3px 0;} #artist_events .artist .ul {border-bottom:1px dotted #aaa;} #artist_events .location {display:block;font-size:.85em;} #artist_events .body .clickable {padding:0;} #artist_events .body .trigger {display:block;padding:12px;color:#000;} #artist_events .body .trigger:hover {border:none;background:#e8e8e8;} /* @end */ /* Artist - Posts */ .post header {display:block;padding:6px 0 12px 0;margin:0 0 12px 0;border-bottom:1px dotted #999;} .post h3 {font-size:1.2em;line-height:1em;margin:0;} .post h3 a {color:#333;} .post h3 a:hover {color:#666;} .post footer {border-top:1px dotted #999;} #artist .post footer p, #posts_archive .post footer p {margin:0;font-size:.75em;text-transform:uppercase;} #artist .post footer a:hover, #posts_archive .post footer a:hover {color:#333;} #artist .post .excerpt, #posts_archive .post .excerpt {display:block;margin:0;padding:0 0 12px 0;font-size:.85em;} #artist .post .excerpt .excerpt_text, #posts_archive .post .excerpt .excerpt_text {line-height:1.6em;} #artist .post .date, #posts_archive .post .date {margin:3px 6px 0 0;} .post_detail .body p {margin:0 0 12px 0;font-size:1.2em;line-height:1.4em;text-align:justify;} .post_detail footer {border-top:1px dotted #e8e8e8;} .post_detail .thumb_full {margin:0 0 24px 0;background:#f2f2f2;padding:2px;} #posts_archive {font-size:1.2em;} #posts_archive .post footer {padding:12px 0 0 0;} /* @end */ /* Artist - Audio */ #artist_audio .soundcloud_track_box {position:relative;padding:36px 24px;background:#f2f2f2;border:1px dotted #e8e8e8;} #artist_audio .soundcloud_track, #artist_audio .body .soundcloud_desc {width:840px;margin:0 auto;} #artist_audio h4 {margin:0 0 3px 0;padding:0 14px;text-transform:uppercase;font-size:.9em;color:#999;font-weight:300;} #artist_audio .body .soundcloud_desc strong {font-size:1.1em;text-transform:uppercase;color:#666;} #artist_audio .body .soundcloud_desc {margin:6px auto 0 auto;font-size:.85em;color:#999;} #artist_audio .pager {position:absolute;top:72px;} #artist_audio .pager_prev {left:12px;} #artist_audio .pager_next {right:12px;} /* @end */ /* Artist - Video */ #artist_video .col {width:219px;float:left;margin:0 12px 12px 0;} #artist_video .last {margin:0 0 12px 0;} #artist_video .col a {display:block;position:relative;width:219px;height:128px;overflow:hidden;} #artist_video .col img {width:219px;height:auto;position:absolute;top:50%;left:0;margin:-82px 0 0 0;} #artist_video footer {padding:24px 0 0 0;} #artist_video footer .video_title {display:block;height:12px;padding:6px 0 0 0;font-size:.95em;overflow:hidden;} /* @end */ /* Twitter */ .tweets {padding:24px;background:#f2f2f2;border:1px dotted #e8e8e8;} .tweets .tweet_list {display:block;} .tweets li {display:block;padding:0 0 12px 0;margin:0 0 12px 0;border-bottom:1px dotted #999;font-size:1em;line-height:1.2em;font-weight:300;} .tweets .tweet_last {margin:0;padding:0;border:none;} .tweets a {color:#999;} .tweets a:hover {border-bottom:1px dotted #999;} .tweet_time {display:block;padding:0 0 3px 0;} .tweet_time a {color:#333;font-size:.95em;text-transform:uppercase;font-weight:600;} .tweet_join {display:none;} .tweet_avatar {float:left;margin:0 12px 0 0;} .tweet_list .tweet_last {margin:0;padding:0;border:none;} /* @end */ /* Artist - FB */ #artist_fb .fb-like-box {padding:24px;background:#f2f2f2;border:1px dotted #e8e8e8;} /* @end */ /* Lists */ .list_cols, .cols {display:block;} .list_cols .col, .cols .col {float:left;width:444px;} .list_cols .col_r, .cols .col_r {float:right;} /* @end */ /* Footer */ #footer {padding:24px 0;background:#333;} #footer .section {width:912px;padding:24px;} #footer h3 {padding:0 0 24px 0;margin:0 0 24px 0;font-size:1.5em;color:#fff;text-transform:uppercase;border-bottom:1px dotted #ccc;} #footer #crap_tweets .tweets {padding:0;background:transparent; border:none;} #footer .tweets li {float:left;width:430px;height:64px;overflow:hidden;background:transparent;color:#fff;border-bottom:1px dotted #444;padding:6px;margin:0 12px 12px 0;} #footer .tweets .tweet_time a {color:#fff;} #footer .tweets .tweet_odd {margin:0 0 12px 0;} #footer .tweets .tweet_last {} /* @end */ /* Z-indexes */ #nav, #artist_nav {z-index:900;} #content {z-index:200;} #artist_social {z-index:300;} #artist_fb {z-index:350;} #artist_fb .fb-like-box {z-index:360;} /* @end */ /* @group CSS3 */ .section h2 {-moz-border-radius: 12px;-webkit-border-radius: 12px;} .button {-moz-border-radius: 5px;-webkit-border-radius: 5px;} #artist_biography .body, .post_detail .body {-moz-column-width: 444px;-webkit-column-width: 444px;-moz-column-gap: 24px;-webkit-column-gap: 24px;} #slides .title, #slides .desc, #artists .title {text-shadow: 1px 1px 1px #000;} /* {-moz-border-radius: 12px;-webkit-border-radius: 12px;} {-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topleft:12px;-webkit-border-top-left-radius:12px;} */ /* @end */