/*   
Theme Name: Amsterdam Nights
Theme URI: http://www.rollsroick.de/
Description: You can have it here and now. Your Blog in the look and feel of a warm summernight in Amsterdam.
Author: Oliver Roick
Author URI: http://www.rollsroick.de/
Version: 1.5.1


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* Da Basics */

body {
	/* background-color: #141C29; */
	background-color: #ffffff;
	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(/BackGround.jpg) top center;
	background-repeat: no-repeat;
	scrollbars: none;
	height: auto;
	margin: auto auto;
}

a, a:visited, a:link {
	color: #2E60A9;
}

a:hover {
	/* text-decoration: none; */
	background-color: #FFF7D1;
}

a:active {
	background-color: #FFF7D1;
}

textarea {
/*	background-color: #ddd; */
	/* background-color: #FFF7D1; */
}

textarea:focus {
	background-color: #FFF;
}

#wrapper {
/*	background-color: #2D5FA8; */
	background-color: #2454A0;
	background-image: url(images/bg_main.png);
	background-repeat: repeat-y;
	margin: 2px auto auto;
	width: 800px;
}


/* Header */

#head {
	height: 273px;
	width: 800px;
	/* background-image: url(images/bg_head.png); */
	background-image: url(images/bg_head_home.png);
}

#head div#blog_title {
	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #FCFFF7;
	position: relative;
	top: 170px;
	left: 30px;
}

#head div#blog_title a {
	color: #FCFFF7;
	text-decoration: none;
}

#head div#blog_title a:hover {
	background-color: transparent;
}


/*Main Content*/

#main {
	width: 575px;
	/* width: 425px; */
	float: left;
	color: #141C29;
	overflow: hidden;
	margin-top: -20px;
}

#main h1, #main h2, #main h3 {
	margin: 0 20px 5px 47px;
	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #2E60A9;
}

#main h2 {
	font-size: 1.5em;
	margin-left: 50px;
}

#main h3 {
	font-size: 1.2em;
	margin-left: 50px;
}

#main h1 a, #main h2 a, #main h3 a {
	text-decoration: none; 
}

#main h1 a:hover, #main h2 a:hover, #main h3 a:hover {
	text-decoration: underline; 
}

#main p, #main div.navigation, #main ul, #main ol, #main div.post_info, #main div.date, #main #searchform {
	margin: 0px 25px 25px 50px;
	text-align: justify;
	line-height: 1.4em;
}

#main div.navigation {
	clear: both;
	margin: 0px 25px 0px 50px;
}

.left {
	text-align: left;
	width: 50%;
	float: left;
	cursor: pointer;
	cursor: hand;
}

.right {
	text-align: right;
	width: 50%;
	float: right;
	cursor: pointer;
	cursor: hand;
}

.leftnav {
	text-align: left;
	width: 30%;
	float: left;
	cursor: pointer;
	cursor: hand;
}

.rightnav {
	text-align: right;
	width: 30%;
	float: right;
	cursor: pointer;
	cursor: hand;
}

#main div.post_info {
	border-top: 1px dotted #141C29;
}

#main div.date {
	margin-bottom: 0px;
}

blockquote {
	margin: 0px 0px 0px 50px;
	padding-left: 0px;
	border-left: 5px solid #ddd;
	}
	
#main blockquote p {
	margin: 0px 25px 25px 20px;
	padding: 4px;
	line-height: 1.4em;
	border: dotted 1px #ddd;
	}
	
#main blockquote ul {
	margin: 0px 25px 25px 20px;
	padding: 4px;
	line-height: 1.4em;
	border: dotted 1px #ddd;
	}

blockquote[cite]:after {
  	content: "Quote from: " attr(cite);
	margin: 0px 0px 0px 50px;
	padding-left: 0px;
	border-left: 5px solid #ddd;
  	display: block;
}

acronym {
	cursor: help; 
	border-bottom: #000 1px dotted
}

/* Sidebar */

#sidebar {
	float: left;
	width: 220px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	background-image: url(images/bg_sidebar_main.png);
	background-repeat: repeat-y;
}

