/*

	Theme: Almanac
	for folderblog 3 (http://folderblog.tetto.org/)

	Author: John Wrana
	Author URI: http://www.jowra.de/

	Updated on: 2005-07-06
	
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


html, body {
	padding: 0;
	margin: 0;
	text-align: center;
}

body {
	/* 
	background: #e8e4e4;
	background: #fff url(almanac/bkgrnd_grad_short_red1.gif) repeat-x top left;
	background: #fff url(almanac/bkgrnd_grad_short_lessbrown2.gif) repeat-x top left;
	*/
	background: #FFF;   
	/* set font to match body font of rapidweaver pages */
	font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #050505;
}

p {
	margin: 0;
	padding: 0;
}

a {
	color: #777;
	text-decoration: none;
}

a:hover {
	color: #B61F1F;
}

textarea, input {
	background: #606866;
	border: 1px solid #898E8B;
	margin: 0 0 5px 0;
	padding: 1px 3px;
	/*
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	*/
	font-size: 11px;
	color: #050705;
	vertical-align: middle;
}

textarea {
	margin: 3px 0 5px 0;
}

/* needs to be mimicked from ../styles.css 'cuz it gets lost in
   php pathname craziness.  RW main stylesheet is referenced relative to directory
   where gallery.php lives but once php gets going it creates and uses other 
   mysterious directories (".../gallery.php/image/prettypicture") so the relative
   pathname for styles.css is no longer valid.  hmph.
*/
#container { 
	position: relative;
	width: 700px;    /* hardcodes width so content floats in center as window resized */
	margin: 0px auto; /* center content by setting right/left margins to auto */
	text-align: left;
	padding: 0px;
	/*
	background: yellow;
	*/
}


#submit {
	padding: 0 3px 2px 3px;
	margin: 0;
	height: 22px;
	width: 50px;
	color: #090909;
}

#check {
	padding: 0;
	margin: 0 0 0 10px;
}

form {
	margin: 0;
	padding: 0;
}

#header {
	/* text color comes from header a */
	line-height: normal;
	text-align: center;

	margin-top: 10px;		/* match rw pageHeader margins */
	margin-right: 10px;
	margin-left: 10px;

	padding-top: 4px;		/* match rw pageHeader padding */
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;

	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	/*
	border: 1px solid #AAA;
	background: #EEE;
	*/
}

#header img {
	border: none;
	margin: 0px;
	padding: 0px;
}

/* this should match rw/styles pageHeader:h1 color */
#header a {
	color: #777;
}

#header a:hover {
	/*
	background: #fff url(almanac/stack_round4.png) repeat-x top left;
	color: #DDD;
	*/
	color: #B61F1F;
	/*
	border-top: 1px solid #784444;
	border-bottom: 1px solid #784444;
	color: black;
	text-decoration: underline;
	*/
}

#h_left {
	float: left;
	width: auto; /* 200px; */  /* auto prevents stacking on resize, sets min size */
	text-align: left;
	font-size: 12px;
	margin-top: 0px;
}

#h_center {
}

#h_right {
	float: right;
	width: auto; /* 200px; */  /* auto prevents stacking on resize, sets min size */
	text-align: right;
	font-size: 11px;
	/* padding-top: 10px;    forlogo */
}

#container_main {
	background: transparent;
	/* 
	background: green; 
	border: 1px solid red;
	*/
	margin: 0 auto;
	padding: 25px 0 0px 0;
}

#container_main img {
	margin: 0;
	padding: 0px;
	border: 2px solid #000;
	background: #FFF;
}

/* between thumbnail spacing = #fbmenuthumb {margin}
   thumbnail borders = #container_archive img {padding & border}
   thumbsize comes from fb_settings.php ($thumb_maxsize)
   thumbs per row comes from almanac_settings.php ($thumbs_perrow)
*/
#container_archive {
	margin: 25px auto 0 auto;
	padding: 0px;

	/* width = thumbs_perrow * (thumbsize + 2*margin + 2*padding + 2*borderwidth) */
	/* or spend a day figuring out how to center floating <div class="#fbmenuthumb"> */
	/* oi */
	/* width: 468px; 		/* 4 thumbs per row, thumbsize 75 */
	width: 485px; 		/* 5 thumbs per row, thumbsize 55 */

	color: #777;
	text-align: center;
	/* 
	border: 1px solid red; 
	background: blue;
	*/
}

#container_archive img {
	margin: 15px;
	padding: 5px;   /* pad between image and border */
	border: 1px solid #555;
	/* background: #d5d9d5; */
	background: #FFF;
}

#container_main  a, #container_archive a {
	color: #777;
}

#container_main  a:hover, #container_archive a:hover {
	color: #B61F1F;
}

#date {
	line-height: 1.4em;
	padding: 0;
	margin: 5px 0 20px 5px;
	color: #785555;
	float: left;
	text-align: left;
	font-size: 10px;
}

/* image caption */
#text {
	line-height: 1.4em;
	padding: 0 0 0 10px;
	margin: 5px 0 0 10px;
	color: #777;
	float: left;
	border-left: 1px solid #a0a5a0;
	width: 235px;
	text-align: left;
	font-size: 10px;
	/* background: yellow; */
}
	
#exif {
	line-height: 1.4em;
	padding: 0;
	margin: 5px 10px 0 0;
	color: #777;
	float: right;
	text-align: right;
	background: transparent;
}

#exif img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent;
}

/* exif text */
#comments {
	margin: 0;
	padding: 0px 0 0 0;
	text-align: left;
	display: none;
	color: #777;
}

#comments a {
	color: #233;
}

#comments a:hover {
	color: #B61F1F;
}

.clear {
	clear: both;
}


/* main_thumbs width and fbthumb/fbthisthumb width need
   to be hardcoded to center it above pic based on thumb size
*/
#main_thumbs {
	width: 451px;
	padding-top: 40px;
	padding-bottom: 0px;
	margin: 0 auto;
	text-align: center;
	/*
	background: green;
	*/
}


#fbthumb, #fbthisthumb { 
	position: relative;
	margin: 0px;
	width: 10px;
	height: auto;
	text-align: center;
	vertical-align: middle;

	/* display: table-cell; 	/* not supported by IE */
	display: inline;

	/*
	border: 1px solid blue;
	background: yellow;
	*/
}

#fbthumb img {
	border: 1px solid #000;
	padding: 0px;

	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;

	/* TEMP */
	width: 55px;
	height: 55px;
}
#fbthisthumb img {
	border: 2px solid #000;
	padding: 2px;

	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;

	/* TEMP */
	width: 55px;
	height: 55px;
}
#fbthisthumb {
	/*
	background-color: #eee;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	*/
}


/* archive page thumbnails */
#fbmenuthumb {
	float: left;
	/* margins&padding set in #container_archive img {} */
}

/* TEMP */
#fbmenuthumb img {
	width: 55px;
	height: 55px;
}

.fbpages {
	color: #777;
	font-size: 10px;
}

.fbexifinfo {
	float: left;
	margin: 0px;
	padding: 5px 0 0 5px;
	font-size: 10px;
	line-height: normal;
	/*
	background: yellow;
	*/
}

.arrow {
	margin: 0 2px 1px 1px;
	padding: 0
}

#arrow_container {
	font-size: 10px;
	color: #777;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center;
}

#arrow_container img {
	border: 0px;
}