/*
Theme Name: Wuerfel
Theme URI: 
Description: Theme fuer der kleine gruene Wuerfel
Version: 1.0
Author: Stoffel
Author URI: 
Tags: 
Text Domain: 
*/

@import url('wpaudio.css');

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

/* ---------- @ Structure -----------*/
#page {
	max-width:842px;
	margin:10px auto;
	padding:0;
}

#header{
	border: 1px solid #000;
	width: 100%;
	margin-bottom: 16px;
	float: left;
	background: #fff url('images/wuerfel_banner.jpg') 0px 10px no-repeat;
}

#top-menu {
	line-height: 1.0;
	position:relative;
	background: #FFF;
	padding: 0px;
	margin-top: 90px;
	width: 80%;
}

#imp-menu {
	line-height: 1.0;
	float: right;
	background: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	width: auto;
}


#footer{
	width: 100%;
	border: 1px solid #000;
	padding: 5px;
	margin-top: 5px; 
	margin-bottom: 10px;
	background-color: #fff;
	clear: both;
	float: left;
}

#license{
	width: 100%;
	border: 1px solid #000;
	padding: 10px;
	margin: 16px 0; 
	background-color: #fff;
	clear: both;
	float: left;
}

#content {
	width:100%;
	float:left;
	clear: both;
}

#comments {
	width:100%;
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;
	clear: both;
	margin: 0px;
	float: none;
}

#content-home{
	width: 50%;
	padding-right: 8px;
	float: left;
}

#sidebar-home-left{
	width: 100%;
}

#sidebar{
	width: 50%;
	padding-left: 8px;
	float: right;
}

#sidebar-header{
	margin-top: 60px;
	float:right;
	clear: both;
	width: auto;
}

#nav-links{
	width: 100%;
	font-size: 1em;
	padding: 0px;
	float: left;
	margin: 8px 0;
	clear: both;
}

#nav-imp{
}

a.more-link{
	font-size: 0.85em;
}

.leftcol{
	width: 19%;
	float: left;
}

.middlecol{
	width: 59%;
	padding: 0 10px;
	float: left;
}

.rightcol{
	float: right;
	padding: 0;
	width: 18%;
}

.content-right{
	font-size: 0.9em;
}

.box{
	border: 1px solid #000;
	padding: 0px 10px 10px 10px; 
	margin-bottom: 16px; 
	background-color: #fff;
	display: block;
	float: left;
	width: 100%;
}

.release-no{
	float: right;
	font-size: 0.8em;
}

.bottomline{
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}

.left {
	float:left;
}

.right {
	float:right;
}

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


/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#FFF url('images/wuerfel_background.gif');
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 87.5%;
	line-height: 1.5em;
	color: #000;
}

body, select, input, textarea {
}
	
p{	
	margin: 10px 0;
	font-size: 1.0em;
	line-height: 1.4em;
}

#footer p{
	margin: 0px;
}

.box p{
}

a, a:active, a:visited
{
	color:#000;
	text-decoration:none;
	font-weight: bold;
}

.content-right a, .content-right a:active, .content-right a:visited
{
	color:#000;
	text-decoration:none;
	font-weight: normal;
}

.comment h4 a, .comment h4 a:active, .comment h4 a:visited
{
	color:#555;
	text-decoration:none;
	font-weight: normal;
}
a:hover, .content-right a:hover
{
	color:#060;
	text-decoration:none;
}

table.tracklist{
	width: 100%;
}

ul.tracklist, table.tracklist{
	font-size: 1em;
	line-height: 1.5em;
}

ul.tracklist a, table.tracklist a{
	text-decoration:none;
	font-weight: normal;
}

ul.tracklist a:hover, table.tracklist a:hover
{
	color:#060;
	text-decoration:none;
}

table.tracklist{
	border-spacing: 0;
	margin: 0;
}

table.tracklist td{
	vertical-align: top;
	padding: 2px 0 2px 0;
}

tr:nth-child(odd) {
  background-color: #EEE;
}



h2, h3, h4, h5 {
	font-size: 1.0em;
	padding: 3px 0 3px 0;
}

h3{
	margin-top: 1em;
}

h4 {
	font-weight: bold;
	font-size: 0.9em;
}

.small{
	font-size: 0.9em;
}

img{
	border: 0;
}

img.ccicon{
	vertical-align: text-bottom;
	padding-left: 15px;
	float: right;
	opacity: 0.6;
}

img.ccicon:hover{
	opacity: 1;
}


img.alignright{
	padding: 5px;
	float: right;
}

img.alignleft{
	padding: 5px;
	float: left;
}

