/*
Theme Name: DJ IRON
Theme URI: http://www.djiron.com/
Description: Projekt iReezy 2.0.
Version: 0.5
Author: Aleksandar Zivkovic
Author URI: http://www.nerd-alert.de/
Tags: black, custom, fixed width, two columns, widgets, two sidebars
Text Domain: kubrick

	Dieses Theme wurdekomplett von Aleksandar Zivkovic erstellt.
	Als Vorlage wurde das Beispiel von Wordpress und das "default"-theme genutzt (auch aus zeitlichen Gründen).
	Dennoch wurde bei diesem Prozess der Template "neu strukturierung" vieles gelernt gelernt.
	Das Template wurde grundlegend verändert und nur noch sehr wenige Teile des default-Templates bestehen.
	
	Die Grafiken und das CSS-Design wurde komplett (!) eigenständig erstellt und erweitert.
	Ausnahmen bilden die 2 von Flash verwendeten Dateien (im Header 1x und die Filmsequenz die im iPhone auf der Startseite läuft).
	
	Die Arbeitszeit für das gesamte Projekt betrug 13-Tage (08.03.2010 bis 21.03.2010).
	
    Dieses Projekt befindet noch nicht in der Übergabe-Phase sondern besitzt noch den Zustand "in der Entwicklung".
    Es wird auch nach Abgabe dieser Fallstudie noch bis zu seinem Zustand weitergearbeitet, bis man es simultan einen Kunden aushändigen könnte/würde.
    Das soll den Effekt einer "realen" Situation eines Webdesigner, Entwicklers haben und als mögliche Bewerbungsvorlage dienen.
    
    
	In den kommenden 2-4 Wochen wird dieses Projekt noch einen endgültigen Zustand erreichen.
	Es ist noch einiges geplant und beschlossen: 
	- Design und Grafiken weiter und professioneller zu gestallten.
	- Einige Funktionen verbessern und erweitern (auch 1-2 eigene Plugins sollen geschrieben werden).
	- Weitere Sicherheitsaspekte bis in die Tiefe verfolgen und Anpassungen von Einstellungen innerhalb und ausserhalb 
	  von Wordpress vorzunehmen. Dies vermittelt noch einen tieferen Kenntnisstand in die Materie und natürlich auch von Wordpress.
	- Tiefgehendere SEO-Optimierung(en) + Marketing-Optimierung der einzelnen Webseiten und Unterseitenbereiche.
	- Plugin-Entwicklung in PHP für Wordpress (Widgets, persönliche Funktionalitäten einbauen)
	- Backend und Visuelle-Darstellung dem "user" besser und einfacher zugänglich machen!
	- Im einen gewissen Endstadium soll es nicht mehr sichtlich erkenntbar sein, 
	  dass unter dieser Webseite ein Wordpress Blogsystem läuft (visuell).
	- Übersetzen und individuelle Anpassungen von verwendete Plugins.
	- Neustrukturierung und neue Darstellung des Menüs/Navigation (Unterpunkte, Beschreibung)
	- Bestimmte Sidebar-Widget sollen nur bei bestimmten Seiten zusehen sein.
	- Das Aussehen und die Darstellung der Sidebar anpassen und besser in die Seite integrieren
	- Ein subtheme von diesem Theme erstellen - Auswahl ein dunkles und ein helles Theme. Beide sind Identisch 
	  bis auf eine etwas helleren Aspekt ausgelegt

*/

@import url("comments.css");


div.shr-bookmarks  {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.ssg_gplayer_object {
    visibility: visible!important;
}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000 url(images/background_peace_dark2.jpg) repeat;

    color: #FFF;
	text-align: center;
	}

#page {
	background-color: white;
	border: 0px solid #959596;
	text-align: left;
    
	}

#header {
	background: #000 url('images/header.png') no-repeat top center;
    position: relative; 
    left: 2px;
    }

#headerimg 	{
	margin: 0px;
	height: 250px;
	width: 960px;
	}

#headerimg h1	{
    display: none;
   position: relative;
   top: -18px;
   left: -300px;
  }
  

