/*
Theme Name: Marcello Theme
Theme URI: http://wordpress.org/
Description: Based on the default WordPress theme, modified by  <a href="http://agentur.onblog.at">agentur dana</a>.
Version: 1.0
Author: Michael Heilemann
Modified by Dana & Michael Punzenberger
Author URI: http://binarybonsai.com/
Tags: black, fixed width, three columns, widgets, language file

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/************************************************************************************************/
/*   																		Seitenlayout          																	*/
/* -------------------------------------------------------------------------------------------- */
/*	body																																												*/
/*																																															*/
/*			header																																									*/
/*				header-logo																																						*/
/*				foto-show																																							*/
/*																																															*/
/*			page																																										*/
/*				sidebar										content										sidebar-shows											*/
/*					sidebar-titel							content-titel							sidebar-shows-titel							*/
/*					sidebar-inhalt						content-inhalt						sidebar-shows-inhalt						*/
/*																			(navigation)																						*/
/*																			post																										*/
/*																				entry																									*/
/*																				postmetadata																					*/
/*																				comments																							*/
/*																			(navigation)																						*/
/*																																															*/
/*		footer																																										*/
/*																																															*/
/************************************************************************************************/

/**************************************************************/
/***								Farben																	***/
/**************************************************************/
/*    #000203; /* schwarz - Seitenhintergrund */						/**/
/*		#c5c0c0; /* grau - allgem. Schrift-Farbe */						/**/
/*		#06bb01; /* grün - border Menübox */									/**/
/*		#183d18; /* dunkelgrün - Sidebar links HG */					/**/
/*		#9c026b; /* pink - border Foto-Show */								/**/
/*		#0092af; /* blau - Kontaktbox */            					/**/
/*		#00262e; /* dunkelblau - Sidebar rechts HG */					/**/			
/*    #1c1d1e; /* grau - Box-Hintergrund */									/**/
/*		#6f7072; /* mittel-grau - small im Content-Inhalt */	/**/
/*		#575859; /* special-grau - Unterstrich Überschrift */ /**/
/*		#310223; /* dunkel-pink - Kommentar-Formular */				/**/
/**************************************************************/


/********************************/
/***				ALLGEMEIN 				***/
/********************************/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	background: #000203; /* schwarz - Seitenhintergrund */
	color: #c5c0c0; /* grau - allgem. Schrift-Farbe */
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	line-height: 19px;
}

p {
	padding-bottom: 10px;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

.wp-smiley {
	display: inblock;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

textarea {
	overflow: auto;
}


/********************************/
/***					HEADER					***/
/********************************/
#header { /* CONTAINER für Titelelemente, enthält #headerlogo(h:135px) und #fotoshow(h:225px) */
	width: 920px;
	height: 360px;
	margin: 0 auto;
}

#header-logo {
	width: 920px;
	height: 135px;
}

#foto-show {
	overflow: hidden;
	position: relative;
	width: 920px;
	height: 225px;
}

/*** content-glider ***/
#cg-links { /* für Links neben den Bildern content-glider */
	position: absolute;
	left: 0;
	top: 0;
	width: 201px;
	height: 225px;
	padding-top: 1px;
	background: url(images/marcello-menue-hg.gif) no-repeat;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	z-index: 1;
}

#cg-links a {
	height: 26px;
	width: 201px;
	z-index: 999;
	margin-top: -1px;
	padding-top: 7px;
}

.glidecontenttoggler {
	background: #000203; /* schwarz - Seitenhintergrund */ /* Farbe des Seitenhintergrundes der Links für IE notwendig */
}

.glidecontenttoggler a { /*style for every navigational link within toggler */
	height: 26px;
	width: 201px; 
	margin-top: -1px;
	padding-top: 7px;
	color: #c5c0c0; /* grau - allgem. Schrift-Farbe */
}