#sidebar h4 {
	background-image: url(images/bg_sidebar_head.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1.3em;
	font-weight: normal;
	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 25px 0 14px 20px;
}

#sidebar h3 {
	background-image: url(images/bg_sidebar_head.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1em;
	font-weight: normal;
	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 25px 0 0px 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0 0 40px 0;
	list-style: none;
	background-image: url(images/bg_sidebar_footer.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#sidebar ul li {
	background: transparent;
	padding: 0 0 3px 30px;
}


/*Footer*/

#footer {
	width: 800px;
	background-image: url(images/bg_footer.png);
	background-repeat: no-repeat;
	background-color: #2D5FA8;
	clear: both;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #FCFFF7;
}

#footer p {
	margin: 0 50px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FCFFF7;
	background: transparent;
}


/* Comment Styles */

#commentform {
	margin-bottom: 40px;
}


/* #commentform input, */ #commentform textarea {
	width: 455px;
	margin: 0 0px;
	padding: 3px;
	color: #141C29;
	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
}


#commentform input[type=submit] {
	width: 13em;
	float: right;
}

#commentform label {
	display: block;
	padding-bottom: 3px;
}


#commentlist {
	margin: 0;
	padding: 0;
	margin: 0 20px 15px 50px;
	line-height: 1.4em;
	list-style-type: none;
}

#commentlist li {
	padding: 0;
	margin: 0 0 30px 0;
}

#commentlist li p {
	padding: 0;
	margin:  0 3px 10px 3px;
}

#commentlist cite {
	display: block;
	background-color: #ddd;
	padding: 3px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 3px;
}

#searchform input[type=submit] {
	margin-top: 2px;
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:95%;
   font-weight:bold;
} 


/*Comments Popup*/

#comments_popup {
	background-color: #FCFFF7;
	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#comments_popup h1#header {
	background-color: #2D5FA8;
	margin: 0 0 20px 0;
	padding: 10px;
	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #FCFFF7;
}

#comments_popup h1#header a {
	color: #FCFFF7;
	text-decoration: none;
}

#comments_popup h1#header a:hover {
	background-color: transparent;
}

#comments_popup #main {
	width: 100%;
}

#comments_popup #main p, #comments_popup #main h2, #comments_popup #main #commentlist {
	margin: 0 10px 15px 10px;
	padding: 0;
}

#comments_popup #footer {
	background-color: #2D5FA8;
	background-image: none;
	width: 100%;
	padding: 10px 0;
}

img.alignright {
	padding: 0px;
	margin: 6px 6px 6px 16px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 6px 16px 6px 6px; 
	display: inline;
	}

table.alignleft {
	float: left;
	padding: 0px;
	margin: 6px 16px 6px 50px; 
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	margin: 6px 25px 25px 50px; 
	}
	
div.clearer {
clear: left;
line-height: 0;
height: 0;
}



/* FAlbum Stylesheet
   =================
   
   This is a sample stylesheet that can be used with FAblum, and is provided so that
   the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
   
   This stylesheet will most probably break in other WP styles, so you can't rely 
   entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
   the fault of FAlbum.
   
   This stylesheet is commented so you know what each section does, and can customise
   it accordingly, or pull out just the sections you want.
*/

.falbum {
	padding: 0px;
	margin-left: 50px;
	clear: both;	
	/* width: 99%; */
	width: 535px;
	min-width: none;	
}

.falbum img {
  	max-width: none;
	border: none;
}

.falbum-album {
	margin-top: 20px;
	clear: both;
}
  
.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}

.falbum-tn-border-t {
	float: left;	
	width: 120px;
	height: 125px;	
	
}

.falbum-tn-border-m {
	float: left;
	width: 260px;
	height: 260px;
}

.falbum-thumbnail {
	float: left;
/*	<?php if (FALBUM_DISPLAY_DROPSHADOW == '-ds') { ?> */
	background: url('shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
/*	<?php } else { ?> */
/*	background-color: #fff; */
/*	border: 1px solid #a9a9a9; */
/*	padding: 4px; */
/*	<?php } ?> */
}
 
.falbum-thumbnail img {
/*	<?php if (FALBUM_DISPLAY_DROPSHADOW == '-ds') { ?> */
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
/*	<?php } ?> */
}

.falbum-thumbnail a:hover {
	background-color: #ccd; 
}

.falbum-thumbnail a:hover img {
	background-color: #ccd; 
}

#main h3.falbum-title {	
	font-size: 1.2em;
	color: #000000;
	border-bottom: 1px dashed #CCC;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 3px 0px;
}