#headerimg {
	margin: 0;
	height: 250px;
	width: 960px;
	}

#header {
	
	margin: 0 0 0 0px;
	padding: 0;
	height: 250px;
	width: 960px;
	}

.breadcrumb {
    position: relative;
    top: -1.2em;
    left: 1em;
    font-size: 120%;
    z-index: 200;
}
#content {
	font-size: 1.2em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#sidebar_footer {

    display: block;
    float:left;
    color: #EEE;
    list-style-type: none;
	list-style-image: none;
    border-top: 0px solid #111;

    position: relative;
    left: 4.2em;
    padding: 0;
	margin: 0;
	width: 660px;
    height: auto;
    z-index: 51;
    top: 0em;
}

.widget_recent_comments {
    
    padding: 0;

    
}

#sidebar_footer ul {
     float: left;
     display:block;
     list-style-type: none;
     list-style-image: none;
     padding: 0;
     width: 660px;
 }
 
#sidebar_footer ul li {
     float: left;
     display: block;
     list-style-type: none;
     list-style-image: none;
     padding-left: 10px;
     width: 48%;
}

#sidebar_footer ul li.widget_ratings {
    position: relative;
    top: 1em;
    width: 99%;
}

#sidebar_footer ul li ul{
    display:block;
    float:left;
    left:0;
    list-style-image:none;
    list-style-type:none;
    padding:0 !important;
    width:100%;
}

#sidebar_footer ul li ul li{
    display:block;
    float:left;
    font-size:12px;
    left:-9px;
    list-style-image:none;
    list-style-type:none;
    padding:0 !important;
    position:relative;
    width:224px;
}

#sidebar_footer ul li h2 {
     list-style-type: none;
     list-style-image: none;
     padding: 0;
     margin: 0 auto;
     width: 224px;
}
    
#footer {
    padding: 0;
	margin: 0;
	width: 100%;
	background: #000 url('images/footer.png') repeat-x;
    height: 110px;
    position: absolute;
    z-index: 50;

	}
    
#footer_content_end {
    display: inline-block;
/*	background: url('images/footer_content_end.png') no-repeat; */
    position: relative;
    top: 0px;
    left: -1px;
    width: 963px;
    height: 95px;
	border: none;
    z-index: 80;

	}

#footer p {
    display: block;
    position: relative;
	margin: 0;
	padding: 0px;
    color: #b8b8b8;
	text-align: center;
    top: 30px;
    z-index: 225;
	}
  

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	z-index: 205;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
    position: relative;
    top: -20px;
    left: -45px;
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.3em;
	}

h3 {
	font-size: 1.2em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #F5CF00;

	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #F5CF00;
	text-decoration: none;
    /* user edited */
    padding: 1px;
	}

a:hover {
	color: #FEFEFE;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 0px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 963px;
	border: 1px solid #959596;
	}



.narrowcolumn {
    position: relative;
    top: 0px; /* post_sticky_icon height */
    left: -10px;
	float: left;
	padding: 0 0 0px 45px;
	margin: 0px 0 0;
	width: 640px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 640px;
	}

.post {
    clear: both;
	margin: 0;
	text-align: justify;

    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    
    -webkit-border-radius-bottomleft:3px;
    -webkit-border-radius-bottomright:3px;
    -webkit-border-radius-topleft:3px;
    -webkit-border-radius-topright:3px;
    
    border: 3px solid #FFF;
    color:#333;
    /* font-family: Verdana, Helvetica,Arial,Georgia,"Lucida Grande",sans-serif; */

    padding: 0px 10px;
    position:relative;
    background-color: #EEE;
}
    
.post h2 {
    -moz-border-radius:0px;  
	width: 588px;
	border-left:  3px solid;
    border-right: 3px solid;
}

.post small {
    /* Post-Datum ausgabe */
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;

    
    -webkits-border-radius-bottomleft:10px;
    -webkits-border-radius-bottomright:10px;
    
    -khtml-border-radius-bottomleft:10px;
    -khtml-border-radius-bottomright:10px;

    border-radius-bottomleft: 10px;
    border-radius-bottomright: 10px;
    
    background-color:#333;
    color:#F5B81D;
    float:left;
    font-size:120%;
    left:2.4em;
    padding:0 10px;
    position:relative;
    top:-2px;
}

