/* ------------------------------------------------------------------ */
/*                                                                    */
/* Written  by: Fred-Eric Lafaille                                    */
/* Written for: Pixelpost 1.7.1 www: http://www.pixelpost.org/        */
/* LAST UPDATED: 23-03-20088                                          */
/* www: http://lafaille.ca/                                           */
/* Contact: fred-eric [at] lafaille [dot] ca                          */
/* Copyright (c) 2008 <http://wwww.lafaille.ca/>                      */
/*                                                                    */
/* License: http://www.gnu.org/copyleft/gpl.html                      */
/*                                                                    */
/* This program is free software; you can redistribute it and/or      */
/* modify it under the terms of the GNU General Public License        */
/* as published by the Free Software Foundation; either version 2     */
/* of the License, or (at your option) any later version.             */
/*                                                                    */
/* This program is distributed in the hope that it will be useful,    */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of     */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      */
/* GNU General Public License for more details.                       */
/*                                                                    */
/* ------------------------------------------------------------------ */

body {
background-color : #272727;
color            : #999999;
}
a, a:link, a:visited {
 color           : silver;
 text-decoration : none;
}
a:hover { color  : #c52323; }

#photobox { background: white url(../images/loading.gif) no-repeat center center; }

#picture-frame-size {
border: 0px solid #222222;
background-color: #111111;
}

#menu_background {
background : transparent url("../images/dark/header.png") repeat;
/* background: #222222; */
/* border-bottom: 1px solid #444444; */
}
#footer_background {
background : transparent url("../images/dark/footer.png") repeat center center;
/* background: #222222; */
/* border-top: 1px solid #444444; */
}

#navigation {
}
.announce {
border-top: 1px dotted silver;
border-bottom: 1px dotted silver;
}

#navigation .nav-left {
font-weight: bold;
}

#comment-inner {
  background : #222222;
  border     : 1px solid silver;
}
#previous-next-link {
border-top : 1px dotted #222222;
}
#copyright {
}
#copyright, #copyright a, #copyright a:link, #copyright a:visited {
color : #666666;
}
#copyright a:hover {
color : #cccccc;
}
input {
background: #444444;
border: 1px solid #666666;
color: #ebebeb;
}
textarea {
background: #444444;
border: 1px solid #666666;
color: #ebebeb;
}
form {
color: #666666;
padding: 15px;
}

/* comment section */
#comments li {
color : #666666;
border : 1px solid #666666;
}
#comments li:hover {
color : #ebebeb;
background : #444444;
}
#comments li a { color : #669933; }
#comments li a:hover { color : #669933; }

#comment-transition:hover {
color: silver;
/* background : #444444; */
}

#comment-transition img { border: 1px solid silver; }
/*----------------------------------------------------------*/
/* ALBUM VIEW                                               */
/*----------------------------------------------------------*/
.col-0 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: justify;
}
.col-1 { 
  width         : 500px; 
  float         : left; 
}

.albumWrapper {		
	text-align    : center;
	float         : left;
	height        : 120px;
  margin-top    : 5px;
  margin-right  : 5px;
  margin-bottom : 3px;
  margin-left   : 5px;
  /* background:#333; */
	/* border:1px solid #666;*/
}

.albumWrapper2 { margin :  3px; width  : 105px; }

.albumWrapper a:link, .albumWrapper a:visited {
  /*	border:1px solid #ccc; */
	display:block;
}

.albumWrapper img {
	background    : #fff;
	border-color  : #aaa #ccc #ddd #bbb;
	border-style  : solid;
	border-width  : 6px;
	color         : inherit;
	padding       : 1px;
	vertical-align: top;
	width         : 100px;
	height        : 75px;
  /*	border:2px solid #FFF; */
}

.albumTitle {	font-size:.8em; padding:2px 0; }
.albumTitle a:link, .albumTitle a:visited { border:none; }

/*--------------------------------------------------------------------*/
/* =Hoverbox pagination                                               */
/*--------------------------------------------------------------------*/
#hoverbox_pagination{
  clear      : both;
  font-size  : 85%;
  padding-top: 10px;
	text-align : center;
}

#hoverbox_pagination a,
#hoverbox_pagination span {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #bbb;
  text-decoration: none;
  color: #555;
}

#hoverbox_pagination a:hover, 
#hoverbox_pagination a:active,
#hoverbox_pagination span:hover,
#hoverbox_pagination span:active {
  border: 1px solid #aaa;
  background-color:#fff4aa;
}

