/*
Theme Name: Henrik 1.0
Theme URI: http://www.henrik-pfeifer.de/
Description: Portfolio site for photographer Henrik Pfeifer.
Author: lieberungewoehnlich.de
Author URI: http://www.lieberungewoehnlich.de/
*/


html,body{
	width:100%;
	height:100%;
	overflow:hidden;
	border:0;
	margin:0;
	padding:0;	
 	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	text-align: left;
	background-color: #000;
	
	}

#page {	
	background: #333;
	margin: 0;
	padding: 0;
	}

#header {
	background: #666;
	margin: 0;
	padding: 0;
	}

#content {
	background: #000;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
	color: #ccc;
	font-size: 11px;
	line-height: 17px;
	height:600px;
	width:100%;
	font-style:normal;
	}
	
#content.narrowcolumn {
	position:absolute;
	z-index:60;
	padding: 0 0 55px 0;
	margin: 0 0 0 260px;
	width: 380px;
	}

h1 { margin: 0; padding: 0; font-size: 1.8em; }
h2 { visibility: hidden; 	}
p { color: #ccc; }
a { color: #f09; text-decoration:none; }
a:hover { color: #fff; text-decoration:none; }
img { border:0; text-decoration: none; }
img.alignleft {	float:left; padding: 0; margin: 0px; }


#sidebar {
	padding: 0;
	margin: 0 0 0 20px;
	width: 200px;
	position: absolute;
	z-index: 55;
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase; 
	}

.sidebarLogo {
	background-color: #fff;
	padding: 20px 0 0 5px;
	margin: 0;
	width: 195px;
	}

.sidebarNavi {
	background-color: #fff;
	padding: 20px 0 0 5px;
	margin: 1px 0 0 0;
	width: 195px;
	}

.sidebarFoot, .sidebarFootHome {
	background-color: #ff0099;
	padding: 0;
	margin: 1px 0 0 0;
	width: 200px;
	height: 11px;
	text-decoration:none;
	}

.sidebarNaviwrap {
	width: 200px;
	}

#sidebar ul, sidebar ul li{
	list-style-type: none;
	list-style-position: outside;
	padding: 0px 0 10px 9px;
	margin: 0;
	}

#sidebar ul li a { color:#888; }
#sidebar ul li a:hover { color:#ff0099; }

.mainNavi { font-size: 18px; line-height: 24px; }
.mainNavi ul { font-size: 10px; line-height: 17px; }

/* css for gallery pagelinks*/
#sidebar a#gal-link.home { width: 175px; height: 42px; background-image: url(images/Henrik_Pfeifer_HP_Logo.gif);	display: block; text-decoration: none; }
#sidebar a#gal-link.home:hover {background-position: 0pt 42px;}


#footer {
	background-color:#666;
	padding: 0;
	margin: 0;
	/*height: 40px;
	width: 900px;
	clear: both;
	z-index:60;*/
	}


/* fullscreen pictures
html,body {width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;font:12px/17px "Helvetica","Arial",sans-serif}
*/

/*For making the background size*/
#content.gallery {position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#111;display:table}
#content.gallery div {position:absolute;left:0;top:50%;width:100%;}
#content.gallery > div {display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
#content.gallery img {margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html #content.gallery img {position:relative;top:-50%} /*Fix IE7*/
*:first-child+html #content.gallery div {position:absolute;top:50%;height:auto} /*Fix IE7*/
* html #content.scaler img {height:50%;position:relative;top:-50%} /*Fix IE6*/

/*Gallery Navigation*/
.gallery-nav {position:absolute;bottom:35px; left:20px; overflow:hidden;text-align:center;z-index:10;list-style:none; padding:0; margin:0;}
.gallery-nav li {float:left;width:30px;margin-left:1px;line-height:30px;font-size:11px;list-style:none}
.gallery-nav a {height:30px;display:block;background:#000;text-decoration:none;color:#fff;outline:none; filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.gallery-nav a:hover {background:#f09;color:#333; filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7}
.gallery-nav a:active, .gallery-nav a:focus,.gallery-nav a.cur {background:#fff;color:#333; filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7}

/*Floating Next/Previous Button Navigation*/
.gallery-float{cursor:default;position:absolute;top:0px;left:0px;z-index:9;width:66px;height:66px;display:block;outline:none}
.gallery-next {background:url(images/next.png) 0 0;width:66px;height:66px;position:absolute;right:33px;top:33px; filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7}
.gallery-prev {background:url(images/prev.png) 0 0;width:66px;height:66px;position:absolute;right:15px;top:auto;bottom:auto; filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

/*Example of alternative body-element, since the body is covered with the scaling image*/
/*#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto}*/