.post hr {
	display: block;
	}
.post div.entry a {
    background-color:#FFEDAA;
    border:0 solid #222222;
    color:#111111;
    padding:0 4px;
}

.post div.entry {
    padding-top: 0px !important;
}

.post div.entry p:first-child{
    marginse-top: 0px !important;
}

.weiterlesen_link {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:5px 5px 5px 5px;

    background-color:#111111;
    clear:both;
    color:#F5B81D;
    float:left;
    font-size:12px;
    font-weight:normal;
    left:-20px;
    margin-bottom:13px;
    padding:2px 8px 2px 20px;
    position:relative;
    top:0;
   
}

a.more-link {
    background: none !important;
    
}

a.more-link:hover{
    background: none !important;
    text-decoration: none !important;
    
}
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
    background: #111;
    border: 1px solid #999;
    padding: 3px !important;
    width: auto;
}

.postmetadata a {
    background-color:#111111 !important;
    color:#F5CF00 !important;
    padding: 0 !important;
    
}

.clear {
	clear: both;
}


/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

/* POST / ARTIKEL TITEL */
h2 {
	margin: 0px 0 0 0;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
   
    border-left: 2px solid;
    border-right: 2px solid;
    
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     
    display: inline-block;
    text-decoration: none;
    text-weight: bold;
    position: relative;
    width: 95.6%;
    height: 28px;
    top: 0px;
    left: -3px;
    background-color: #333;
    z-index: 50;
    padding: 1px 1px 1px 35px;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 0px;
	}

h3.comments {
	padding: 0;
	margin: 0px auto 20px ;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:5px 5px 5px 5px;

    background:none repeat scroll 0 0 #111111;
    padding: 2px;
	}

.alignleft {
    float: left;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:5px 5px 5px 5px;

    background:none repeat scroll 0 0 #111111;
    padding: 2px;
       
    /*
    float:left;
    left:0;
    padding-bottom:30px !important;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    position:relative;
    */
	}
    
.single_page div.alignleft { 
	position: relative;
    float: left;
    left: 0px;
    /* FIX for SinglePage-View => Broken 'cause .post_sticky_icon */
    top: 43px;
}

.single_page div.alignright {
float:right;
position:relative;
top: 43px;
}



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
    
.entry {
       padding: 0px 0;
}

.entry a {
     /*  background-color: #111; */
}

.entry p {
       padding: 0px;
       margin: 10px 0 0 0;
}

.entry h3 {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:0px;
    background-color:#111;
    color:#F5B81D;
    font-size:120%;
    width: 596px;
    left: 0.9em;
    padding: 7px;
    position:relative;
    top:0;
}
ul.gigpress-related-show {
    
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:0px;
    position: relative;
    background:none repeat scroll 0 0 #111;
    color: #DDDDDD;
    left: 7.8em;
    margin: 1em 2em;
    padding: 5px !important;
    width: 85%;
}

ul.gigpress-related-show li {
   padding: 0 7px;
}

ul.gigpress-related-show li a{

}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
    
#sidebar ul {
    padding-top: 0px;    
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#respond h3 {
    clear:both;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Widgetss */

.widget {

}

.social-gator {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border: 1px solid #transparent;
    padding: 0px;
}

.social-gator h2{
    background-color: #EEE;
}

.social-gator ul li{

}


.widget_search {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    
    border: 0px solid #DDD;
}

.widget_gigpress {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;

}

.widget_gigpress h2 {

}

/* End Widgets */

/* Begin Sidebar */
#sidebar
{
    float: right;
	position:relative;
    top: -0.3em;
	width: 220px;
    right: 35px;
	margin: 0px 0 10px 0px;

    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#111111;
    border:2px solid #333333;

    color:#DDDDDD;
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Georgia,"Lucida Grande",sans-serif;
    font-size:12px;
    font-weight:bold;
    /* font-family: Verdana, Helvetica,Arial,Georgia,"Lucida Grande",sans-serif; */
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

#sidebar form {
	margin: 0;
	}
	
	
