/**
 * Window.css - Custom lightwindow
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

html, body {
	width: 963px;
	height: 600px;
}

body {
	margin: 0;
	padding: 0;
	background: #666;
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
}

h1, h2 {
	font-style: italic;
}

h1 {
	margin: 0;
	font-size: 14px;
}

h2 {
	margin: 0 0 10px;
	font-size: 20px;
	color: black;
}

img {
	border: 0;
}

p {
	margin: 0 0 20px;
	line-height: 160%;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#window-wrapper {
	width: 963px;
	height: 600px;
	background: white url(../img/album-lightwindow-bg.png) repeat-x;
}

#sidebar {
	position: relative;
	float: left;
	padding: 20px 20px 170px 0;
	width: 140px;
	height: 410px;
	background: url(../img/logo-lightwindow.gif) no-repeat 0 100%;
	overflow: hidden;
}

#content {
	position: relative;
	float: left;
	width: 800px;
	height: 600px;
	background-color: white;
	border-left: 3px solid white;
	overflow: hidden;
}

#content img {
	display: block;
	margin: 0 auto;
}

#content-iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

#loading-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: white url(../img/overlay-loading.gif) no-repeat 50% 50%;*/
	background: white url(../img/loading-bar.gif) no-repeat 50% 50%;
}


/**
 * SIDEBAR ELEMENTS
 * ----------------------------------------
 */

#logo {
	display: block;
	margin: 25px -10px 20px 0;
	width: 230px;
	height: 107px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* Album navigation */

#album-navigation {
	position: absolute;
	bottom: 135px;
}

#prev, #next {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background: url(../img/album-navigation-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next {
	background-position: -25px 0;
}

#current-total {
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}