.glidecontenttoggler a.selected, .glidecontenttoggler a:hover { /*style for selected page's toggler link. ".selected" class auto generated! */
	z-index: 999;
	color: #c5c0c0; /* grau - allgem. Schrift-Farbe */
	background: url(images/marcello-menue-hover.gif) no-repeat;
}

.glidecontenttoggler a img {
	border: none;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next {
	display: none;
	float: left;
	width: 30px;
	height: 20px;
	margin: 0;
	border: none;
	background: url(images/content-glider-vor-zurueck.gif);
	padding: 0;
}

.glidecontenttoggler a.prev {
	background-position: left top;
}

.glidecontenttoggler a.next {
	background-position: right top;
}

.glidecontenttoggler a.prev:hover {
	background-position: left bottom;
}

.glidecontenttoggler a.next:hover {
	background-position: right bottom;
}

#cg-bilder { /* für Bilder des content-glider */
	position: absolute;
	left: 201px;
	top: 0;
	width: 473px;
	height: 223px;
	border-top: 1px solid #9c026b; /* pink border Foto-Show */
	border-right: 1px solid #9c026b; /* pink border Foto-Show */
	border-bottom: 1px solid #9c026b; /* pink border Foto-Show */
}

.glidecontentwrapper { /* Element von featuredcontentglider.js definiert, Größe und Position der Bilder bzw. Gliding-HTML */
	overflow: hidden;
	width: 473px;
	height: 223px;
	border-top: 1px solid #9c026b; /* pink border Foto-Show */
	border-right: 1px solid #9c026b; /* pink border Foto-Show */
	border-bottom: 1px solid #9c026b; /* pink border Foto-Show */
	background: url(images/marcello-foto-show-loading.gif) no-repeat;
}
/*** ENDE content-glider ***/

#kontakt {
	position: absolute;
	left: 690px;
	top: 0;
	width: 230px;
	height: 225px;
	background: #0092af; /* blau - Kontaktbox */
	color: #c5c0c0; /* grau - allgem. Schrift-Farbe */
}

#kontakt address {
	font-style: normal;
}

#kontakt h4 {
	margin: 5px 0 2px 0;
	font-size: 13px;
}

#kontakt p {
	padding-top: 4px;
}

#kontakt a, #kontakt a:hover, #kontakt a:focus {
	padding-bottom: 1px;
	color: #c5c0c0; /* grau - allgem. Schrift-Farbe */
}

#kontakt a:hover, #kontakt a:focus {
	border-bottom: 1px solid;
}


/********************************/
/***					SEITE						***/
/********************************/
#page {
	overflow: auto;
	width: 920px;
	margin: 15px auto 0 auto;
	text-align: left;
}


/********************************/
/***		CONTENT (Mittelteil)	***/
/********************************/

.content {
	overflow: hidden;
	float: left;
	width: 475px;
	border-bottom: 1px solid #9c026b; /* pink - border Foto-Show */ 
	margin-left: 15px;
}

.content-titel {
	width: 475px;
	height: 25px;
	background: url(images/marcello-titel-pink.gif) no-repeat #9c026b; /* pink - border Foto-Show */
	text-align: center;
}

.content-titel h1 {
	margin: 0;
	padding: 3px;
	color: #000203; /* schwarz - Seitenhintergrund */
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

.content-inhalt {
	width: 423px;
	padding: 15px 25px;
	border-right: 1px solid #9c026b; /* pink - border Foto-Show */
	border-left: 1px solid #9c026b; /* pink - border Foto-Show */
	background: #1c1d1e; /* grau - Box-Hintergrund */
	font-size: 12px;
	line-height: 18px;
}

.content-inhalt img {
	float: left;
	margin: 15px 10px 9px 10px;
}

.content-inhalt a, .content-inhalt a:hover, .content-inhalt a:focus {
	padding-bottom: 1px;
	color: #9c026b; /* pink - border Foto-Show */
}

.content-inhalt a:hover, .content-inhalt a:focus {
	border-bottom: 1px solid;
}

.content-inhalt h2 {
	margin: 3px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 14px;
	border-bottom: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
	text-transform: uppercase;
}

.content-inhalt h3 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
}

