/*
Theme Name: ROBOTA
Theme URI: http://freemee.de
Description: Custom theme for 1000 ROBOTA
Version: 0.1
Author: Tim Kaiser, Freemee
Author URI: http://freemee.de
Tags: 
*/ 



@font-face {
    font-family: GraublauWeb;
    src: url(fonts/GraublauWeb.otf) format('opentype');
}

@font-face {
    font-family: GraublauWebBold;
    src: url(fonts/GraublauWebBold.otf) format('opentype');
}



/* BASICS 
---------------------------------------------------------------------*/

html{
    background-color: #0c0c0c;
}

body {
    font-family: Helvetica, arial;
    font-size: 11px;
    line-height: 16px;
    color: silver;
}

p {
	margin: 0;
	padding: 0;
    margin-top: 10px;
}

img { border: none; }


a { 
    color: white; 
    text-decoration: none; 
}

a:hover { 
    text-decoration: underline; 
    color : silver; 
}

/* edit link while logged in */
.edit a{
    font-size: 10px !important;
    color: #00ffd8 !important;
}


/* foto gallery lightview
---------------------------------------------------------------------*/

.gallery{
    text-align: left;
    padding: 0px !important;
    margin: 0px !important;
}

.attachment-thumbnail{
    border: 0px solid #333 !important;
}
.gallery-item{
    padding: 0px !important;
    margin-bottom: 3px !important;
/*     border: 1px solid yellow; */
}
.gallery-item:hover{
    filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
}

.gallery-icon{
    padding: 0px !important;
    margin: 0px !important;
    text-align: left;
    width: 180px !important;
}

/* replaces the article div */
.pics{
    width: 800px;
    min-height: 502px;
}
.vids{
    margin-top: 11px;
    min-height: 491px;
}


/* header 
---------------------------------------------------------------------*/

#header { 
    width: 500px;
    margin-top: 30px;
    height: 112px;
    z-index: 999 !important;
}

#header img a{
    z-index: 999;
}

#logo{
    width: 130px;
    height: 40px;
    position: relative;
    z-index: 999;
    padding-bottom: 5px;
    padding-top: 10px;
}

#navi{
    text-shadow: 0px 0px 5px black;
    position: absolute;
    width: 90%;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: geneva, arial;
    z-index: 100;
    color: white;
    z-index: 100;
}

#navi li{
    list-style-position: inherit;
    list-style-type: none;
    float: left;
    padding-right: 0.3em;
}

#navi ul li:after {
	content: " / ";
}

div.menu ul li:last-child:after {
	content: ""!important;
}	

li.current_page_item a{
    text-decoration: underline;
}
.current-cat a{
    text-decoration: underline;

}
li.cat_item a{
    margin-right: 4px !important;
}







  
  
/* FOOTER 
---------------------------------------------------------------------*/

#footer{
  position: relative;
  bottom: -40px;
  height: 40px;
/*   border: 1px dotted red; */
  float: left;
  z-index: 2;
  width: 600px;
}

#footer-spacer{
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 70px;
    height: 40px;
    width: 600px;
    z-index: 9999;
}

#footer img{
  padding-right: 50px;
  filter:alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; -khtml-opacity:0.20;  

}
#footer img:hover{
  filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90;
}









/* PLATTEN CATEGORY 
---------------------------------------------------------------------*/

#tracks{
font-size: 9px;
line-height: 16px;
padding-top: 10px;

}
.platten-list{
    width: 170px;
    float: left;
    padding-right: 35px;
    padding-bottom: 20px;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 0px;
}
.platten-list img{
    width: 180px;
    height: 180px;
    margin-bottom: 8px;
}

.platten_titel{
    font-size: 11px;
}
.pltn_voe{
    font-size: 0.7em !important;
    color: silver;
    letter-spacing: 0.1em;
    }


.pltn_left{
    margin-top: 0px;
/*     border: 1px solid aqua; */
    width: 215px;
    min-height: 300px;
/*     float: left; */
    text-transform: uppercase;
    color: silver;
}

.pltn_left img{
    width: 180px;
    height: 180px;
}

