/*

Theme Name: TravelWithPictures WordPress thema door www.qizo.nl - info@qizo.nl
Author: Michael van Eijden

*/

/* -------------------------------------------- */
/* STANDARD HTML TAG RESET                      */
/* -------------------------------------------- */

body,
h1, h2,
ul, li,
form, input, blockquote,
img,
p {
  border: 0;
  margin: 0px;
  padding: 0px;
}

ul { list-style: none; }
a { text-decoration: none; }
p { line-height: 20px; }

ul ul { display: none; }

/* -------------------------------------------- */
/* STANDARD HTML TAG DEFINITION                 */
/* -------------------------------------------- */

body {
  background: #fefefe url(http://www.wereldfotoalbum.nl/images/body_bg.gif) repeat-x;
  font-family: "Verdana", Arial;
  font-size: 11px;
  color: #333333;
}

form, input {
  font-family: Verdana;
  font-size: 11px;
  color: #ccc;
}

h1 { display: none; }

h2, h2 a {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  color: #333;
  margin-bottom: 10px;
}

h2.page {
  background: url(http://www.wereldfotoalbum.nl/images/pijltje.gif) no-repeat center left;
  padding-left: 10px;
}

blockquote {
  background: #eee;
}

blockquote p { padding: 5px; }
  

/* -------------------------------------------- */
/* PAGE ELEMENTS                                */
/* -------------------------------------------- */

div#container {
  width: 1040px;
  margin: 0 auto;
}

/* -------------------------------------------- */
/* HEADER                                       */

div#header {
  width: 1040px;
  height: 90px;
  background: url(http://www.wereldfotoalbum.nl/images/header_bg.jpg) no-repeat top left;
  position:relative;
}

div#header form {
  float: right;
  margin: 20px 56px 0 0;
}

.zoeken {
  width: 262px;
  height: 17px;
  background: url(http://www.wereldfotoalbum.nl/images/zoeken.gif);
  float: left;
  padding: 4px 0 0 5px;
}

.zoekensubmit {
  width: 23px;
  height: 21px;
  background: url(http://www.wereldfotoalbum.nl/images/zoekensubmit.gif);
  cursor: pointer;
  float: left;
  margin-left: 2px;
}

div#header ul {
  position:absolute;
  clear: both;
  display: block;
  top:64px;
  margin:0px;
  padding: 0px 0 0 72px;
}

div#header li {
  display: block;
  float: left;
}

div#header li a {
  font: 14px Trebuchet MS;
  font-weight: bold;
  color: #fff;
  padding: 6px 11px 2px 11px;
  float: left;
}

div#header li a:hover, li a#aktief {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 10px;
  background: #fff;
  color: #000 !important;
}

/* -------------------------------------------- */
/* CONTENT                                      */

div.albums{
	  background: url(http://www.wereldfotoalbum.nl/images/bg_album.jpg) no-repeat;
	  float:left;
	  padding:9px 10px 20px 9px;
	  margin:0px 0px 0px 30px;
	  width:150px;
	  height:114px;
	  display:block;
}

h2.plaats{
	margin:0px 0px 20px 34px;
}

div#content {
  width: 971px;
  background: url(http://www.wereldfotoalbum.nl/images/content_bg.png) repeat-y;
  margin: 0 auto;
  padding-left: 13px;
  padding-bottom:20px;
  overflow: hidden;
}

/* -------------------------------------------- */
/* CONTENT LINKS                                */

div#content-links {
  width: 293px;
  float: left;
}

div.blok, div.highlight {
  background: #fff url(http://www.wereldfotoalbum.nl/images/highlight_bg.gif) no-repeat bottom left;
  padding: 15px 0 20px 17px;
  overflow: hidden;
}

div.foto {
  width: 133px;
  float: left;
}

div.blok img, div.highlight img {
  width: 117px;
  height: 79px;
  background: url(images/foto_bg.gif);
  padding: 7px 8px 8px 8px;
  margin: 5px 0 0 -6px;
}

div.highlight ul {
  float: left;
  margin: 5px 0 0 10px;
}

div.highlight p { width: 105; }
div.highlight li { margin-bottom: 12px; }
div.highlight li a { color: #333333; }
div.highlight pp { width: 200; }

div.highlight li a:hover {
  font-weight: bold;
  background: url(http://www.wereldfotoalbum.nl/images/pijltje.gif) no-repeat center left;
  padding-left: 10px;
  margin-left: 3px;
}

div.blok li, div.blok li a { float: left; }

/* -------------------------------------------- */
/* CONTENT MIDDEN                               */

div#content-midden {
  width: 652px;
  float: left;
  padding-top: 15px;
}

div#kiesvlak {
  width: 640px;
  background: #fff url(http://www.wereldfotoalbum.nl/images/kiesvlak_top.gif) no-repeat top left;
  padding: 14px 0 0 12px;
  overflow: hidden;
}

