/*

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;
}