.content-inhalt small {
	padding: 0 0 0 1px;
	color: #6f7072; /* mittel-grau - small im Content-Inhalt */
	line-height: 14px;
}

.content-inhalt ul {
	padding: 8px 0 0 15px;
}

.post {
	margin-bottom: 50px;
}

.entry {
	overflow: hidden;
	margin-top: 15px;
}

.wp_syntax { /* Klasse von Plugin WP-Syntax */
	width: 411px; 
	margin: 10px 0;
	padding: 7px 5px;
	border: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
	background: #1c1d1e; /* grau - Box-Hintergrund */
}

pre {
	color: #6f7072 !important; /* mittel-grau - small im Content-Inhalt */;
	font-family: Verdana, Arial, Sans-Serif !important;
	font-size: 11px !important;
}

.floatbox img {
	border: 1px solid #9c026b !important; /* pink - border Foto-Show */
}

.postmetadata {
	margin-top: 15px;
	padding: 0 1px 2px 1px;
	border-top: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
	border-bottom: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
}

.navigation {
	display: block;
	overflow: hidden;
	margin-bottom: 28px;
	font-size: 11px;
}


/************************************************/
/***		Extra für CONTENT-BREIT (Mittelteil)	***/
/************************************************/

.content-breit {
	float: left;
	width: 720px;
	margin-left: 15px;
}

.content-breit-titel {
	width: 720px;
	height: 25px;
	text-align: center;
}

.pink-titel {
	background: url(images/marcello-titel-pink-breit.gif) no-repeat #9c026b; /* pink - border Foto-Show */
}

.blau-titel {
	background: url(images/marcello-titel-blau-breit.gif) no-repeat #0092af; /* blau - Kontaktbox */
}

.gruen-titel {
	background: url(images/marcello-titel-gruen-breit.gif) no-repeat #06bb01; /* grün - border Menübox */
}

.content-breit-inhalt {
	width: 668px;
}

.pink-inhalt {
	border-right: 1px solid #9c026b; /* pink - border Foto-Show */
	border-bottom: 1px solid #9c026b; /* pink - border Foto-Show */ 
	border-left: 1px solid #9c026b; /* pink - border Foto-Show */
}

.blau-inhalt {
	border-right: 1px solid #0092af; /* blau - Kontaktbox */
	border-bottom: 1px solid #0092af; /* blau - Kontaktbox */ 
	border-left: 1px solid #0092af; /* blau - Kontaktbox */
}

.gruen-inhalt {
	border-right: 1px solid #06bb01; /* grün - border Menübox */
	border-bottom: 1px solid #06bb01; /* grün - border Menübox */ 
	border-left: 1px solid #06bb01; /* grün - border Menübox */
}

.spalte-1, .spalte-2, .spalte-3 {
	float: left;
	width: 202px;
	margin-top: 25px;
	text-align: center;
}

.spalte-1 {
	margin-left: 6px;
}

.spalte-1, .spalte-2 {
	margin-right: 25px;
}

.spalte-12 {
	float: left;
	width: 429px;
	margin-top: 25px;
	margin-right: 25px;
	text-align: center;
}

.spalte-23 {
	float: left;
	width: 435px;
	margin-top: 25px;
}

.clear {
	clear: both;
	height: 25px;
}

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

.text-links {
	text-align: left;
}


/*******************************/
/***		   COMMENTS          ***/
/*******************************/

/****** NEU *****/
.comments {
	margin-top: 20px;
}

.comments h4 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}

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

.comments li {
	margin-bottom: 25px;
	padding: 0;
	overflow: hidden;
}

.avatar {
	float: left;
	margin: 4px 15px 0 0;
}

.fn {
	float: left;
	font-style: normal;
	width: 353px;
}

.says {
	display: none;
}

.comment-meta {
	float: left;
	width: 353px;
	border-bottom: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
}

