@charset "UTF-8";
* { margin: 0px; padding: 0px; }

/* basic page structure */

html {
height: 100%;
}

body {
font-family: "Lucida Grande", Georgia, Arial, Helvetica, sans-serif;
background: url(../img/background.gif) repeat;
font-size: 100%;
height: 100%;
}

.headline {
display: block;
margin-bottom: 16px;
}

#wrap {
width: 100%;
min-height: 100%;
background: url(../img/background-border.png) no-repeat;
background-position: 719px 0px;
}

#menu {
display: block;
width: 720px;
height: 65px;
background: url(../img/menu-background.png) no-repeat;
}

#infobar {
display: block;
color: #656464;
width: 660px;
height: 25px;
background: url(../img/infobar-background.png) no-repeat;
padding: 20px 40px 20px 40px;;
}

#infobar a {
font-size: 100%;
color: #656464;
display: inline;
}

#infobar p img {
float: left;
padding-right: 10px;
}

#infobar p {
height: 39px;
display: inline;
float: left;
font-size: 80%;
}

#infobar input {
background-color: #e3a9b1;
border: 0px;
color: #ff7680;
font-size: 85%;
padding: 4px;
}

#infobar input[type="submit"] { display: none; }

.search {
float: right;
padding-right: 20px;
}

#content, #footer {
display: block;
background-color: #fefcfd;
font-size: 80%;
width: 720px;
border-right: 3px solid #ff7680;
}

#contentwrap {
width: 580px;
padding: 40px 17px 0 17px;
color: #2d2d2d;
}

#contentwrap p {
padding-bottom: 16px;
text-align: justify;
}

.toolbar {
clear: both;
width: 100%;
display: block;
margin-top: 16px;
}

.toolbar a img {
float: left;
padding-right: 4px;
}

.toolbar a {
color: #ccc;
}

#sidebar {
width: 200px;
font-size: 80%;
position: absolute;
top: 241px;
left: 570px;
float: right;
padding: 15px;
background-color: #1c1419;
border: 2px solid #000;
}

#footer {
padding-top: 20px;
padding-bottom: 8px;
}

.description {
font-size: 10px;
position: relative;
left: 10px;
top: -3px;
}

hr {
border: 0px;
display: block;
background: url(../img/pixels.gif) repeat-x;
width: 580px;
height: 8px;
margin-bottom: 16px;
}

/* navigation */

#menu ul {
list-style: none;
padding-left: 48px; 
}

#menu ul li {
display: inline;
float: left;
}

#menu a {
height: 65px;
display: block;
}

#menu a em {
display: none;
}

#menu a#nav_blog {
width: 77px;
background-image:url(../img/menu-blog.png);
}

#menu a#nav_blog:hover {
background-position: 0 65px;
border-bottom: 0px;
}

#menu a#nav_label {
width: 95px;
background-image:url(../img/menu-label.png);
}

#menu a#nav_label:hover {
background-position: 0 65px;
border-bottom: 0px;
}

#menu a#nav_artists {
width: 110px;
background-image:url(../img/menu-artists.png);
}

#menu a#nav_artists:hover {
background-position: 0 65px;
border-bottom: 0px;
}

#menu a#nav_releases {
width: 147px;
background-image:url(../img/menu-releases.png);
}

#menu a#nav_releases:hover {
background-position: 0 65px;
border-bottom: 0px;
}

#menu a#nav_extras {
width: 109px;
background-image:url(../img/menu-extras.png);
}

#menu a#nav_extras:hover {
background-position: 0 65px;
border-bottom: 0px;
}

#menu a#nav_links {
width: 87px;
background-image:url(../img/menu-links.png);
}

#menu a#nav_links:hover {
background-position: 0 65px;
border-bottom: 0px;
}

/* text and links */

address {
font-size: 100%;
font-style: normal;
padding-bottom: 16px;
}

h1 {
width: 720px;
height: 88px;
background: url(../img/header.png) repeat-x;
}

h1 a {
display: block;
width: 720px;
height: 86px;	
}

h1 span, h2 span {
display: none;
}

h2 { 
font-size: 100%; 
font-weight: bold; 
}

h2#blog {
background: url(../img/h2-blog.png) no-repeat;
height: 47px;
width: 64px;
}

