/*
-----------------------------------------------
Blogger Template Style
Name:     Garland Wordpress Theme for Blogger Template
Designer: Steven Wittens and Stefan Nagtegaal.
URL:      www.jackbook.com
Date:     5 July 2007
Update By: Jack Book dot Com
----------------------------------------------- */
/* input my styles - Elly*/
/* .............................. */

body {
	background-color:#f3f3f3;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	color:#000000;
	padding:0px;
	margin:0px;
 	text-align:center;
	}

html, body {
  min-height:100.1%;
  padding:0px;
	margin:0px;
	}

/* .............................. */
/* Links */
/* .............................. */

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

a:hover {
	text-decoration:underline;
	color:#bb0000;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
  float:left;
	clear:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:0.5px;
	color:#666;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}

h1 a {
  text-decoration:none;
	color:#666;
	}

h1 a:hover {
    text-decoration:none;
	}

.title {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#666;
	margin:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
}
img {
border:1px solid #000000;
vertical-align: middle;
text-align:center;
}

h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#000000;
	text-align:center;
}
h2 {
	font-weight:bold;
	font-size:12px;
	letter-spacing:0.5px;
	color:#000000;
	text-align:center;
	padding:5px;
}
h4 {
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
	color:#bb0000;
	text-align:left;
	padding-left:5px;
}

/* .............................. */
/* Navigation and menu */
/* .............................. */
#threecols {
 width:100%;
 float:left;
 position:relative;
 background-color:#f3f3f3;
 clear:both;
}
#header{
 height:15px;
 background-color:#B0001E;
 clear:both;
}
#header2{
	position:relative;
	height:80px;
	background-color:#FFFFFF;
	vertical-align:middle;
	width:100%;
}
/* .............................. */
/* Content */
/* .............................. */

#photo {
background:#f3f3f3;
padding:0px;
float:left;
position:relative;
max-width:60%;
}

/* .............................. */
/* Image Navigation */
/* .............................. */
#categories{
background:#f3f3f3;
float:left;
width:220px;
position:relative;
text-align:left;
font-size:12px;
font-weight:bold;
line-height:20px;
padding-top:5px;
padding:0px;
margin:0px;
color:#B0001E;
}

#thumbnails {
	padding:5px;
	margin:5px;
	float:left ;
	position:relative ;
}


/* .............................. */
/* Footer */
/* .............................. */

#footer {
   text-align:center;
   margin-bottom:20px;
   padding-top:20px;
   position:relative;
   clear:both;
 }

/* TAG SUPPORT */
.tags00
{
	font-size: 8px !important;
}
.tags01
{
	font-size: 10px !important;
}

.tags02
{
	font-size: 12px !important;
}

.tags03
{
	font-size: 14px !important;
}

.tags04
{
	font-size: 16px !important;
}

.tags05
{
	font-size: 18px !important;
}

.tags06
{
	font-size: 20px !important;
}

.tags07
{
	font-size: 22px !important;
}

.tags08
{
	font-size: 24px !important;
}

.tags09
{
	font-size: 26px !important;
}

.tags10
{
	font-size: 28px !important;
}
/*end of my styles Elly -------------------------------------------------------------------*/


/* Page Navigation
------------------------------*/
ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #5A5A4B;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink {
	color: #ddd;
	cursor: default;
}
.pagenav {
	clear: both;
}

/* AJAX
------------------------------ */
#albumDescEditable {
	margin-bottom: 12px;
}
#imageDescEditable {
	margin-top: 24px;
}

/* Image Thumbnails
------------------------------ */

.imagethumb a {
	display: block;
	padding: 8px;
	margin: 4px;
	border: 1px solid #000000;
	background: #b9b9b9;
	line-height: 0px;
}
.imagethumb a:visited {
	border: 1px solid #000;
	background: #F3F3F3;
}
.imagethumb a:hover {
	border: 1px solid #000;
	background: #ffffff;
}
.imagethumb {
	float: left;
	padding-right:10px;
	padding-left:10px;
}


/* Album Thumbnails
------------------------------ */
#album {
display:block;
margin: 0 10px 10px 0;
float: left;
width: 260px;
border-top: 5px solid #bb0000;
background: #FBFCFD;
position:relative;
padding:0px;
vertical-align:middle;
}

#albumimg {
	margin:3px;
	padding:3px;
	float:left;
	position:relative ;
	vertical-align:middle;
	background:#FBFCFD;
	}

