/* CSS Document */

html, 
body{
	height:100%;
	margin:0;
	padding:0;
}

body{
	background-color:#e8eec8;
	background-image:url(../images/site_backdrop.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;

}

/*
.cleared{
	clear:both;
	font-size:0;
	line-height:0;
}
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*.clearfix {
	display:inline;
}
*/


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	display:block;
}

*:first-child+html .clearfix {
	height: 1%;
	display:block;
}





.hidden{
	display:none;
}


#wrapper{
	min-height:100%;
	position:relative;
}

* html #wrapper{
	height:100%; 
}



#wrapper-inner{
/*	width:880px; */

/*	padding-left:10px;
	padding-right:10px;
	*/
}


#page{
	padding-bottom:200px;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

#page-inner{
/*	background-image:url(../images/back_bmp.png); */
	background-repeat:no-repeat;
}

#content{

}

#content-inner{
	padding: 50px 0 0 0;

}



#footer{
	height:100px;
	background-color:#FFFFFF;
	position:absolute;
	bottom:0;
	width:100%;
}



#footer-content{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	
}

#footer-content-inner{
	padding:10px;
	color:#999999;
}

#footer-content-inner #webstuff{
	width:600px;
	float:left;
}

#webstuff ul#social li{
	float:left;
	margin-right:25px;
}

#webstuff ul#social li a{
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0px 0px;

}

#webstuff ul#social li#facebook a{
	background-image:url(../images/icon_facebook.png);
}

#webstuff ul#social li#myspace a{
	background-image:url(../images/icon_myspace.png);
}

#webstuff ul#social li#lastfm a{
	background-image:url(../images/icon_lastfm.png);
}


#footer-content-inner #copyright{
	text-align:right;
	width:320px;
	float:right;
}



#head-upper{
	height:115px;
}


#brand{
	height:115px;
}

#brand-inner{
	padding-top:20px;
}

#brand #logo{
	float:left;
	width:90px;
	height:65px;
	background-image:url(../images/logo_cco.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
}

#site-name{
	width:390px;
	height:65px;
	float:left;
	padding-top:15px;
	background-image:url(../images/cco_naming.png);
	background-repeat:no-repeat;
	background-position: 0px 19px;
}


#join-cco{}


#topnav{
	
/*	background-color:#d4ddc0; */
	background-image:url(../images/nav_backdrop.png);
	background-repeat:no-repeat;
	height:28px;
	width:940px;
}

#topnav-inner{
	padding:1px 0 0 0;
}


#topnav ul li{
	float:left;
}

#topnav li a{
	display:block;
	padding:4px 8px 5px 8px;
	margin-right:8px;

	
/*	color:#1b659e; */
	color:#e8eecf;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}



/* CONTENT */


.fullcol{
	width:100%;
	
}

.fullcol-inner{

}


.leftcol{
	width:700px;
	float:left;
}

.leftcol-inner{
	padding:0 10px 0 10px;

}



.rightcol{
	float:left;
	width:240px;

}

.rightcol-inner{
	padding:0 10px 0 10px;
}

.teaser-dummy{
	background-color:#FFFFFF;
}



.artist-overview{
	width:940px;
}

.release-teaser,
.artist-teaser
{
	float:left;
	width:180px;
	height:220px;
}

.release-teaser-inner,
.artist-teaser-inner
{
}


.release-teaser-inner .title,
.artist-teaser-inner .title
{
	/* font vgl. typo.css */
	padding-top:.3em;
}



/* Blog-Eintrag */

.article{
	margin-bottom:40px;
	width:600px;
}

.article-inner{}


.article-inner h3{
	margin-bottom:.7em;
}

.article-inner h3 a,
.article-inner h3 a:visited
{
	text-decoration:none;
	color:#333333;
	color:#4a4b4c;
}


.article-inner p{

}

.article-content{
	padding-bottom:2em;
}


.article-inner .inline-left{
	margin-right:1em;
}

.article-inner .inline-right{
	margin-left:1em;
}


.article-inner .inline .caption{
	font-size:80%;
	line-height:110%;
}


/*  */



/* Featured Release */

.fullcol-inner .region-marker{
	padding: 0 0 5px 10px;
	color:#669966;
}


.fullcol-inner .featured-release{
	background-color:#FFFFFF;
	margin-bottom:5em;
}

.fullcol-inner .featured-release .featured-release-inner{
	padding:10px;
	padding-bottom:40px;
}

.feature-left{
	float:left;
	width:170px;
}

.feature-center{
	float:left;
	width:305px;
}

.feature-center-inner{
	padding-right:30px;
}

.feature-right{
	float:left;
	width:445px;
}

.feature-right-inner{
	padding-left:5px;
}


/* ARTIST PAGE */




.artist-info img{
	float:left;
	margin-right:18px;
	margin-bottom:12px;
	border:solid 1px white;
	
}

.artist-link{
	margin-bottom:7px;
}

.artist-jukebox{
	width:600px;
}


/* Release Page */

.release-info{}


.release-block{
	
}

.release-block-inner{
	padding-top:25px;
	padding-bottom:30px;

}

.release-block .cover{
	float:left;
	width: 270px;
}




.release-rightcol{
	float:left;
	padding:10px;
}

.release-rightcol .buy-links{
	padding-top:20px;
}

.buy-links .digital,
.buy-links .order
{
	padding-bottom:20px;
}

.digital .buy-link,
.order .buy-link
{
	float:left;
	margin-right:20px;
}


/* */


/* EVENTS */

.event-row{
	border-bottom:dotted 1px #4a4b4c;
	
}

.event-row-inner{
	padding-bottom:12px;
	padding-top:12px;
}

.event-row-inner p{
	margin:0;
	padding:0;
}


.event-date{
	width:140px;
	float:left;
}

.event-date-inner{

}


.event-info{
	width:460px;
	float:left;
}
.event-info-inner{

}

/* Upcoming events auf der Startseite */

.on-frontpage .event-row{
	margin-bottom:10px;
	padding-bottom:5px;
}

.on-frontpage .event-date{
	font-weight:bold;
}

.on-frontpage .event-info{
	white-space: inherit;
	width:220px;
}



.play_track_btn{
/*	background-color:#6699CC; */
	float:left;
	width:30px;
}

.play_track_title{
	float:left;
/*	width:150px; */
	white-space:nowrap;
}


.special-teaser{
	background-color:#333333;
	padding:10px;
	color:#FFFFFF;
}


li.pager-current{
	margin:0;
	font-weight:normal;
	font-size:20px;;
}

li.pager-previous,
li.pager-next
{
	margin:0;
	padding:0;
}


li.pager-previous a,
li.pager-next a
{
	background-color:#2c282e;
	padding: 0px 10px 2px 10px;
	color:#FFFFFF;
	font-size:16px;
}