/* 
##  dreikelvin CSS Framework 4
##  
##  Author & Copyright: Robert Jung 2009
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Birdy Adder"
##
##
*/
/* ## XHTML basis elements ############################ start # */

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

br { clear:both; }

p br { clear: none; }

.hidden {  display:none;  }

div, section, article, footer, header, nav {

	margin:0;
	padding:0;
	float:none;
	width:100%;
	position:relative;
	display:block;

}

a:active, a:focus { outline:none; }

a img { border:none; }

object { margin:0; padding:0; }

/* ## HTML basis elements ############################ end ### */

/* ## main elements ################################## start # */


#index, #index a {  

	height:56px;
	width:403px;
	margin:0;
	padding:0;
	z-index: 1;
	display: block;

}

#index {

	position: absolute;
	top:11px;
	left:0px;

}

#index a img {
	
	width: auto;
	height:42px;

}


#mainwrapper, #mainwrapper-interior {

	width: 961px;
	margin:0 auto;

}

#header {

	width:961px;
	height:254px;
	margin:0 auto;
	display: block;

}

.column {


}

hr {
	
	display: block;
	clear: both;
	margin: 20px 0;

}

.note {

	padding:0;

}

.note p {
	
	margin:0;
	padding: 20px;
	width: auto;

}


/* ## main elements ################################### end ### */



/* ## navigation ###################################### start # */

#navigation {

	width:961px;
	margin:0 auto;
	padding:0;
	display: block;

	
}

#navigation ul {

	list-style-type: none;
	margin:0;
	padding:20px 0;
	width:961px;

}

#navigation ul li {

	display:inline;
	padding: 0 20px 10px 0;

}

#navigation ul li.selected a {

	padding: 2px 5px;

}


ul.breadcrumb {

	margin:-10px 0 0 0;
	padding:0;
	list-style-type: none;
	width:100%;
	line-height: 30px;
	height:30px;

}

ul.breadcrumb li { display: inline; padding: 10px 10px 10px 0; }

/* ## navigation ###################################### end ### */


/* ## content elements ################################ start # */


#headslider {

	width:961px;
	height:175px;
	overflow: hidden;
	position: absolute;
	position: absolute;
	top:79px;

}

#headslider ul {

	list-style-type: none;
	margin:0;
	padding:0;
	height:175px;

}

#headslider ul li {

	list-style-type: none;
	margin:0;
	padding:0;
	width:961px;
	height:175px;
	overflow: hidden;

}

#headslider ul li img {

	width: 961px;
	height:auto;

}


#controls {

	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	bottom:5px;
	right:0;

}

#controls li {

	float: left;
	width: 18px;
	height:18px;
	margin-right:5px;
	text-indent:-999999px;
	
}

#controls li a {

	display: block;
	width:100%;
	height:100%;

}

.homebox {

	width:538px;
	float:left;
	z-index: 1;

}

.welcome, .releases {

	padding:20px 20px 20px 0;

}



.news {

	float:right;
	width: 400px;
	

}

.news ul {

	list-style-type: none;
	display: block;
	padding:0 15px 15px 15px;
	margin:0;

}

.news ul li {

	padding: 25px 0;

}

.news p { padding: 0 15px 15px 15px; }

.releases img { float:right; width:104px; height:104px; }

.gallery {

	width:1001px;
	left:7px;

}

.gallery h2 {
	
	padding:20px 0 10px 0;
	margin:0 20px;
	width:960px;

}


#slider {

	padding-top:10px;
	margin:0 20px;
	width:960px;	

}

#slider ul, .bottom .inner ul {

	margin:0;
	padding:0;
	list-style-type: none;
	

}

#slider ul li{

	margin:0 4px 0 0;
	padding:0;
	height:155px;

}

.gallery p {

	text-align: center;

}

.bottom {

	margin-top:20px;

}
 
.bottom .inner {

	width:auto;
	float: left;
	padding-bottom:20px;

}

.bottom .inner .box {

	padding:10px 30px;
	float: left;

}

.bottom .inner .mp3 {	width:250px; }
.bottom .inner .shop {	width:290px; }
.bottom .inner .newsletter { width:261px; padding-right:10px; }

.bottom .inner .shop ul li { margin: 0 2px; }
.bottom .inner .shop ul li img { width: 67px; height: 67px; }

.bottom .shop ul li { float: left; }

.bottom .mp3 ul li {
 
 	padding: 10px;
 	position: relative;
 
 }

.bottom .inner .box ul li strong { display: block; }


#mainwrapper-interior .left {

	width: 600px;
	float: left;
	padding: 0 20px 0 0;

}

#mainwrapper-interior .left-b {

	width: 330px;
	float: left;
	padding: 0 20px 0 0;

}

#mainwrapper-interior .right {

	width:300px;
	float: left;
	padding: 0 20px 20px 20px;
	
}

#mainwrapper-interior .right-b {

	width:540px;
	float: left;
	padding: 10px;
	
}

