/******************
 * general settings
 ******************/

img {
  /*avoids borders around images with links in IE*/
  border:0;
  margin:0;
  padding:0;
}

div {
  margin: 0;
  padding: 0;
}

p {
  text-align:justify;
  line-height:1.4em;
  margin: 0.5em 2px 0.5em 2px;
  padding: 0;
}

table {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: none;
}

tr {
  margin: 0;
  padding: 0;
}

td {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

dfn {
  border-bottom:dashed 1px #000000;
  text-decoration:none;
  cursor:help;
}

a {
  margin: 0;
  padding: 0;
  text-decoration:none;
  font-weight: bold;
  color:#333333;
}

code {
  display: block;
  padding: 2px;
  text-align: left;
  border: solid 1px #666;
}

body
{
  background: #211710 url('../rec/body_padding.jpg') center top no-repeat;
  font-family: 'Verdana', sans-serif;
  font-size: 12px;
  text-align: center;
  margin: 2px;
}


/****************
 * general design
 ****************/

#booklet {
  z-index:50;
  background: url('../rec/booklet_padding.png') 2px top repeat-y;
  position: relative;
  width:950px;
  margin:250px auto;
  text-align:left;
}

#header {
  position: absolute;
  width: 830px;
  background: url('booklet_head.png') left top no-repeat;
  top: -157px;
  left: 0px;
  height:157px;
  padding:0;
}

#header .title {
  position:absolute;
  top:50px;
  left:175px;
  font-size:2em;
  font-weight:bold;
}

#header .slogan {
  position:absolute;
  top:100px;
  left:250px;
  font-size:1.5em;
  font-weight:normal;
}
#foot {
  z-index:75;
  position:absolute;
  bottom:-96px;
  width:830px;
  height:96px;
  background: url('booklet_foot.png') top left no-repeat;
}

#foot div {
  margin:10px 20px 50px 20px;
  overflow:hidden;
  text-align: center;
  color:#666;
}

#content {
  z-index:90;
  position:relative;
  float:left;
  margin-left:15px;
  background-color:#fff9eb;
  width:610px;
}

#smallcontent {
  background:#fff9eb;
  text-align:left;
  margin:4px 1px 4px 1px;
  padding: 2px;
}

#sidebar {
  position:relative;
  float:right;
  margin-right:150px;
  padding-right:10px;
  width:160px;
  min-height:400px;
  background-color:#fff9eb;
  text-align:right;
}

#searchplugin {
  display:block;
  position:relative;
  float:right;
  margin: 40px 50px auto auto;
  width:200px;
  text-align:right;
}


/*********
 * note-it
 *********/
 
/* mark: additional css-file for IE6 and less */
 
a.noteit {
  position:absolute;
  background:top left no-repeat;
  right:30px;
  width:150px;
  height:100px;
}

a.noteit:hover {
  right:20px;
}

a.noteit_home {
  background-image:url('noteit_home.png');
  top:0px;
}

      
a.noteit_mp3 {
  background-image:url('noteit_mp3.png');
  top:90px;
}

a.noteit_sampler {
  background-image:url('noteit_sampler.png');
  top:180px;
}

a.noteit_blog {
  background-image:url('noteit_blog.png');
  top:270px;
}

a.noteit_active {
  right:0px;
}

a.noteit_active:hover {
  right:0px;
}

/******
 * menu
 ******/

ul.menu_main {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul.menu_main li{
  margin: 4px 4px 0px 0px;
  padding:0px;
  border:none;
}

a.menu_main {
  display:block;
  background: url('navi_line.png') right bottom no-repeat;
  color:#333;
  font-size:1.5em;
  font-family:Trebuchet MS;
}

ul.menu_minor {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul.menu_minor li {
  margin-top:0px;
}

a.menu_minor {
  color:#666;
  font-size:1em;
  font-family:Trebuchet MS;
}


/**********
 * playlist
 **********/

#playlist {
  position:relative;
  background: url('playlist_padding.png') repeat-y top left;
  width:150px;
  min-height:100px;
  margin:90px auto 35px auto;
}

#playlist_header {
  position:absolute;
  top:-82px;
  left:0px;
  background: url('playlist_top.png') no-repeat top left;
  width:150px;
  height:82px;
}

#playlist_foot {
  position:absolute;
  left:0px;
  bottom:-30px;
  background: url('playlist_bot.png') no-repeat top left;
  width:150px;
  height:30px;
}

ul#sampler_tracklist { 
  margin:0px 3px 0px 3px;
}

ul#sampler_tracklist li{ 
  margin-bottom:8px;
}

/***********
 * headlines
 ***********/
 
h2 {
  background: url('h1_back.png') left bottom no-repeat;
  font-family:Trebuchet MS;
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 10px;
  min-height:48px;
  display: block;
  color: #00a0de;
  font-size: 3em;
  font-weight: bold;
}

h2 a {
  color:#00a0de;
}

h3 {
  font-family:Trebuchet MS;
  margin: 10px 0px 0px 0px;
  padding: 0;
  display: block;
  color: #00a0de;
  font-size: 2em;
  font-weight: bold;
}

h3 a {
  color:#00a0de;
}

h4 {
  font-family:Trebuchet MS;
  font-size: 1.5em;
  font-weight: bold;
  margin: 8px 0px 0px 0px;
  color: #00a0de;
}

h4 a {
  color:#00a0de;
}

h5 {
  font-size:1em;
  font-weight:bold;
  margin: 4px 0px 0px 0px;
  color: #00a0de;
}