/*
.album {
  display:block;
	margin: 0 15px 15px 0;
	float: left;
	width: 250px;
	border-top: 5px solid #bb0000;
	background: #FBFCFD;
	text-align: middle;
	position:relative;
  padding:0px;
 }
 
.album .imagethumb a {
	margin: 0;
	vertical-align:middle;
 }
.album h3 {
	padding: 0;
	padding-left: 50px;
	margin: 0;
	font-weight: bold;
	float:left ;
}
.album h3 a {
	display: block;
	width: 100%;
	margin-top:7px;
	float:left ;
}
.album p {
	margin: 0 0 4px 0;
	padding-left: 50px;
	line-height: 17px;
	font-size: 10px;
 vertical-align:middle;
 float:left;
}
*/
#albumdesc {
	float: left;
	width: 150px;
	margin: 3px;
	padding: 0px 0 0 0;
  position:relative;
  background: #FBFCFD;
   }


/* Individual Image
------------------------------ */
/*
.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	text-align: center;
	line-height: 0;
}
.imgnav {
	float: right;
	width: 140px;
	text-align: center;
	border: 1px solid #000000;
	background: #ffffff;
	margin-top: 13px;
	_margin-top: 8px;
}

.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 20%;
	height: 100%;
	float: left;
	padding: 4px 0;
	font-size: 80%;
	text-decoration: none;
	line-height: 200%;
	color: #237898;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #002E5B;
}
.imgnav .imgprevious a {
	float: right;
}
.imgnav .imgnext a {
	float: right;
}
#narrow {
	margin: 0 auto;
	width: 440px;
}
#images { 
	width:640px;
	margin: 0 auto;
	float:left;
}
*/
#image_container img {
	padding:10px;
	margin:10px;
	border: 1px solid #000000;
	background: #c5c5c5;
	float:center;
	position:relative ;
}


/* Comments
------------------------------ */
#comments {
	_clear: both;

}
.error { 
  color: #C33; 
  font-weight: bold; 
}

#comment {
  display:block;
  padding:10px;
	border: 1px solid #c9c9c9;
	background: #FBFCFD;
	margin:5px;
	margin-left:auto ;
	margin-right:auto ;
	width:500px;
	height:100%;
	text-align:left ;
}
.commentmeta {
	margin-bottom: 12px;
  float:left ;
}
.commentauthor {
	font-weight: bold;
  float:left ;
}
.commentdate {
	margin-top:12px;
	color: #000000;
	font-size: 85%;
}


/* Forms
------------------------------ */
.inputbox {
	width: 250px;
	padding: 2px;
  float:right ;
}
textarea {
	padding: 4px;
	width: 300px;
	color: #5A5A4B;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:100px;
}
.checkbox {
	cursor: pointer;
}
.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
}
label {
	cursor: pointer;
}
label:hover {
	color: #000;
}
#image_extras {
	_width:440;
	float:left ;
	position:relative ;
	background-color:red ;
}
/*
#exif_link{
	width:100px;
	float:left;
	font-weight:bold;
}
#map_link{
	width:100px;
	float:right;
	text-align:right;
	font-weight:bold;
}
#map{
	display: none;
	_width:595;
	margin: 0 auto;
}
*/
#latest_images a {
	margin-bottom:5px;
}

.sidebar ul {
	padding: 0;
}

#album_menu li {
	list-style-type: disc;
	padding:0px;
	margin-left:-10px;
}

#album_menu ul li{
  padding:0px;
 	margin-left:-25px;
}

.zen{font:18px Arial Narrow;}
.photo{font-variant: small-caps; font-weight: 700; font: Arial Black 12px;}
.navlist {margin-left:10px;margin-top:-10px;}
.navlist li { list-style-type: circle; }
#imagemetadata {display:none;}
#tagContainer {width:160px;}
#search{margin:5px}
.pushbutton{ margin:0;padding:0;}
/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position:fixed;
	right:0;
	top:0;
	border-left: 1px solid #E6E6DF;
	border-bottom: 1px solid #E6E6DF;
	background: #edf5fa;
	width:120px;
}
#admin_data{
	top:17px;
}
#admin h3 {
	font: 105% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #494949;
	border-bottom: 1px dashed #E6E6DF;
	margin:0;
	padding:0;
}

/* Archive View
---------------------------- */
#archive{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
ul.archive * {
	padding:0;
	margin:0;
	list-style:none;
}
ul.archive #year {
	margin-top:10px;
	text-align: center;
	margin-bottom:5px;
	font-size:18px;
}
ul.archive #month {
	font-size: 14px;
	list-style:none;
	border-top:2px solid #E6E6DF;
	padding-top: 5px;
}