#sidebar_history
{
    float: right;
	position:relative;
    top: -0.3em;
	width: 220px;
	margin: 0px 0 10px 0px;

    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#111111;
    border:2px solid #333333;

    color:#DDDDDD;
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,Georgia,"Lucida Grande",sans-serif;
    font-size:12px;
    font-weight:bold;
    /* font-family: Verdana, Helvetica,Arial,Georgia,"Lucida Grande",sans-serif; */
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #666;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
    clear:both;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#111111;
    border:1px solid #FFFFFF;
    color:#333333;
    display:block;
    height:19px;
    margin-bottom:20px;
    margin-top:10px;
    padding:0 10px;
    position:relative;
    text-align:justify;

	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.rss_feed_icon {
    clear: both;   
    position: relative;
    width: 44px;
    height: 16px;
    padding-left: 45px;
    background: url('images/icons/rss-mini-rssbox.png') no-repeat left;
}

.post-ratings  {
    display: inline;
    position: relative;
    left: 10px;
    top: 2px;
    color: #111;
    opacity:1;
    width: 596px;
    height: 19px;
    padding-left: 0em;
    padding-top: 0.3em;
}

.index_ratings  .post-ratings {
	
	width: 485px !important;
    padding-left: 30px;
}

/* Gallery post-rating fix */
div.gallery_post div.post-ratings {
       left: 35px !important; 
       width: 595px;
       background: none;
       color: #EEE;
}

.ngg-album-desc {
    color:#F5CF00 !important;
}

.post_sticky_icon {

    background: url('images/icons/iron_baby.png') no-repeat left;
    position: relative;
    width: 57px;
    height: 59px;
    left: -1.2em;
    top: 4em;
    z-index: 102;   
}

.widgettitle {
    
    -moz-border-radius: 0!important;
    border-top: 2px solid #333!important;
    border-bottom: 2px solid #333!important;
    text-align: center;
    padding:0!important;
    margin: 0px!important;
    display: inline-block;
    text-decoration: none;
    text-weight: bold;
    position: relative;
    width: 224px;
    height: 28px;
    top: 0;
    left: -0.7em;
    background-color: #222121 !important;
    z-index: 101;
    padding: 10px 0 0 0px!important;
    
}

.widget_wordbook_widget .facebook_icon {
    
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/comments/fbook_icon.jpg) no-repeat scroll left center;
    border:0 none !important;
    display: block;;
    list-style-type:none !important;
    margin:0 0 !important;
    min-height:16px !important;
    width: 100px;
    padding-left:0px !important;
    position:relative;
    left: 1.1em !important;
    top: 2.3em !important;
    z-index: 101;
}

.fbook_status_text {
    position: relative;
    top: 0em;
    font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
    font-size: 1em;
}


/*
 * STARTSEITEN_BEREICH - BEGIN
 */

/* Statisches Hintergrundbild nur für die Startseite */
#home_bg {
    position: relative;
    background: #000 url('images/startseite_bg.jpg') no-repeat center;

    top: 0;
    width: 960px;
    height: 700px;
    z-index: 50;
	margin: 0 auto;
}

/* Statisches Hintergrundbild nur für die 404 "Seite nicht gefunden"-Fehlerseite */
#bg_404 {
    position: relative;
    background: url('images/404.png') no-repeat;
    margin: 0 auto;
    top: 0em;
    left: 0em;
    width: 892px;
    height: 348px;
    z-index: 50;
    overflow-x: hidden;
}


/* Stark dunkler Hintergrund für die statische Startseite */
.home_back_dark {
       background: #FFF url('images/background_peace_dark5.jpg') repeat !important;
}

/* iphone video container startseite */
#videos {
	
		position: absolute;
		top: 15px;
		left: 180px;
	    z-index:105;

		}
/* iphone video play startseite */       
div#video {
	height:163px;
	left:-9.2em;
	position:relative;
	top:-3.4em;
	width:238px;
	z-index:105;
 }     