img.aligncenter{
	padding: 5px;
}

img.attachment-small_thumb{
	float: left;
	margin: 4px 10px 0px 0px;
	max-width: 30%;
	height: auto;
}

img.attachment-thumbnail{
	float: left;
	margin: 4px 10px 10px 0px;
	max-width: 40%;
	height: auto;
}

.leftcol img.attachment-thumbnail,
.leftcol img.attachment-small_thumb{
	max-width: 100%;
	margin-bottom: 16px;
}

#comments img{
	float: right;
}

hr {
  height: 1px;
  margin: 2px 0 2px 0;
  border: 0;
  background: #000;
  color: #000;
  clear: both;
  }
  
 ul li{
	list-style: none inside;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #060;
 }
 
 ul {
	padding: 2px 0 2px 0;
	border-top: 1px solid #060;
	font-size: 0.9em;
 }
  
  
/*---------- Sidebar ----------------*/
#sidebar ul ul{
	list-style: square inside none;
	line-height: 1.4em;
}

#sidebar ul , #sidebar-home-left ul{
	padding: 0;
	list-style: none inside none;
	border-top: none;
	font-size: 1em;
}

#sidebar h2{
	font-size: 1em;
}

/*---------- Widgets ----------------*/

li.widget{
	width: 100%;
	border: 1px solid #000;
	padding: 5px;
	margin: 0px 0px 16px 0; 
	background-color: #fff;
	display: block;
	float: left;
}

#sidebar-header li.widget{
	width: auto;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

h2.widgettitle{
	border-bottom: 1px solid #000;
}

.blogroll li,
.widget li{
	border: none;
	padding: 0px;
	margin: 0px;
	list-style: none inside none;
}

.blogroll li a{
	font-weight: normal;
}

.blogroll li:before{
	content: "> ";
}

.qtrans_language_chooser li {
	float:left;
	list-style:none;
	padding:0 5px 0px 5px !important;
	border: 0px none;
	position:relative;
}

/*----- WPML Widget ------------------*/
.wpml-ls-legacy-list-horizontal{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}



/*---------- Comments ---------------*/
.commentlist{
	list-style: none inside none;
}

.comment, .pingback {
	padding: 0 0 10px 0;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #000;
	float: left;
	width: 100%;
}

#respond{
	clear: both;
}

/*---------- Navigation -------------*/

ul.top-menu, #header ul{
	border: 0px none;
}
	
ul.imp-menu{
	border: 0px none;
	float: right;
}

li.menu-item {
	float:left;
	list-style:none;
	padding:0 10px 0px 10px !important;
	margin-bottom: 10px;
	border: 0px none;
	border-right:1px solid #000;
	position:relative;
	}

#imp-menu li.menu-item:last-child{
	border-right: none;
}
	
li.menu-item a, li.menu-item a:visited {
	display:block;
	font:bold 1em Arial;
	text-decoration: none;
	letter-spacing:0em;
	color:#000;
	}

li.menu-item a:hover, li.current-cat a, li.current-cat a:visited, li.current-menu-item a , li.current-menu-item a :visited,  li.current-page-item a , li.current-page-item a :visited {
	text-decoration:none;
	color:#060;
}	
	


li.menu-item a:active {
	color:#060;
 	}
	
/*----------- Special ---------------*/

input, textarea {
	font-size: 1em;
	margin-right: 10px;
}

.save:before {
	content: url('images/icon_save.gif');
}

.play:before {
	content: url('images/icon_play.gif');
}

a.play,
a.save{
	font-weight: normal;
}

/*--------- Mobile Style -----------*/
@media (max-width: 480px) {

	#header{
		background: #fff url('images/wuerfel_banner_mobile.jpg') no-repeat 0px 20px;
	}
	
	.hideonmobile{
		display: none;
	}

	
	.leftcol{
		width: 38%;
	}
	
	.rightcol{
		width: 62%;	
		padding-left: 10px;
	}
	
	.middlecol{
		width: 100%;
		clear: both;
		padding: 0;
	}
	
	.box, #header, #license, li.widget{
		border-right: none;
		border-left: none;
	}
	
	#page{
		margin-top: 0;
	}
	
	#content-home{
		width: 100%;
		padding: 0;
	}
	
	#sidebar{
		width: 100%;
		padding: 0;
		clear: both;
	}
	
	#nav-links{
		padding: 0 10px;
	}
	
	#sidebar-home-left{
		display: none;
	}
	
	#top-menu{
		width: 66%;
	}
	
	#sidebar-header{
		width: 20%;
		margin-top: 70px;
	}
	

}