.comment-text {
	float: left;
	width: 353px;
}

.comment-text p {
	margin: 7px 0 ;
	padding: 0;
}

.comment-author img {
	margin: 5px 15px 0 0;
}

/***** ENDE NEU *******/
.comment-titel-avatar {
	float: left;
	margin-top: 7px;
	padding-right: 15px;
}

.comment-titel {
	float: left;
	width: 343px;
	line-height: 22px;
	border-bottom: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
}

.comment-formular {
	margin: 0 -25px 0 -25px;
	padding: 15px 25px 0 25px;
	/* margin: 10px -25px -76px -25px;
	padding: 15px 25px; */
	border-top: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
	border-bottom: 1px solid #575859; /* special-grau - Unterstrich Überschrift */
	background: #1e131c; /* 180213dunkel-pink - Kommentar-Formular */
	
}

.comment-formular input, .comment-formular textarea {
	color: black;
	background: #e3c7dd;
	border: 1px solid #9c026b; /* pink - border Foto-Show */
	margin: 5px 10px 0 0;
	padding: 2px;
}


/**************************************/
/***	 SIDEBAR-MULTIMEDIA (links)	***/
/**************************************/

#sidebar-multimedia {
	float: left;
	width: 185px;
}

#sidebar-multimedia-titel {
	width: 185px;
	height: 25px;
	background: url(images/marcello-titel-gruen.gif) no-repeat #06bb01; /* grün - border Menübox */
	text-align: center;
}

#sidebar-multimedia-titel h3 {
	margin: 0;
	padding: 3px;
	color: #000203; /* schwarz - Seitenhintergrund */
	font-size: 13px;
	font-weight: normal;
}

#sidebar-multimedia-inhalt {
	width: 183px;
	border-right: 1px solid #06bb01; /* grün - border Menübox */
	border-left: 1px solid #06bb01; /* grün - border Menübox */
	border-bottom: 1px solid #06bb01; /* grün - border Menübox */
	background: #183d18; /* dunkelgrün - Sidebar links HG */
}

#sidebar-multimedia-inhalt img {
	margin-top: 10px;
	padding: 0;
	border-top: 1px solid #06bb01; /* grün - border Menübox */
	border-bottom: 1px solid #06bb01; /* grün - border Menübox */
}


/**************************************/
/***	 		SIDEBAR-SHOWS-LINKS				***/
/**************************************/

#sidebar-shows-links {
	float: left;
	width: 185px;
}

#sidebar-shows-links-titel {
	width: 185px;
	height: 25px;
	background: url(images/marcello-titel-blau-schmal.gif) no-repeat #0092af; /* blau - Kontaktbox */
	text-align: center;
}

#sidebar-shows-links-titel h3 {
	margin: 0;
	padding: 3px;
	color: #000203; /* schwarz - Seitenhintergrund */
	font-size: 13px;
	font-weight: normal;
}

#sidebar-shows-links-inhalt {
	width: 183px;
	border-right: 1px solid #0092af; /* blau - Kontaktbox */
	border-bottom: 1px solid #0092af; /* blau - Kontaktbox */
	border-left: 1px solid #0092af; /* blau - Kontaktbox */
	background: #00262e; /* dunkelblau - Sidebar rechts HG */
}

#sidebar-shows-links-inhalt img {
	margin-top: 10px;
	padding: 0;
	border-top: 1px solid #0092af; /* blau - Kontaktbox */
	border-bottom: 1px solid #0092af; /* blau - Kontaktbox */
}


/**********************************/
/***		SIDEBAR - Blog (links)	***/
/**********************************/
#sidebar {
	float:left;
	width: 185px;
}

#sidebar-titel {
	width: 185px;
	height: 25px;
	background: url(images/marcello-titel-gruen.gif) no-repeat #06bb01; /* grün - border Menübox */
	text-align: center;
}

#sidebar-titel h3 {
	margin: 0;
	padding: 3px;
	color: #000203; /* schwarz - Seitenhintergrund */
	font-size: 13px;
	font-weight: normal;
}