#mainwrapper-interior .friends .right-b {

	width:566px;
	float: left;
	padding: 12px;
	
}

.friends .right-b p.desc { padding:10px; margin: 10px; }

#mainwrapper-interior h2 { margin-top: 15px; padding-bottom:8px; }

#mainwrapper-interior .box .select-schedule {

	position: absolute;
	top:15px;
	right:20px;

}

#mainwrapper-interior .box .select-gallery {

	position: absolute;
	top:15px;
	right:90px;

}

ul.calendar, ul.schedule, ul.toplist, ul.friendlist { 

	list-style-type: none;
	margin:0;
	padding:10px;

}

ul.calendar li {

	display: inline;
	padding: 0 15px 0 0;

}

.right ul.calendar li,  .left-b ul.calendar li { padding: 0 4px 0 0; }

#mainwrapper-interior .box a.button-rss {

	float: right;

}

#mainwrapper-interior a.button { padding:5px; }

ul.schedule { padding:0; }
ul.schedule li, ul.friendlist li {

	display: block;
	padding:10px 10px 20px 10px;
	margin: 0 0 5px 0;
	clear: both;
	position: relative;

}

ul.friendlist li  { padding:10px 60px 10px 10px; margin: 0 0 2px 0; }
ul.friendlist li .button { position: absolute; top:5px; right:10px; }

ul.schedule li p {margin:0;	padding:0;}

ul.schedule li p.date {

	width:100px;
	height:100px;
	position: absolute;
	top:12px;
	left:10px;

}

ul.schedule li p.descr {

	width:320px;
	margin-left:100px;

}

ul.schedule li .pic, ul.schedule li .pic img {

	width:50px;
	height:50px;

}

ul.schedule li span.linkage {

	width:105px;
	display: block;
	position: absolute;
	bottom:10px;
	right:10px;


}

ul.schedule li ul {

	position: absolute;
	top:10px;
	right:10px;

}

ul.schedule li ul li {

	width:auto;
	height:auto;
	display:inline;
	margin:0;
	padding:0;

}

ul.schedule li h4 {

	margin:0;
	padding: 0 140px 20px 0;

}


.right .button-rss {

	margin-top:10px;

}

ul.toplist {

	padding:0;	

}

ul.toplist li {

	padding: 20px 10px 20px 70px;
	position: relative;

}

ul.toplist li strong {
	
	position: absolute;
	top:10px;
	left:10px;
	display: block;
	width:40px;
	text-align: right;
	

}

ul.toplist li a {

	display: block;

}

#galleryslider {

  width:590px;
  margin: 0 auto;
  position: relative;
  top:-10px;
  left:-20px;
  
}

.scroll {
  height: 400px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
	
  padding: 0 70px;
  height: 415px;
  width: 540px; /* change to 560px if not using JS to remove rh.scroll */
  
}


.scrollContainer div.panel p {

	position: absolute;
	display: block;
	bottom:0;
	left:-20px;
	padding: 20px;
	width: 580px;
	text-align:center;

}

#galleryslider ul.navigation, #galleryslider h4 {

	padding: 0 20px 20px 20px;

}

#galleryslider ul.navigation {

	list-style-type: none;
	margin:0;
	padding:5px;
	float:left;
	position: relative;
	left:20px;
	width:540px;

}

#galleryslider ul.navigation li {

	float:left;
	margin-bottom:-1px;

}

#galleryslider ul.navigation li img {

	width:75px;
	height:75px;

}

table.releases {

	border-collapse: collapse;
	width:100%;

}

table.releases thead tr th, table.releases tbody tr td { 
	
	text-align: left;
	padding:10px;
	
}

table tr td.td_catid { width:80px; }

.releaseinfo img {

	float:left;
	margin: 0 20px 20px 0;

}

.releaseinfo h3 { margin:0; padding:0; }

ul.tracklist, ul.files, ul.presscomments {

	margin:0;
	padding:0;
	list-style-type: none;
	float:none;
	width: 100%;

}

ul.presscomments { margin: 0 10px; }

ul.files li { margin: 0 0 8px 0; }

ul.tracklist li { 
	
	padding:10px 300px 10px 10px; 
	display: block;
	float: none;
	width: auto;
	position: relative; 
	
}

ul.tracklist li span { 

	width:350px; 
	display: inline;
	height:100%;
	
}
ul.tracklist li span.dur { width:50px; position: absolute; right:50px; top:10px; }


.tracklist li span.buttons {

	width:60px;
	position: absolute;
	top:7px;
	right:0;
	
}

.tracklist li span.buttons a { float: left; margin-right:5px; }


.presscomments li {

	padding:0 0 20px 0;
	margin: 0 0 10px 0;

}

.presscomments li span {

	width: auto;
	display: block;
	padding:20px 40px 10px 20px;

}

.presscomments li small { display: block; text-align: right;  }

