/*
Theme Name: Waldersten
Description: The theme of Jesper Waldersten.
Version: 1.0
Author: Orangelab
Author URI: http://www.orangelab.se/
*/

body {
	font: normal 12px 'Courier New', Sans-serif;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #000;
	text-transform: uppercase;
	background-color: #ffffff;
	}

#title, .social-sharing {
	word-break: none;
	white-space: nowrap;
}

#page {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

body.page-template-yesterdays-php #page {
	width: auto;
}

.social-sharing img {
	height: 18px;
	width: auto;
}

#content {
	margin: 0 auto;
	}
	
a {
	color: #000;
	text-decoration: none;
	}
	
#copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #736f55;
	padding: 5px;
	text-transform: none;
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Start archive */

#archive {
	background: url('images/archive_bg.png') no-repeat;
	width: 474px;
	height: 382px;
	position: absolute;
	z-index: 9999;
	display: none;
}

#archive .wrapper {
	margin-top: 60px;
	margin-right: 140px;
	padding: 0 0 0 30px;
	height: 302px;
	overflow-y: scroll;
}

#archive .ui-slider {
	height: 15px;
	background: url('images/timeline_line.gif') no-repeat;
	position: relative;
	margin: 40px 10px 20px 0;
}

#archive .ui-slider .ui-slider-handle {
	width: 13px;
	height: 31px;
	background: url('images/handle.png') no-repeat;
	display: block;
	position: absolute;
	top: -8px;
	margin-left: -6px;
}

#archive #go {
	margin-left: 30px;
}

#archive .daynr {
	display: block;
	float: left;
	width: 18px;
	height: 51px;
	background: url('images/numbers.gif') no-repeat;
	background-position: 0 0;
}

#archive .daynr.empty { background-position: 0 51px; width: 0; }
#archive .daynr.zero { background-position: 0 0; }
#archive .daynr.one { background-position: 0 -51px; }
#archive .daynr.two { background-position: 0 -102px; }
#archive .daynr.three { background-position: 0 -153px; }
#archive .daynr.four { background-position: 0 -204px; }
#archive .daynr.five { background-position: 0 -255px; }
#archive .daynr.six { background-position: 0 -306px; }
#archive .daynr.seven { background-position: 0 -357px; }
#archive .daynr.eight { background-position: 0 -408px; }
#archive .daynr.nine { background-position: 0 -459px; }

#archive .archive-link img {
	width: 84px;
	height: auto;
	margin: 0 10px 10px 0;
	border: 1px solid #666;
	display: none;
}

/* End archive*/



/* Start comments */

#comments {
	background: url('images/comments_bg.png') no-repeat;
	width: 269px;
	height: 620px;
	position: absolute;
	z-index: 9998;
	display: none;
	font-size: 10px;
	font-weight: bold;
}

#comments .wrapper {
	padding: 20px 20px 20px 20px;
}

#comments .wrapper .holder {
	padding-right: 10px;
	height: 580px;
	max-height: 580px;
	min-height: 580px;
	overflow-y: auto;
	overflow-x: hidden;
}

#comments .wrapper .holder .writing {
	padding-bottom: 10px;
}

#comments .wrapper .holder #respond {
	display: none;
	padding-top: 10px;
}

#comments .wrapper .holder #respond textarea, #comments .wrapper .holder #respond input {
	border: 0;
	background: #ddd;
	width: 95%;
	border: 3px solid #ddd;
	font-size: 10px;
}

#comments .wrapper .holder #respond #submit {
	margin-top: 10px;
	background: #ccc;
	font-weight: bold;
	padding: 5px 10px;
	cursor: pointer;
	width: auto;
	border: 0;
}

#comments .wrapper .holder #respond .error {
	margin-top: 10px;
	background: #cc0000;
	color: #fff;
	padding: 3px;
	display: block;
}

#comments .wrapper .holder li {
	margin-bottom: 10px;
}

#comments .wrapper .holder li .time {
	color: #666;
}

/* End comments */

/* Slideshow */

#waldersten-slideshow {
	position: relative;
}

#waldersten-slideshow img.gallery-image {
	display: none;
	position: absolute;
	z-index: 2;
}

#waldersten-slideshow img.gallery-image.active {
	display: block;
	z-index: 4;
}

#waldersten-slideshow img.gallery-image.last-active {
	z-index: 3;
}


/* Start positions */
#days-container-1 { position: absolute; top: 20px; left: 20px; }
#days-container-2 { position: absolute; top: 20px; left: 500px; cursor: pointer; }
#days-container-3 { position: absolute; top: 25px; left: 650px; cursor: pointer; }
#days-container-4 { position: absolute; top: 80px; left: 20px; }
#days-container-5 { position: absolute; top: 28px; left: 320px; }
/* End positions */

/* Archive */

.yesterdays-holder {
	position: absolute;
	top: 120px;
}

.archive-day {
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 10;
	display: block;
	border: 1px solid #ddd;
}