h5 a {
  color:#00a0de;
}



#tabbed {
}

#tabbed div.tabbed {
  display:block;
  background:#e7d8b8 none;
  border: #e7d8b8 groove;
  border-width: 0 2px 2px 0;
  padding: 4px 4px 4px 4px;
  margin:0;
}

#tabbed div.tabbed h3{
  margin:0;
}

#tabbed-list  {
  list-style:none;
  margin:8px 0 0 0;
  padding:0;
}

#tabbed-list  li{
  display:inline;
  list-style:none;
  margin:0;
  padding:0 2px 0 0;
  background:#ccbfa2;
}

#tabbed-list  li a{
  background: #e7d8b8 url('brown_shadow.png') left bottom repeat-x;
  padding:4px 4px 0px 4px;
}

#tabbed-list  li a.act{
  background-image:none;
}





ul.nodot {
  margin:0;
  padding:0;
  font-size: 1em;
  color: #000000;
  list-style-type: none;
}







a.emph {
  color:#a07619;
  font-weight:bold;
  text-decoration:none;
}

a.clean {
  font-weight:normal;
  color:#333;
}


div.contain {
  display:block;
  margin: 0;
  padding: 0px 2px 8px 2px;
  background:url('scratch.png') bottom right no-repeat;
}

div.simplecontain {
  display:block;
  margin: 0;
  padding: 0px 2px 8px 2px;
  background:url('scratch.png') bottom right no-repeat;
  }




a.hidden {
  color:#333333;
  font-weight:normal;
}

a.hidden:hover {
  color:#666666;
}

a.hidden:after {
  content:"\00A0" url('afterlink.png'); /*\00A0 = nbsp*/
}



p.bandpic {
  width:150px;
  margin: 4px 8px 4px 2px;
  padding:0;
  background:#e7d8b8 url('symbolfoto.png') top left no-repeat;
  float:left;
}

ul.artistlist {
  list-style-type:none;
}

table.fileinfo {
  /*background: #98e2ff url('fileinfo_padding.png') left top no-repeat;*/
}

table.result {
  text-align:left;
  font-size: 1em;
  margin: auto;
  padding: 0;
  border: none;
}

table.result tr {
  height:16px;
}





div.filelink {
  background:left top repeat-y;
  margin:4px auto 4px auto;
  float:left;
  width:255px;
  margin-left:40px;
  background:#f0e4ca url('divfilelink.png') bottom right no-repeat;
}
div.video {
  background:url('video.png') left top repeat-y;
}
div.song {
  background:url('song.png') left top repeat-y;
}
div.filelink:hover {
  opacity:0.75;
}

div.filelink div {
  width: 225px;
  float:right;
}

div.filelink table {
  background:#f0e4ca url('divfilelink.png') bottom right no-repeat;
}

div.filelink h5{
  font-size:1em;
  font-weight:bold;
  margin: 0px 0px 0px 0px;
  padding: 1px 1px 1px 4px;
  background: #e7d9b7 url('divfilelink_h5.png') top left repeat-x;
  color: #333333;
}

div.filelink h5 a {
  color:#333333;
}


div.filelink td{
  height:16px;
}

div.linklink {
  font-size: 1em;
  font-weight: bold;
  letter-spacing:0em;
  margin: 4px 0px 0px 0px;
  padding: 1px 1px 1px 4px;
  background-color: #ADCCAD;
  color: #333333;
}


img.preview {
  width:50px;
  height:50px;
  float:left;
}

.vertinfo { /* ol or ul tag*/
  margin:0;
  padding:0;
  list-style:none;
}

.vertinfo li {
  display:block;
  margin:4px!important;
  padding:0px;
  clear:both;
}

.vertinfo li p.clean {
  float:left;
  width:210px;
  padding: 0px 0px 0px 15px;
  margin:0px 0px 8px 4px;
  text-align: left;
}

img.bandpic {
  width:150px;
  height:150px;
  margin: 4px 8px 4px 2px;
  background:#ADCCAD;
  float:left;
}

.ok {
  color:#008000;
}

.error {
  border-color:#FF0000;
  color:#FF0000;
}
.comment {
  color: #333333;
  font-size: 0.8em;
  margin-bottom:0px;
}

#smallcontent ul li {
  margin-top:8px;
}

.report {
  display:block;
  text-align:right;
}

tr.color1 {
  background:#ffedc2;
}

tr.color2 {
}

.indent {
  margin-left:4px;
}

a.quickselect {
  margin:2px;
  font-family:Courier New, monospace;
  font-size:1.2em;
}

div.bookmark {
  float:right;
  width:140px;
}

a.bookmark {
  display:block;
  float:left;
  background:url('bookmarks.png') no-repeat;
  text-indent:99px;
  margin:0px;
  padding:0px;
  width:35px;
  height:35px;
  overflow:hidden;
}

span#bookmarktext {  
}

div.searchpage { 
  margin-top:20px;
  width:100%;
}

div.searchpage form {
  text-align:center;
}

div.clear-both {
  clear:both;
  width:100%;
  height:1%;
}



/**********************************************/


/*Wordpres Specifics*/
div.navigation {
  display:block;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}
  
.talignright {
  text-align:right;
}

.talignleft {
  text-align:left;
}

.taligncenter {
  text-align:center;
}

.block {
  display:block;
}

.column2 {
  width:49%;
}

.inline {
  display:inline;
}

.justify {
  text-align:justify;
}

div.clearall {
	height:1%;
	clear:both;
}
/**********************************************/