/* iphone video container startseite */
#header_videos {
	
float:right;
position:relative;
right:2.6em;
top:3px;
z-index:105;

		}
/* iphone video play startseite */       
div#header_video {
	
display:block;
float: right;
height:100px;
right:0;
top:0;
width:146px;
z-index:105;
 } 
 
 
.gallery_post {
	text-align: justify;

	background: none;
    border:3px solid #F5CF00;
    color:#EEE;
    font-family: Verdana, Helvetica,Arial,Georgia,"Lucida Grande",sans-serif;
 
    padding:0px 10px 30px 10px;
    position:relative;
}

.ngg-album-compact h4 {
 font-size: 13px !important;
 background: none !important;
 
    
}

.gallery_post h2 { 
 width: 588px;
 background-color: #333;
 border-right:3px solid #FFF;
}
 
/* Gallery Sectzion */
.ngg-album-desc {
    color: #DDD;
}

.widget_slideshow ul {
    margin-left: 0px !important;
}

.ngg-navigation a{
    background-color: #333;
}

.slideshow {
    border: 0px solid #F5CF00;    
}

.slideshowlink{ 
   color: #F5CF00; 
}

.slideshowlink a:hover{ 
   color: #5659BE; 
}

.piclenselink {
   color: #F5CF00; 
}

.piclenselink a:hover{
    color: #5659BE;
}


/* HEAD */

#logo_head {
    background: url('images/logo.png') no-repeat top left;
    display: none;
    float:left;
    position: relative;
    top: -6.4em;
    left: 5.8em;
    width: 560px;
    height: 135px;
    
    
}

.pegel_nadel_anzeige {
    display: inline;
    float: right;
    height:66px;
    position:relative;
    right:40px;
    top:0px;
    width:92px;
    z-index: 101;
}

#social_icons_head {
    display:block;
    float:right;
    height:40px;
    position:relative;
    right:-16em;
    top:14.5em;
    vertical-align:top;
    width:190px;
    z-index:100;

}
#twitter {
    display: block;
    background: url('images/icons/social/twitter.png') no-repeat top;
    float: left;
    width: 32px;
    height: 32px;
    position: relative;
    top:0;
    left: 0;
    z-index: 100;
    padding-right: 15px;
}
#facebook {
    display: block;
    background: url('images/icons/social/facebook.png') no-repeat top;
    float: left;
    width: 32px;
    height: 32px;
    position: relative;
    top:0;
    left: 0px;
    z-index: 100;
    padding-right: 15px;
   
}
#youtube {
    background: url('images/icons/social/youtube.png') no-repeat top;
    float: left;
    width: 32px;
    height: 32px;
    position: relative;
    top:0;
    left: 0px;  
    z-index: 100; 
    padding-right: 15px;
}
#rss {
    background: url('images/icons/social/rss.png') no-repeat top;
    float: left;
    width: 32px;
    height: 32px;
    position: relative;
    top:0;
    left: 5px;  
    z-index: 100;
}

/* Header-Navigation */
div#header_navigation{
    
    display: inline;
     float:left;
    height:60px;
    left:0em;
    position:relative;
    top: -2.6em;
    width: 1050px;
    z-index:102;    
    
}

#nav_news {
    background: url('images/navigation/news_button.png') no-repeat bottom;
    float: left;
    position: relative;
    top: 9.3em;
    left: 0em;
    width: 135px;
    height: 59px;
    z-index: 103;

}

#nav_news:hover {
    background: url('images/navigation/news_hover.png') no-repeat bottom;
    float: left;
    position: relative;
    top: 9.3em;
    left: 0em;
    width: 135px;
    height: 59px;
    z-index: 103;

}

#nav_news_active {
    background: url('images/navigation/news_active.png') no-repeat bottom;
    float: left;
    position: relative;
    top: 9.3em;
    left: 0em;
    width: 135px;
    height: 59px;
    z-index: 103;
}