#sidebar-inhalt {
	width: 183px;
	border-right: 1px solid #06bb01; /* grün - border Menübox */ 
	border-bottom: 1px solid #06bb01; /* grün - border Menübox */ 
	border-left: 1px solid #06bb01; /* grün - border Menübox */
	background: #1c1d1e; /* grau - Box-Hintergrund */
}

#sidebar-inhalt h2 {
	margin: 4px;
	padding: 0 0 2px 0;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #06bb01; /* grün - border Menübox */
}

#sidebar-inhalt ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#sidebar-inhalt li {
	padding: 10px;
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
	color: #06bb01; /* grün - border Menübox */
}

#sidebar a:hover, #sidebar a:focus {
	border-bottom: 1px solid;
}



/********************************/
/***		SIDEBAR - WIDGETS			***/
/********************************/

/*** wp-calendar **/
#calendar_wrap {
}

#wp-calendar {
	width: 157px;
	margin: 10px auto 15px;
	font-size: 11px;
	border-collapse: collapse;
	empty-cells: show;
}

#wp-calendar caption {
	margin-top: 4px;
	padding: 2px 0;
	border: #9c026b; /* pink - border Foto-Show */
	font-size: 12px;
	text-align:center;
	text-transform: uppercase;
}

#wp-calendar th {
	width: 20px;
	padding: 4px 0 0 0;
	border-bottom: 1px solid #343; /* Text-schwarz */
	font-weight: normal;
	text-align: center;
	}

#wp-calendar td {
	width: 21px;
	padding: 2px 0 2px 0;
	text-align: center;
}

#wp-calendar a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#wp-calendar #prev a, #wp-calendar #next a {
	width: 60px;
	font-size: 12px;
	font-weight: normal;
	color: #06bb01; /* grün - border Menübox */
}

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

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

#wp-calendar a:hover, #wp-calendar a:focus, #wp-calendar a:active {
	border-bottom: none;
}


/********************************/
/***	 SIDEBAR-SHOWS (rechts)	***/
/********************************/

#sidebar-shows {
	float: left;
	width: 230px;
	margin-left: 15px;
}

#sidebar-shows-titel {
	width: 230px;
	height: 25px;
	background: url(images/marcello-titel-blau.gif) no-repeat #0092af; /* blau - Kontaktbox */
	text-align: center;
}

#sidebar-shows-titel h3 {
	margin: 0;
	padding: 3px;
	color: #000203; /* schwarz - Seitenhintergrund */
	font-size: 13px;
	font-weight: normal;
}

#sidebar-shows-inhalt {
	width: 228px;
	border-right: 1px solid #0092af; /* blau - Kontaktbox */
	border-bottom: 1px solid #0092af; /* blau - Kontaktbox */
	border-left: 1px solid #0092af; /* blau - Kontaktbox */
	background: #00262e; /* dunkelblau - Sidebar rechts HG */
}

#sidebar-shows-inhalt img {
	margin-top: 10px;
	border-top: 1px solid #0092af; /* blau - Kontaktbox */
	border-bottom: 1px solid #0092af; /* blau - Kontaktbox */
}


/********************************/
/***					FOOTER					***/
/********************************/
#footer {
	clear: both;
	width: 473px;
	margin: 5px auto 0 auto;
	padding: 0 246px 10px 201px;
	text-align: center;
	overflow: auto;
	color: #6f7072; /* mittel-grau - small im Content-Inhalt */
	font-size: 11px;
}

#footer a, #footer a:hover, #footer a:focus {
	padding-bottom: 1px;
	color: #9c026b; /* pink - border Foto-Show */
}

#footer a:hover, #footer a:focus {
	border-bottom: 1px solid;
}


/**************************************************/
/***		Allgemein (wegen Reihenfolge am Schluß	***/
/**************************************************/
.alignright {
	float: right;
}

.alignleft {
	float: left
}