/*
Theme Name: JA
Theme URI: http://www.urbanity.nl/
Description: JA Template
Version: 1.0
Author: Bas
Author URI: http://www.urbanity.nl/
Tags: black, fixed width, photo blog
*/

/* ------- reset me ----------- */
* {
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
	
}
/* ------- sexy body ----------- */
body {
	background:#3b424c;
	border-top:10px solid #3b424c;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#fcfcfc;
}
html, body	{min-height:100%; height:100%;}
#container {
	width:100%;
	background:#16191f;
}
/* ------- hyperlink ----------- */
a {
	color:#fcfcfc;
}
h2 {
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#737373;
	display:block;
	margin: 0 0 10px 0;
	padding:0 0 0 8px;
}
/* ------- top & bottom ----------- */

img {border:none;}

#header {
	width:771px;
	margin:0 auto;
	height:118px;
	position:relative;
}
#header h1 {
	width:271px;
	height:85px;
	top:15px;
	padding:0;
	margin:0;
	background:url(images/logo.gif) no-repeat left top;
	position:absolute;
	text-indent:-2000px;
}
#header h1 a {
	width:85px;
	height:85px!important;
	display:block;
}
#nav {
	position:absolute;
	width:669px;
	height:30px;
	left:101px;
	top:72px;
	border-top:1px solid #3c434d;
	font-family: Tahoma, Arial;
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
}
#nav ul {
	margin:0;
	padding:0;
	width:669px;
	height:30px;
	background:url(images/bg-nav.gif) repeat-x left bottom;
}
#nav ul li {
	float:left;
	height:30px;
	margin:0;
	padding:0 10px 0 0;
	height:30px;
	list-style:none;
}
#nav ul li a {
	display: block;
	color:#FFF;
	line-height:30px;
	height:30px;
	float:left;
}
#nav ul li a:hover {
	color:#ababab;
}
#nav ul li.current_page_item {
}
#nav ul li.current_page_item a {
	color:#b72935;
	background:url(images/active.gif) no-repeat center bottom;
}
/* ------- main entry ----------- */
#wrapper {
	width:789px;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
	position:relative;
}
#wrapper img, #wrapper #img {
	margin:0;
}
#wrapper .textje {
	width:769px;
	margin:0 0 20px 8px;
}
#wrapper .textje p {
	padding:0 0 10px 0;
	line-height:18px;
	margin:0;
}
#wrapper .textje p a {color:#9c9c9c; text-decoration:underline;}
#wrapper .textje p a:hover	{color:#b72935;}

#wrapper .links p {
	padding:0 0 10px 0;
	line-height:18px;
	margin:0 0 0 9px;
}



#wrapper #title {
	text-transform:uppercase;
	padding:5px 10px 5px 5px;
	height:43px;
}
#wrapper #title h2 {
	display:block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase!important;
	margin:0;
	padding:0;
}
#wrapper #introduction {
	background: #3b424c;
	float:left;
	margin:40px 9px 0 0;
	width:198px;
	height:258px;
	padding:15px;
	border-right: 1px solid #ababab;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	position:relative;
}
#wrapper #introduction h1 {
	font-size:14px;
	text-transform:uppercase;
}
#wrapper #introduction p {
	line-height:18px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}

#wrapper #introduction .contact {width:114px; height:18px; display:block; text-indent:-2000px; background:url(images/contact.gif) no-repeat left top; position:absolute; right:15px; bottom:15px;}


#wrapper #navigation {height:41px; border-bottom:1px solid #333942; display:block; width:770px; margin:0 0 20px 9px;}
#wrapper #navigation .foto-gallery { background:url(images/gallery.gif) no-repeat left top; width:109px; height:41px; display:block; text-indent:-2000px; float:right;}
#wrapper #navigation .overview	{background: url(images/overview.gif) no-repeat left top; width:157px; height:41px; display:block; text-indent:-2000px; float:left;}


#left	{float:left; width:532px; margin:0; padding:10px;}
#left h1	{text-transform:uppercase; font-size:22px; padding:0; margin:0 0 18px 0; color:#FFF;}
#left p	{font-size:11px; line-height:18px; margin:0 0 15px 0;}
#left p strong, strong	{color:#b72935;}
#left p img	{border:5px solid #292e36!important; margin:0 10px 100px 0; float:left;}


#right	{float:right; width:207px; margin:10px 10px 0 0; padding:10px; background:#b72935;}
#right #quick_subscribe_form {margin:0; padding:0;}
#right #QS_user_email_tt {background:#c5545d; border:1px solid #a92631; width:196px; padding:4px; margin:5px 0 10px 0;}
#right #quick_subscribe_form .aanmelden	{background:url(images/button-nieuwsbrief.gif) no-repeat left top; width:83px; height:18px; float:right; display:block; text-indent-2000; border:none;}
#right h1	{text-transform:uppercase; font-size:14px; margin:0; padding:0 0 10px 0;}
#right b	{color:#000;}