div.fotos {
  width: 279px;
  float: left;
  border-bottom: 1px solid #adadad;
  padding-bottom: 15px;
  margin: 0 30px 30px 0;
  position: relative;
}

div.fotos strong {
  background: url(http://www.wereldfotoalbum.nl/images/pijltje.png) no-repeat center left;
  padding-left: 14px;
}

div.fotos ul {
  margin-top: 10px;
}

div.fotos li {
  width: 83px;
  float: left;
  background: url(http://www.wereldfotoalbum.nl/images/bull.gif) no-repeat center left;
  padding-left: 10px;
  margin-bottom: 5px;
}

div.fotos li a {
  float: left;
  color: #333333;
}

a.meer {
  color: #333333;
  background: #e3e3e3;
  border: 1px solid #929292;
  padding: 3px;
  position: absolute;
  bottom: -10px;
  right: 15px;
}

div#pagecontent p { margin-top: 15px; }

div#pagecontent a {
  font-weight: bold;
  color: #333333;
}

div#subadsense { clear:both; padding: 20px 0px 20px 50px; background:url(http://www.wereldfotoalbum.nl/images/highlight_bg.gif) no-repeat right bottom; }    
  


/* -------------------------------------------- */
/* SUBPAGES NAV                                 */

div#subpages { padding:10px 0px 20px 20px; }

div#subpages li {
  width: 140px;
  float: left;
  background: url(http://www.wereldfotoalbum.nl/images/sublistimg.gif) no-repeat center left;
  padding-left: 8px;
  margin-top: 5px;
}

div#subpages li a {
  float: left;
  color: #333333;
}

div#subpages li a:hover {
  font-weight: bold;
}

/* -------------------------------------------- */
/* FOOTER                                       */

div#footer {
  width: 100%;
  clear: both;
  height: 48px;
  background: url(http://www.wereldfotoalbum.nl/images/footer_bg.gif) repeat-x;
}

div#wrapper {
  width: 963px;
  height: 44px;
  background: url(http://www.wereldfotoalbum.nl/images/twp.gif) no-repeat top right;
  margin: 0 auto;
  color: #fff;
  padding-top: 4px;
}

div#wrapper li { float: left; }
div#wrapper ul { margin: 2px 0 0 -3px; }

div#wrapper li a {
  color: #fff;
  float: left;
  padding: 0 3px 0 3px;
}

/* -------------------------------------------- */
/* CUSTOM CLASSES                               */

h2.album_title { display: none; }
div.album { display: none; }

/* -------------------------------------------- */
/* GALLERY                                      */

#album {
width:650px; 
height:355px; 
background:#333333 url(http://www.wereldfotoalbum.nl/images/rome.jpg) 0 0 no-repeat;
border: 1px solid #333333;
-moz-border-radius: 10px;
margin-bottom: 15px;
}
.gallery {
padding:0; 
margin:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
.gallery img {
border:0;
}

img.thumb {
margin:0px 0px 10px 0px;
}

.gallery li {
float:left;
}
.gallery li a, .gallery li a:visited {
font-size:11px;
font-weight: bold;
float:left; 
text-decoration:none; 
color:#fff; 
background:#000; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:0 0 0 5px;
}
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
.gallery li a img.landscape {
top:-280px;

}
.gallery li a img.portrait {
left:0;
}
.gallery li a:active, .gallery li a:focus { 
color:#fff;
}
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

.clear{clear:both;}

#fotogallery{width:596px; height:190px; margin:20px 0px 10px 28px; background:url(http://www.wereldfotoalbum.nl/images/bg_fotogallery.jpg) no-repeat;}
#fotogallery ul{margin:0px; padding:16px 0px 0px 36px;}
#fotogallery ul li{ float:left; display:block; position:relative;}
#fotogallery ul li a{ position:relative; float:left; width:179px;height:139px; display:block; background:url(http://www.wereldfotoalbum.nl/images/bg_album.jpg) no-repeat; }
#fotogallery ul li a img{padding:9px 0px 0px 9px; width:141px;height:106px;}
#fotogallery ul li a span{ display:block; text-align:center; padding:10px 18px 0px 0px; color:#000; text-decoration:underline;}
#fotogallery ul li a span:hover{ text-decoration:none;}

td form.form input{padding:3px 4px 3px 4px; border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; color:#000000;}
input.input{padding:3px 4px 3px 4px; border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; color:#000000;}