#nav_isounds {
    background: url('images/navigation/isound_button.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-1em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_isounds:hover {
    background: url('images/navigation/isound_hover.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-1em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_isounds_active {
    background: url('images/navigation/isounds_active.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-1em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;
}

#nav_tour {
    background: url('images/navigation/tour_button.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-3.6em;
    position:relative;
    top:9.3em;
    width:135px;
    z-index:103;

}

#nav_tour:hover {
    background: url('images/navigation/tour_hover.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-3.6em;
    position:relative;
    top:9.3em;
    width:135px;
    z-index:103;

}

#nav_tour_active {
    background: url('images/navigation/tour_active.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-3.6em;
    position:relative;
    top:9.3em;
    width:135px;
    z-index:103;

}

#nav_history {
    background: url('images/navigation/history_button.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_history:hover {
    background: url('images/navigation/history_hover.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_history_active {
    background: url('images/navigation/history_active.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}


#nav_gallery {
    background: url('images/navigation/gallery_button.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_gallery:hover {
    background: url('images/navigation/gallery_hover.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_gallery_active {
    background: url('images/navigation/gallery_active.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-5.4em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;
}

    
#nav_ibook {
    background: url('images/navigation/ibook_button.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-6.4em;
    position:relative;
    top:9.2em;
    width:135px;
    z-index:103;
}

#nav_ibook:hover {
    background: url('images/navigation/ibook_hover.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-6.4em;
    position:relative;
    top:9.2em;
    width:135px;
    z-index:103;

}

#nav_ibook_active {
    background: url('images/navigation/ibook_active.png') no-repeat bottom;
    float:left;
    height:59px;
    left:-6.4em;
    position:relative;
    top:9.2em;
    width:135px;
    z-index:103;

}

#nav_kontakt {
    background: url('images/navigation/kontakt_button.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-7.5em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_kontakt:hover {
    background: url('images/navigation/kontakt_hover.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-7.5em;
    position:relative;
    top:9.4em;
    width:155px;
    z-index:103;

}

#nav_kontakt_active {
    background: url('images/navigation/kontakt_active.png') no-repeat bottom;
    float:left;
    height:57px;
    left:-7.5em;
    position:relative;
    top:9.3em;
    width:155px;
    z-index:103;
}


/* Demotapes-Bereich */
#flash_soundcloud_player {
    clear:both;
   display: block;
   float: left;
   position: relative;
   top:0em;
   left: 0; 
   height: 100%;
   width: 100%;
   margin-bottom: 10px;
   
}

#flash_soundcloud_player p { 
    display: block;
    float: left;

}


#archive_page_container {
    position: relative;
    top: 0em;
    left: 0;
    margin: 0px;  
}

#archive_page_container .narrowcolumn{
    position: relative;
    top: 0;
    margin: 0px;  
}

#archive_page_container * h2 {
    background:none repeat scroll 0 0 #333333;
    display:block;
    float:left;
    left:0;
    margin:0;
    position:relative;
    top:0;
    width:583px;
}


#blog_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

#singlepage_container .narrowcolumn {
    position: relative;
    top: -5em;
    margin: 0px;     
}

#gallery_container .narrowcolumn{
    position: relative;
    top: -6.5em;
    margin: 0px;  
}

#demo_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

#tour_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0 0 0px 0;
    left: 0;
}

.tour_post {
    background: none;
}
.tour_post h2 {
    border-bottom:2px solid #FFFFFF;
    border-top:2px solid #FFFFFF;
    left:5px;
    width:596px;     
}
#disco_container .narrowcolumn{
    position: relative;
    top:-5em;
    margin: 0px;  
}

#disco_container .category-history{
    background: #111;
    color: #fff;
    border: 3px solid #FFF;
}

#disco_container h2{
    border-right:4px solid !important;
    width:587px !important;
}

#gaestebuch_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

#presse_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

#kontakt_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

#impressum_container .narrowcolumn{
    position: relative;
    top: -5em;
    margin: 0px;  
}

div.sexy-bookmarks {
    margin: 0 !important;
}

div.sexy-bookmarks-expand {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: none repeat scroll 0 0;
    height:29px;
    margin:0 auto !important;
    overflow:hidden;
    width:540px !important;
}