h1.titel	{text-transform:uppercase; font-size:22px; padding:0; margin:10px 0 18px 3px;}
.reserveer	{float:right; position:absolute; right:10px; bottom:60px; background:url(images/reserveer.gif) no-repeat left top; width:110px; height:41px; text-indent:-2000px; display:block;}


#wrapper .links h3 {
	color:#b72935;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper .links ul {
	margin:0 9px 18px 9px;
	padding:10px;
	width:223px;
	min-height:150px;
	float:left;
	background:#1c2026;
	border:1px solid #24262b;
}
#wrapper .links ul li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:22px
}
#wrapper .links ul li a {
	padding:0 0 0 19px;
	background:url(images/star.gif) no-repeat left 1px;
	display:block;
}
#wrapper .links ul li a:hover {
	padding:0 0 0 19px;
	background: url(images/star-o.gif) no-repeat left 1px;
	display:block;
	text-decoration:underline;
}
/* ------- Pagination ----------- */
#wrapper .pagenavi {
	background: url(images/pagenavi.gif) no-repeat;
	height:27px;
	width:771px;
	margin:0 auto 13px auto;
	position:relative;
}
#wrapper .pagenavi .prevnext {
	width:771px;
	height:27px;
}
#wrapper .pagenavi .prevnext .prev {
	float:left;
	border:0;
	margin:0;
}
#wrapper .pagenavi .prevnext .next {
	float:right;
	border:0;
	margin:0;
}
#wrapper .pagenavi .prevnext .linkprev a {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/prev.gif) no-repeat;
	width:73px;
	height:27px;
	margin:0;
	padding:0;
	outline:none;
}
#wrapper .pagenavi .prevnext .linknext a {
	display:block;
	float:right;
	text-indent:-9999px;
	background: url(images/next.gif) no-repeat;
	width:93px;
	height:27px;
	margin:0;
	padding:0;
	outline:none;
}
#wrapper .pagenavi .back {
	left:303px;
	height:27px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	background: url(images/back.gif) no-repeat left top;
	width:178px;
	height:27px;
}
#wrapper .pagenavi .back:hover {
	background: url(images/back.gif) no-repeat left -27px;
}
/* ------- random photos ----------- */
#wrapper #random {
	width:789px;
}
#wrapper #random img {
	margin:0 9px 18px 9px;
	border:1px solid #ababab;
	display:block;
}
#wrapper #random ul {
	margin-right:0;
}
#wrapper #random ul li {
	float:left;
}
#wrapper #random ul#full {
}
#wrapper #random ul#full li.full a {
	display:inline;
}
#wrapper #random ul#full li.full img.space {
	margin-bottom:20px;
}
/* ------- misc ----------- */
.clear {
	clear:both;
}
p img {
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* ------- misc ----------- */
#footer {
	width:100%;
	height:95px;
	background:#3b424c;
	margin:auto;
	padding-bottom:20px;
	text-align:center;
	color:#333333;
}
#footer p {width:770px; text-align:right; line-height:30px;}
#footer p a {
	color:#9da1a6;
}
#navi {
	margin:0px;
	padding:0px;
	color:#fff;
	height:18px;
	position:absolute;
	top:260px;
	right:5px;
}
#navi ul {
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
}
#navi li {
	float:left;
	padding:0px;
	margin:0px 10px 0px 0px;
	list-style:none;
	width:18px;
	height:18px;
}
#navi a {
	float:left;
	background: url(images/bg-slide.gif) no-repeat left top;
	padding:0;
	display:block;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma, Arial, sans-serif;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	width:18px;
	height:18px;
}
#navi a:hover {
	float:left;
	background: url(images/bg-slide-o.gif) no-repeat left top;
	padding:0;
	display:block;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma, Arial, sans-serif;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	width:18px;
	height:18px;
}
#box {
	width:541px;
	height:288px;
	position:relative;
	margin:40px 0 0 9px;
	float:left;
	z-index:5;
}
#myGallery, #myGallerySet, #flickrGallery {
	width: 541px;
	height: 288px;
	background-color: #FFFFFF;
	padding:0;
	border-left: 1px solid #ababab;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
.jdGallery {
	overflow: hidden;
	position: relative;
}
.jdGallery .imageElement {
	background-color: #FFFFFF;
	padding: 1px;
}
.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}


#contactform .text {background:#1c2026; border:1px solid #24262b; color:#FFF; padding:3px; width:450px;}
#contactform .textarea{background:#1c2026; border:1px solid #24262b; color:#FFF; padding:3px; width:450px;} 
#contactform label	{ display:block; margin:10px 0 7px 0;}
#contactform #contactsubmit	{background:url(images/verzenden.gif) no-repeat left top; width:83px; height:18px; float:left; display:block; text-indent-2000; border:none; margin:20px 0 0 0;}

.gallery img	{height:160px;}