.pltn_left_title{
    font-size: 12px;
    margin-top: 16px;
}

.pltn_left_voe{
    font-size: 0.8em !important;
    margin: 0px;
    margin-top: -2px;
}
.buy{
    margin-top: 35px;
    padding-bottom: 25px;
}
/*
#pltn_right p{
    margin: 0px;
    padding: 0px;
    color: silver;
}
*/

#pltn_right {
    position: absolute;
    left: 270px;
    width: 450px;
    top: 145px;
    margin: 0px;
    padding: 0px;
    color: silver;
}

.back a{
    font-size: 48px;
    font-family: GraublauWebBold;
}
.back a:hover{
    text-decoration: none;
}
/* end platten */


.postmeta{
    font-size: 11px;
    margin-top: 20px;
    color: #999;
}

.postmeta a{ color: #999; }
* { padding: 0; margin: 0; } 




img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.alignright {
	float: right;
    font-family: Arial !important;
    font-size: 12px;
}

.alignleft {
	float: left;
    font-family: Arial !important;
    font-size: 12px;

}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.center {
	text-align: center;
}

#wrap {
    margin: 0 ;
    margin-left: 50px;
    width: 100px;
}



#content {
    float: left;
    padding: 15px 0 0 0;
}
#content em a:hover{
    color: #3cd965;
    }

.articles {
/*   min-height: 30px; */
    margin-bottom: 50px;
    float: left;
    width: 650px;
/*   border: 1px solid yellow; */
}


/* STYLES FOR CATEGORY "KONZERTE" 
---------------------------------------------------------------------*/

.konzert-list {
    margin-bottom: 22px;
    text-transform: uppercase;
}

.konzert_venue {
    font-size: 13px;
    color: silver;;
    padding-top: 1px;
}

.venue_url a{
    font-size: 9px;
    color: #666 !important;
    line-height: 18px;
}

.to_ical{
    font-size: 9px !important;
}


.konzert-list h1{ 
    font-size: 14px;
    font-weight: bold;
    }


/* end konzerte */








#content .showtags {
    display: none;
}

#content a img {  }

#content a img:hover {  }

.left {
    width: 650px;
    float: left;
    min-height: 500px;
}

.left h2 {
    font-size: 14px;
    padding : 0px 0 10px 0;
    text-align: left !important;
    text-transform: uppercase;
    font-weight: bold;
}

.left h2 a {
    color: #fff;
    text-decoration: none;
}

.left h2 a:hover {
    color: #bbb;
}

.left ul {
    padding-left: 3em;
}

.left ol {
    padding-left: 3em;
}

.count {
    float: left;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #bbb;
}



/* COMMENT STYLES
---------------------------------------------------------------------*/

#comment{
    background-color: black;
    border: 1px solid #333;
    color: white;
}

#avatar { float: right; }

#spacer {
    padding-top: 10px;
    border-bottom: 1px #333 solid;
    padding-bottom: 10px;
}

#submit{
    color: white;
    background-color: black;
    border: 1px solid white;
    padding: 5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    margin-bottom: 20px;
}
    #submit:hover{
        background-color: #333;
        border: 1px solid white;
        cursor: pointer;
    }

input{
    color: white;
    background-color: black;
    border: 1px solid #333;
    margin-right: 10px;
}



/* SPECIAL STYLES FOR VIMEO CHANNEL 
---------------------------------------------------------------------*/

/* teaser video*/
.video_container{
    position: absolute;
    top: -40px;
    left: -40px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}

#vimeo-trick{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1900px;
    background-color: black;
    z-index: 999;
    text-align: center;
    padding-top: 26%;
    color: silver;
}







/* video overview */

#thumbs {
    width: 850px;
}

#thumbs img{
    height: 180px;
}
		
/*
.thumb { 
    height: 180px;  
    border: 1px dotted yellow;
}
*/
		
.pack{
    overflow: hidden;
    width: 180px;
    height: 180px;
    float: left;
    padding: 0px;
    margin-right: 18px;
    margin-bottom: 12px;
    border: 1px solid #333;
}

.pack:hover{
    filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
}