#hoverbox_pagination .hoverbox_pagination_disabled {
  background-color: #ccc;
  color: white; 
  border-color: #ccc;
}
/*--------------------------------------------------------------------*/
/* =Hoverbox Code                                                     */
/*--------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a {	cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview
{
	display : block;
	position: absolute;
	top     : -33px;
	left    : -45px;
	z-index : 1;
}

.hoverbox img
{
	background    : #fff;
	border-color  : #aaa #ccc #ddd #bbb;
	border-style  : solid;
	border-width  : 1px;
	color         : inherit;
	padding       : 2px;
	vertical-align: top;
	width         : 100px;
	height        : 75px;
}

.hoverbox li
{
	background  : #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color       : inherit;
	display     : inline;
	float       : left;
	margin      : 3px;
	padding     : 5px;
	position    : relative;
}

.hoverbox .preview
{
	border-color : #000;
	width        : 200px;
	height       : 150px;
}

/*--------------------------------------------------------------------*/
/* Kommentarslider                                                    */
/*--------------------------------------------------------------------*/
#slide-out { 
background-color: gray; 
position: absolute; 
top: 100px; 
z-index: 1000; 
filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	border-bottom:1px solid black;
	overflow:auto;
}
#slide-out2 { background-color: black; position: absolute; top: 100px; 
z-index: 900; 
filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	border-bottom:1px solid black;
}

#slide-out-in {
padding:5px;
}

/* ------------------------------------------------------------------ */
/*                                                                    */
/* Written  by: manfred bruns                                         */
/* Written for: Pixelpost 1.7.1 www: http://www.pixelpost.org/        */
/* LAST UPDATED: 18-05-2008                                           */
/* Copyright (c) 2008 <http://www.kutterfahrer.de/>                   */
/*                                                                    */
/* License: http://www.gnu.org/copyleft/gpl.html                      */
/* This program is free software; you can redistribute it and/or      */
/* modify it under the terms of the GNU General Public License        */
/* as published by the Free Software Foundation; either version 2     */
/* of the License, or (at your option) any later version.             */
/*                                                                    */
/* This program is distributed in the hope that it will be useful,    */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of     */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      */
/* GNU General Public License for more details.                       */
/*                                                                    */
/* ------------------------------------------------------------------ */
/* style: impressum                                                   */
/* ...................................................................*/
.impress {
  width           : 700px;
  margin-left     : auto;
  margin-right    : auto;
  margin-top      : 100px;
  text-align      : justify;
  font-family     : verdana, tahoma, helvetica, arial, sans-serif;
  font-style      : normal; 
  font-size       : 1.0em;
  font-weight     : 300;
}

/* ...................................................................*/
/* style: exif                                                        */
/* ...................................................................*/
#exifs {
  text-align  : left;
}

ul#exifinfo {
  margin        : 0; 
  padding-top   : 0.4em;
  text-align    : left;
  border        : 1px solid transparent;
  color         : #272727;
  z-index       : 100;
}

ul#exifinfo li {
  list-style    : none;
  display       : inline;
  margin        : 0.4em; 
  padding       : 0;
}

/* ...................................................................*/
/* style: album                                                       */
/* ...................................................................*/
.catlinks {
  position      : absolute;
  left          : 980px;
  top           :  60px;
  width         : 200px;
  margin        :   1px;
  padding       :   1px;
  text-align    :  left;
  font          : 12px/20px tahoma, verdana, helvetica, arial, sans-serif;
  border        : 0px solid black;
  color         : silver;
}
/* ...................................................................*/
/* style: java                                                        */
/* ...................................................................*/
.roterPunkt {
  position : absolute; 
  top      :     80px; 
  left     :    800px;  
}

.blauerPunkt {
  position : absolute; 
  top      :     80px; 
  left     :    800px;  
}
/* ...................................................................*/
/* style: Titel                                                       */
/* ...................................................................*/
#myfont { 
  position        : absolute;
  top             : 50px;
  left            : 70px;
  width           : 100px;
  height          : 050px;
  font-family     : verdana;
  font-style      : normal; 
  font-size       : 1.5em;
  font-weight     : 200;
  letter-spacing  : -0.05em;
}                 
                  
#myf1 {           
  line-height     : 0.5em;
  color           : #c52323;
}                 
                  
#myf2 {           
  position        : absolute;
  left            : 100px;
  line-height     : 0.4em;
  color           : #a3a3a3;
}