h2#label {
background: url(../img/h2-label.png) no-repeat;
height: 47px;
width: 78px;
}

/* artists headlines */

h2#artists {
background: url(../img/h2-artists.png) no-repeat;
height: 47px;
width: 92px;
}

h2#skyk {
background: url(../img/h2-skyk.png) no-repeat;
height: 47px;
width: 72px;
}

h2#erdbeerschnitzel {
background: url(../img/h2-erdbeerschnitzel.png) no-repeat;
height: 47px;
width: 244px;
}

h2#niklas {
background: url(../img/h2-niklas.png) no-repeat;
height: 47px;
width: 91px;
}

h2#orangeblend {
background: url(../img/h2-orangeblend.png) no-repeat;
height: 47px;
width: 204px;
}

h2#anora {
background: url(../img/h2-anora.png) no-repeat;
height: 47px;
width: 88px;
}

h2#nabru {
background: url(../img/h2-nabru.png) no-repeat;
height: 47px;
width: 89px;
}

h2#ethanjones {
background: url(../img/h2-ethanjones.png) no-repeat;
height: 47px;
width: 177px;
}

h2#ladydie {
background: url(../img/h2-ladydie.png) no-repeat;
height: 47px;
width: 129px;
}

/* releases headlines */

h2#releases {
background: url(../img/h2-releases.png) no-repeat;
height: 47px;
width: 128px;
}

h2#phr001 {
background: url(../img/h2-phr001.png) no-repeat;
height: 47px;
width: 581px;
}

h2#phr002 {
background: url(../img/h2-phr002.png) no-repeat;
height: 47px;
width: 565px;
}

h2#phr003 {
background: url(../img/h2-phr003.png) no-repeat;
height: 47px;
width: 558px;
}

h2#phr004 {
background: url(../img/h2-phr004.png) no-repeat;
height: 47px;
width: 529px;
}

h2#phr005 {
background: url(../img/h2-phr005.png) no-repeat;
height: 47px;
width: 272px;
}

h2#links {
background: url(../img/h2-links.png) no-repeat;
height: 47px;
width: 76px;
}

h2#extras {
background: url(../img/h2-extras.png) no-repeat;
height: 47px;
width: 90px;
}

h2#bpmkeydatabase {
background: url(../img/h2-bpmkeydatabase.png) no-repeat;
height: 47px;
width: 347px;
}

h2#search {
background: url(../img/h2-search.png) no-repeat;
height: 47px;
width: 97px;
}

h2#imprint {
background: url(../img/h2-imprint.png) no-repeat;
height: 47px;
width: 110px;
}

h2#notfound {
background: url(../img/h2-notfound.png) no-repeat;
height: 47px;
width: 311px;
}

h3 {
font-size: 100%;
}

h3 a {
color: #ff3b80;
}

#content li p { 
color: #656464;
}

h4 {
margin-bottom: 16px;
display: block;
clear: both;
color: #2d2d2d;
font-size: 100%;
}

#footer span {
padding: 8px;
background-color: #2D2D2D;
color: #fff;
font-size: 90%;
}

.introduction {
color: #2d2d2d;
font-weight: bold;
font-size: 100%;
display: block;
/*padding-bottom: 16px;*/
}

.grey {
color: #656464;
}

#content img {
max-width: 580px;
}

.widescreen {
margin: 4px 0 0 0;
border: 2px solid #000;
}

#content ul {
list-style-type: none;
padding-bottom: 16px;
}

#content a, #sidebar a {
text-decoration: none;
}

#content p a {
color: #ff3b80;
}

#content a:hover {
color: #8de40a;
}

.ext {
background: url(../img/ico-ext.png) no-repeat scroll right center;
padding-right: 16px;
}

.shoplinks .ext, #footer .ext {
background: transparent;
padding-right: 0px;
border: 0px; 
}

.cover {
width: 200px;
float: left;
}

.tracklist {
overflow: hidden;
width: 364px;
padding-left: 10px;
float: right;
}

#footer p {
font-size: 100%;
}

#footer a, p, td, li {
text-decoration: none;
border: 0px;
}

#footer a {
color: #fff;
border-bottom: 1px dotted #fff;
}

/* content and image boxes */

.box, .imgbox {
background: url(../img/box-background.gif) repeat-x;
border: 1px solid #fae5ea;
}