h3.falbum-title {	
	font-size: 1.2em;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

#main h3.falbum-title a {	
	font-size: 1.2em;
	color: #2E60A9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

.falbum-meta {
}

.falbum-title2 {
	padding: 0 0px 0 0;
}

.falbum-photo-block {
	width: 510px; 
	float: left;	 
/*	margin: auto; */
/*	text-align: center; */
	margin: 15px 5px 10px 0px;
	position: relative;
	display: block;
}


.falbum-photo {
/*	float: left; */
/*	margin: auto; */
/*	margin: -5px 5px 5px -5px; */
	width: 50% !important;  
	position: relative;  
	display: table; 
	margin: 0px auto;
/*	margin: 0px auto auto; */
	background: url('shadow.gif') no-repeat bottom right; 
}

.falbum-photo a {
/*	float: left; */
	display: block;
/*	width: auto; */
	margin: -5px 5px 5px -5px; 
	position: relative;
/*	padding: 0px 5px 5px 0px; */
/*	background: url('shadow.gif') no-repeat bottom right; */
}

.falbum-photo img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
/*	 margin: -5px 5px 5px -5px; */
/*	 margin: auto; */
	 padding: 4px; 
	 position: relative; 
}

.falbum-photo a:hover img {background-position: 0 0;background-color: #ccd; }

.falbum-photo2 {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	margin-top:10px;
}
  
.falbum-nav {
	clear: both;	
	margin: 0px 0px 0px 0px;
	text-align:center;
	padding: 8px;	
	width: 100%;	
}

.falbum-nav a {
	text-decoration: none;
}
 
.falbum-description {
	clear: both;
	font-size: 11px;
	margin-bottom: 5px;
}

#main .falbum-description p {
	width: 510px; 
	margin: 0px 0px 0px -5px;
	clear: both;
	font-size: 11px;
	position: relative;
	display: block;
	text-align: center; 
	padding: 0px;
}

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.falbum-exif table{
	width: 505px; 
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}

.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}

.falbum-exif .even{
	background-color: #e0e0e0
}
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.2;	
	-moz-opacity: 0.2;	
	filter:alpha(opacity=20); 
}
 
a.annotation:hover {
	border-color: yellow;
	border: 1px solid yellow;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}

.falbum-album-recent {	
	margin-bottom: 15px;
}

.falbum-navigationBar {
	clear: both;
	padding-top:15px;
	padding-bottom:10px;
}

.falbum-clear {
	clear: both;
}


.falbum-cloud {
	//display: block;
	
	padding-top:15px; 
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	
	line-height:auto;
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400px;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

.falbum-random ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap; 
}

.falbum-random li {
display: inline;
}



/* Annotations */

.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


/* ----------- Nice link button styles -------------*/
.disabledButtonLink
{
	color: Gray;
	text-align:center;
	padding: 2px 15px 2px 15px;
	background-color:	#E4E0D2;
}

a.buttonLink
{
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	text-align:center;
	white-space: nowrap;
	color: black;
}

a.buttonLink:visited
{
	color: black;
}

a.buttonLink:active
{
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	color: black;
} 

a.buttonLink:hover
{
	border:	1px solid #3169C6;
	background-color:	#C6D3EF;
	color: black;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link,
a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	color: black;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link
{
	border: 3px double #3169C6;
	font-weight: bold;
}

a.otherPageLink:hover,a.curPageLink:hover
{
	text-decoration: underline;

}

.falbum-photoSizesBlock {
	padding: 15px 0px 0px 0px;
}

a.falbum-photoSizes
{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}


a.falbum-photoSizes:hover 
{
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}

.sb_flickr img 
{ 
   border: 1px solid #ccc; 
   padding: 5px; 
} 

.sb_flickr { 
	margin-left: 10px;
   margin-bottom: 10px; 
}