.post {

	width: auto;
	padding: 0;
	margin-bottom:1px;

}

.post h3 {

	margin:0;
	padding:0;

}

.post a.comments {

	display: block;
	width:39px;
	height:32px;
	overflow: hidden;
	text-align: center;
	line-height:25px;
	position: absolute;
	top:0;
	right:0;

}

.comments strong { display: none; }

.postfooter {

	list-style-type: none;
	margin:10px 0;
	padding:0 0 20px 0;

}

.postfooter li { float:left; margin: 0 5px 0 0; }
.postfooter li.first { display: none; }

#mainwrapper-interior .blog article.right {

	padding: 10px 40px;
	width:260px;	

}

article.right ul {

	list-style-type: none;
	margin:0;
	padding:10px 0;
	width:265px;

}

.right ul li a {

	display: block;
	padding: 10px 0;

}


.feedwrapper {

	margin-top:20px;
	padding:15px 30px;
	width: auto;

}

ol.responses {

	margin:0;
	padding:0;
	list-style-type: none;

}

ol.responses li {

	margin: 0 0 6px 0;
	position: relative;
	padding-top:5px;
	padding-bottom:9px;

}

ol.responses li p {

	margin:0;
	padding:25px 20px 10px 66px;

}

ol.responses li small {

	position: absolute;
	top:10px;
	left:66px;

}

ol.responses li img {

	width:37px;
	height:37px;
	position: absolute;
	top:10px;
	left:10px;

}

.post .buttons {

	position: absolute;
	bottom:20px;
	right:0;

}

.contact .box { 

	float:none;
	display: block; 

}

.contact .box .text {

	width: 440px;
	float:left;
	padding:20px;

}



.box .text .acc div  {

	margin: 0;
	padding:10px;
	width: auto;

}

/* ## content elements ################################ end ### */

/* ## Headings ####################################### start # */

h2, h3 { margin:0; padding:0 0 10px 0; display: block; }

h2 span, h3 span {

	padding:2px 5px;

}

.news ul li h4 { margin:0; padding:0; }

.friends .right-b h3 { margin:0; padding:0 0 10px 0; }

.news h2 {

	margin: 15px 0 0 15px;
	padding: 0 0 15px 0;
	
}

.bottom h3 { margin:10px 0; }

#mainwrapper-interior h3 {

	margin: 20px 0 10px 0;

}

#mainwrapper-interior .acc h3 {

	margin: 0;
	padding:0 0 10px 0;
	width: auto;
	
}

/* ## Headings ####################################### end ### */

/* ## footer ########################################## start # */

footer {

	display:block;
	clear: both;
	padding: 0 0 50px 0;
	margin-top:25px;

}

footer .inner {

	width:1030px;
	margin: 0 auto;

}

footer ul {

	margin:0;
	padding:10px 0;
	list-style-type:none;

}

footer ul li { 

	margin:0;
	padding:0 10px 0 0;
	display:inline;

}

/* ## footer ########################################## end ### */


/* ## forms ########################################### start # */

fieldset, fieldset p {

	margin:0;
	padding:0;
	
}

label { margin:10px 0; display:block; }

#fieldset-newsletter label { margin: 0 0 5px 0; display:block; }

.bottom label { display:block; padding: 5px 0; }

.input-text, textarea { 

	padding:5px;
	width:260px;

}

textarea { width: 80%; height:150px; }

.errmsg {

	padding:10px;
	width:250px;

}

#fieldset-newsletter .input-text {

	width:120px;
	margin-right:10px;

}

#fieldset-newsletter button {

	position: absolute;
	bottom:10px;

}

#fieldset-contact { padding: 20px; }


.LV_validation_message {

	display: block;
	width:250px;
	padding:20px 10px 10px 10px;

}

/* ## forms ########################################### end ### */


/* ## Buttons ######################################## start # */

.button-download {

	position: absolute;
	top:12px;
	right:10px;

}

.sidebar .button-rss { position: relative; left:10px; margin-top:-70px; }


#content-generic #button-checkout {

	float: right;

}

.blog .button-rss {

	position: absolute;
	top:15px;
	right:20px;

}


/* ## Buttons ######################################## end ### */

/* ## Disqus ####################################### start ### */

.dsq-tooltip-outer {

	display: inherit;
	width: auto !important;
	position: absolute !important;

}

#disqus_thread button, #dsq-popup-message button, #dsq-popup-message label {

	text-indent: inherit !important;
	width: auto !important;
	display:inherit !important;
	color:#000 !important;

}

#dsq-comments button.dsq-comment-footer-reply-tab { display: none !important; }

.dsq-post-area {

	margin-top:10px;

}

#disqus_thread table tr td { padding: inherit !important; position: inherit !important }

#disqus_thread table tr td.dsq-header-avatar a img { margin-right: 5px !important; }

.fb_connect_bar_container { position: relative !important; }

.dsq-textarea {

	width:525px;

}

/* ## Disqus ######################################### end ### */