#meta_links_head {
    float: right;
    display: block;
    position: absolute;
    right: 0px;
    top: 232px;
    width: 134px;
    z-index: 201; /* über  Breadcrumb */
    font-size: 12px;
}

#gbook_link {
    display: block;
    float: left;
    position: relative;
    top: 0em;
    left: 0em;
    padding-right: 40px;
}

#presse_link {
    display:block;
    float:right;
    padding-left:0;
    position:relative;
    right:28px;
    top:0;
}

.post_content {
    clear: both;
	margin: 0 0 0px 0;
	text-align: justify;

    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    
    -webkit-border-radius-bottomleft:5px;
    -webkit-border-radius-bottomright:5px;
    -webkit-border-radius-topleft:5px;
    -webkit-border-radius-topright:5px;
    
    border:3px solid #DDD;
    color:#333;
    /* font-family: Verdana, Helvetica,Arial,Georgia,"Lucida Grande",sans-serif; */

    padding: 0px 5px 20px 5px;
    position:relative;
    background-color: #FFF;
}


div.gbook div a {
    background-color: #333;
    padding: 5px;
}

.newsletter_container {
    
    
}

.newsletter_container .post-ratings {
    /* Bewertungen udn Sterne ausblenden */
    display: none;
}

#international_reference li {
	
}

#national_reference li {
	
}

#support_reference li {
	
}

#copyright_text {
    color:#B8B8B8;
    display:inline-block;
    font-size:9px;
    position:relative;
    text-align:center;
    top:-1px;
}

.gigpress-table {
    background: #111 !important;
}

.gigpress-table th {
    background:none repeat scroll 0 0 #EEEEEE !important;
    padding: 8px !important;
    text-align:left;
    vertical-align:middle;
}

.gigpress-header {
    background:none repeat scroll 0 0 #222121 !important;
    border-bottom:3px solid #FFFFFF;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    color:#111;
    font-size:14px;
        
}
th.gigpress-heading {
        
    border-style: none !important;
    border-width: 0 !important;
    background-color:#333 !important;
    border-bottom: 1px solid #333 !important;
    border-left: 1px solid #F5CF00 !important;
    border-right: 1px solid #F5CF00 !important;
    border-top: 1px solid #F5CF00 !important;
    
    color:#FFF;
    font-size:18px;
    margin:10px !important;
    padding:10px !important;
    text-align:center !important;
}


tr.gigpress-tour td {
    background-color: #333 !important;
    border: 0 !important;
}

tr.gigpress-tour {
    background: #333 !important;
    border-left: 1px solid #F5CF00 !important;
    border-right: 1px solid #F5CF00 !important;
}

.gigpress-tour a{
    background: none;
}

tr.gigpress-info td {
    border: 0 !important;
}

span.gigpress-info-item  {
    border-left:1px solid;
    color:#FFFFFF !important;
    display:block;
    padding-left:5px;
}

span.gigpress-info-label {
    color: #FFF !important;
}

.gigpress-row td {
    background-color: #222 !important;
    border: 0 !important;
}

.gigpress-row {
    border: 0 !important;
}

.gigpress-row td a {
    background: none;
    }

tbody.vevent {
    border: 1px solid !important;
}

tbody.vevent tr.gigpress-tour:last-child{
    border-bottom: 1px solid #F5CF00 !important;
}

.gigpress-calendar-links-inner  {
    background-color:#111111 !important;
    border-color:#FFF !important;
    border-style:solid;
    border-width:2px 2px 2px 1px !important;
    font-size:11px;
    line-height:16px;
    padding:6px 8px;
    width:175px !important;
}

.ngg-singlepic {
    background-color:#FFFFFF;
    display:block;
    margin:4px;
    padding:4px;
}
ul.lifestream .lifestream_text {
    color:#bbbbbb;
}

#sexyshare {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:5px 5px 5px 5px;

    background-color:#111111;
    color:#F5B81D;
    float:left;
    font-size:12px;
    font-weight:normal;
    left:-20px;
    padding:2px 8px 2px 20px;
    position:relative;
    top:0;
}