/*
Theme Name: Simple Rolf
Theme URI: http://www.rolfinjapan.nl
Description: A simple photoblog using the YAPB plugin.
Author: Rolf
Version: 0.1
Tags: black, white, photoblog, photo, simple
*/

/* HEADER */

body {
	margin: 0 auto;
	background-color: #141414;
	color: #ffffff;
	font: 14px verdana,arial,sans-serif;
	background-image: url('images/topbg.gif');
	background-repeat: repeat-x;
}

a { color: #ffffff; text-decoration: none; outline: medium none; }
a:hover { color: #87cefa; text-decoration: none; }
h1 { font-size: 18px; margin: 0; padding: 0; font-variant: small-caps; font-weight: normal; }
#site-title h1 { font-size: 24px; font-variant: normal; }
h2 { font-size: 18px; margin: 0; padding: 0; font-variant: small-caps; font-weight: normal; }
h3 { font-size: 16px; font-variant: small-caps; padding: 0; margin: 0 0 10px 0; font-weight: normal; }
h3#reply-title { margin: 10px 0 10px 0; }
h4 { font-size: 14px; font-variant: small-caps; }
h5 { font-size: 12px; font-variant: small-caps; }
h6 { font-size: 10px; font-variant: small-caps; }
em { font-style: italic; }

#topleft-banner {
	background-image: url('images/topleft.png');
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
}

#body-container {
	margin: 0 auto;
	width: 910px;
}

#main-body {
	margin: 0 auto;
	width: 900px;
}

#header-container {
	margin: 0 auto;
	width: 900px;
	height: 30px;
	position: relative;
}

#header {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

#site-title {
	font-size: 24px;
	margin: 0;
	padding: 0;
}

#site-title a {
	color: #ffffff;
	text-decoration: none;
}

#site-title a:hover {
	color: #87cefa;
}

#site-description {
	color: #ffffff;
	font-style: italic;
	font-size: 14px;
}

#header-navigation, #title-nav {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	bottom: 0;
}

#header-navigation ul { list-style-type: none; margin: 0; padding: 0; }
#header-navigation li { display: inline; }
#header-navigation a { background-color: #000000; color: #ffffff; text-decoration: none; margin: 0 0 0 10px; padding: 0; }
#header-navigation a:hover { color: #141414; background-color: #ffffff; }

/* BODY */

#container { margin: 10px 0 0 0; }


#title-nav ul { list-style-type: none; margin: 0; padding: 0; }
#title-nav li { display: inline; }
#title-nav a { background-color: #141414; color: #ffffff; text-decoration: none; margin: 0 0 0 10px; padding: 0; }
#title-nav a:hover { color: #141414; background-color: #ffffff; }

#title-holder { position: relative; height: 22px; }
#title-nextprev {font-size: 14px; text-transform: uppercase; color: #ffffff; }
#title-nextprev a { color: #ffffff; background-color: #141414; }
#title-nextprev a:hover { color: #141414; background-color: #ffffff; }
#entry-title-position { position: absolute; left: 0; bottom: 0; }
.entry-title a { color: #fff; text-decoration: none; }
.entry-title a:hover { color: #87cefa; }
.title-meta { color: #c5c5c5; font-size: 10px; text-transform: uppercase; display: inline; margin: 0 0 0 10px; }

#photo-holder { position: relative; }
#photo-resizer { margin: 0 auto; }

.entry-photo {
	border-top: 1px solid #ffffff;
}

.entry-content {
	margin: 10px 0 10px 0;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
	background-color: #1f1f1f;
	color: #dedede;
}

#archive-content {
	margin: 20px 0 10px 0;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
	background-color: #1f1f1f;
	color: #dedede;
}

#page-content {
	margin: 20px 0 0 0;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
	background-color: #1f1f1f;
	color: #dedede;
}

.slide-content {
	margin: 0 0 5px 0;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
	background-color: #212121;
	color: #dedede;
}

.slide-first { margin-top: 5px; }
.slide-last { margin-bottom: 0; }

#archive-content a, #page-content a, .entry-content a, .slide-content a { color: #87cefa; }
#archive-content a:hover, #page-content a:hover, .entry-content a:hover, .slide-content a:hover { color: #107fc9; }

#entry-nextprev { height: 100%; width: 100%;  }

#entry-prev a { outline-style:none; background:url("images/spacer.gif"); position: absolute; z-index: 101; top: 0; left: 0; height: 100%; width: 50%; text-align: left; }
#entry-next a { outline-style:none; background:url("images/spacer.gif"); position: absolute; z-index: 101; top: 0; right: 0; height: 100%; width: 50%; text-align: right; }
#entry-prev a:hover { background: url("images/navleft.png") no-repeat scroll center center transparent; }
#entry-next a:hover { background: url("images/navright.png") no-repeat scroll center center transparent;}

/* FOOTER */

.clearboth { clear: both; }

#footer-container {
	margin: 0;
	padding: 0;
}
#footer {
	color: #dedede;
	margin: 0 auto;
	padding: 0;
}

#footer a {color: #87cefa; }
#footer a:hover {color: #107fc9; }

/* COMMENTS */
#comments {
	width: 800px;
	margin: 0 auto;
}

.commentlist { padding: 0; margin: 0; }
.comment {
	margin: 0 0 5px 0;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
	list-style-type: none;
	color: #dedede;
}

.comment a { color: #87cefa; }
.comment a:hover { color: #107fc9; }

#respond-container {
	width: 800px;
	margin: 0 auto;
}

#respond {
	position: relative; 
	margin: 0;
	background-color: #212121;
	color: #dedede;
	padding: 10px 26px 10px 26px;
	border: 1px solid #dedede;
}

label {
	float: left;
	width: 90px;
	color: #dedede;
}

.contactlabel {
	float: left;
	width: 90px;
}

.submit { background-color: #dedede; color: #141414; font-weight: bold; }
.button { border: 0; height: 30px; width: 130px; }

.even { background-color: #212121; }
.odd { background-color: #191919; }
.bypostauthor, .comment-author-admin { background-color: #313131; border: 1px solid #ffffff;}

.copyright { text-align: center; padding: 10px 0 10px 0; margin: 0; }
.editlink { float: left; margin: 0; padding: 0; }
.editlinkright { float: right; margin: 0; padding: 0; }

#page-mosaic { background-color: #141414; margin: 0 26px 0 26px; }
.mosaic-year { clear: left; padding-top: 10px; }
a.mosaic-link .mosaic {
	border: 1px solid #dedede;
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	/* for IE */
	filter: alpha(opacity=80);
	/* CSS3 standard */
	opacity: 0.8;
}
a:hover.mosaic-link .mosaic {
	/* for IE */
	filter: alpha(opacity=100);
	/* CSS3 standard */
	opacity: 1;
	border: 1px solid #107fc9;
}

.meta-small { font-size: 11px; text-align: right; }
.visibles { display: none; }

.center { text-align: center; }

/* PAGE NAVIGATION */
.wp-pagenavi {
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: right;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #dedede;
	padding: 3px 5px;
	margin: 2px;
	color: #ffffff;
	background-color: #141414;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	color: #141414;
	background-color: #ffffff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}