.box {
cursor: pointer;
margin-bottom: 16px;
display: block;
width: 405px;
min-height: 138px;
}

.box p a img { padding: 1px; }

.boximg {
float: left;
width: 120px;
padding: 9px;
}

.box h3 {
color: #ff3b80;
text-transform: uppercase;
padding-top: 9px;
}

.box p {
color: #656464;
display: block;
font-size: 90%;
margin: 0px;
text-align: justify;
max-width: 378px;
padding-right: 9px;
/*width: 563px;*/
}

.box:hover {
/*border: 1px solid #bbb;*/
}

.imgbox {
float: left;
margin-right: 10px;
width: 100%;
height: 138px;
margin-bottom: 16px;
}

.imgnav {
display: block;
width: 218px;
height: 20px;
text-align: left;
padding: 9px;
}

.imgnav span {
color: #656464;
font-size: 85%;
position: relative;
left: 4px;
}

.imgbox a img {
float: left;
padding: 0 4px 0 0;
}

.imgbox img {
float: left;
padding: 9px 9px 9px 9px;
}

.imagebox {
width: 580px;
height: 100px;
}

.imagebox img {
display: block;
}

.imagebox span {
padding: 6px;
background-color: #2D2D2D;
color: #fff;
font-size: 90%;
position: relative;
top: -22px;
}

.warningbox {
width: 480px;
padding: 10px;
color: #fff;
background-color: #ff0000;
}

/* lists */

#content li {
width: 500px;
padding: 8px 0 8px 0;
border-bottom: 1px #ff4888 solid;
color: #2d2d2d;
}

#content li a {
color: #ff3b80;
font-weight: bold;
}

#content li h4 {
margin-bottom: 0px;
}

#content li img {
float: left;
padding: 0 8px 0 4px;
}

.greybg {
background-color: #fcf1f4;
}

.shoplinks {
display: block;
}

.shoplinks li {
display: inline;
}

.shoplinks li a img {
margin-right: 20px;
margin-bottom: 16px;
}

/* pagination */

ul#pagination {
    font-family: tahoma;
    text-align: center;
    padding-bottom: 16px;
}

#pagination li {
	padding: 0px;
	width: auto;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 13px;
    margin: 2px 6px 2px 0;
    color: #FF3B80;
    border: 1px solid #837880;
}

#pagination li a, #pagination li.current, #pagination li.inactive {
    font-weight: normal;
    display: block;
    text-decoration: none;
    padding: 1px 5px 2px 5px;
    background-color: #FEFCFD;
}

#pagination li a:hover, #pagination li a:active {
	color: #fff;
    background-color: #ddd;
}

#pagination li.current {
    font-weight: bold;
    color: #fff;
    background-color: #FF3B80;
}

/* bubbles */

div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote {
	padding: 10px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../img/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

.spacer {
height: 1px;
}

/* table */

td {
color: #837880;
}

table td a {
color: #ff3b80;
}

table {
width: 580px;
}

table tbody tr:nth-child(even) {
background-color: #fcf1f4;
}

table td, table th {
height: 18px;
padding: 8px 0 8px 4px;
border-bottom: 1px #ff4888 solid;
text-align: left;
/*color: #2d2d2d;*/
}

table thead th {
color: #000;
font-weight: bold;
cursor: pointer;
}

table thead th:first-child {
padding-left: 0;
}

/* releases overview */

#list {
display: none;
}


/* forms */

form {
}

fieldset {
border: 0px;
}

input, button, textarea, select {
/*background-color: #000;
padding: 4px;
border: 1px solid #010101;
color: #ddd;
*/
}

input {
}

textarea {
width: 100%;
height: 200px;
}

.shutup {
display: none;
}

.clear {
display: none;
clear: both;
}

img { border: 0px; }

.floatimg {
float: left;
padding-right: 10px;
}

/* module specific stuff */

.search_highlight {
border-bottom: 1px dotted #000;
}

.code {
font-size: 85%;
color: #bbb;
padding: 4px;
border: 1px solid #ddd;
}

/* web20 box */

.web20 a {
background: none;
padding-right: 8px;
}

/* twitter box */

.tweet span {
width: 572px;
display: block;
padding: 4px;
border: 1px solid #c4c4c4;
background-color: #e8e8e8;
font-size: 85%;
}

.tweet .followus {
float: right;
}