/* CSS- Cascading Style Sheet for the Template: pixelgrain */

body {	
	padding:0px 15px 0 15px;
	text-align:center;
	font-size:12px;
	color:#444;
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	margin:0px 0 0 0;	
	margin-right:auto;
	margin-left:auto;
    background-color:#111; 
	}

#layout {
padding:0;
margin-right:auto;
margin-left:auto;
height:100%;
}

td#centercolumn {
background-color:#111;
padding:10px;
}

.spacer { width:15px; }

a, a:visited {
color:#888;
text-decoration:none;
}

a:hover, a:visited:hover {
color:#eee;
text-decoration:none;
}

.headline {
    font-size:22px;
    font-weight:normal;
    font-family:Helvetica, verdana, sans-serif;
    color:#444;
    letter-spacing:-1px;

    }
.thumbnails {
    padding:3px;
    border:0px;
            border:1px solid #333;
            margin:3px;
    }
    
    .thumbnails:hover {
    padding:3px;
    border:0px;
            border:1px solid #E0E0E0;
            margin:3px;
            background:#111;
    }
.current-thumbnail {
    padding:3px;
    border:1px solid #333;
    background:#333;
                margin:3px;
    }
    
  
.logo {
    font-size:20px;
    font-weight:bold;
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    text-align:left;
    float:left;
    line-height:13px;
    color:#999;
    }

.logo a {    
    color:#E0E0E0;
    text-decoration:none;
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    line-height:13px;
    }
    
.logo a:hover {    
    color:#F8F8F8;
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    text-decoration:none;
    }
    
#image {
	clear:left;
    padding:0px;
    background:#fff;
    border:1px solid #333;
    float:left;
    margin-right:17px;
    margin-bottom:17px;
    }
#image-info {
    font-size:14px;
    border-top:0px;
    border:1px solid #999;
    text-align:left;
    padding:5px 15px;
 }

 .exiftitle {
color:#555;
font-weight:normal;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

#exif {
float:left;
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:120%;
border:0px solid black;
width:234px;
text-align:justify;
color:#777
}
    
#thumbrow {
float:left;
text-align:left;
border:0px solid black;width:234px;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
border:0px solid black;
margin-right:17px;
}

#image-navigation {
	clear:both;
    padding:0 10px 10px 10px;
    font-size:12px;
   	border-top:1px solid #999;
    border-top:0px;
    margin-top:0px;
    height:22px;
    }
    
    
    #image-navigation a {
    font-size:22px;
    text-decoration:none;
    }
    
    #image-navigation a:hover {
    color:#CCC;
    }

.imagesnotes {
font-weight:normal;
font-size:8pt;
color:#888;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif, helvetica;
line-height:13px;
}

.imagesnotes a {
font-weight:normal;
font-size:8pt;
text-decoration:underline;
color:#E0E0E0;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif, helvetica;
line-height:13px;
}

.imagesnotes a:hover{
font-weight:normal;
font-size:8pt;
text-decoration:none;
color:#E0E0E0;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif, helvetica;
line-height:13px;
}


/* menu keuze links*/
.metalinks {    
color:#444;
text-decoration:none;
font-weight:bold;
font-family: Verdana, Arial, sans-serif;
font-size:13px;
line-height:120%;
text-align:right;
}

.metalinks a {    
color:#888;
text-decoration:none;
font-weight:bold;
font-family: Verdana, Arial, sans-serif;
font-size:13px;
line-height:120%;
text-align:right;
}

.metalinks a:hover {    
color:#E0E0E0;
text-decoration:none;
font-weight:bold;
font-family: Verdana, Arial, sans-serif;
font-size:13px;
line-height:120%;
text-align:left;
}

/* input comment form kopjes (>> 1)*/
#add-comment {
clear:both;
    padding:10px;
    font-size:12px;
    border-top:0px;
    text-align:left;
        font-size:12px;
    color:#eee;
    background:#171717;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:1px solid #444;
    }
    
    #order-print {
clear:both;
    padding:10px;
    font-size:12px;
    border-top:0px;
    text-align:left;
        font-size:12px;
    color:#111;
    background:#eee;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:1px solid #444;
    }
    
.commentsline2 {
font-size:10px;
color:#000;
border-bottom:1px #777 solid;
}

/*input comment form (>> 2)*/
    
.input {
    width:80%;
	font-size:12px;
	font-weight:normal;
	border:1px solid #777;
	background-color:#171717;
	color:#eee;
    text-align:left;
    padding:3px;
    border:0px;
	border-bottom: 1px dotted #DDDDDD
    }
#add-comment textarea {
	width:80%;
	height:100px;
	font-size:12px;
	font-weight:normal;
	background-color:#121212;
	border:1px solid #777;
	color:#eee;
	text-align:left;
	    padding:3px;
	}
	
	
#comments {
	padding:10px;
    font-size:10px;
    color:#eee;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:0px solid #999;
    border-bottom:0px solid #999;
    text-align:left;
    background:#444;
    clear:both;
margin-top:10px;
    }
    
#commentslist ul {
	font-size:11px;
	list-style-type:none;
	margin:0px;
	padding:10px;
	text-align:left;
	}
#commentslist li {
	font-size:11px;
	display:block;
	margin:0px;
	color:#eee;
	text-decoration:none;
	padding:4px 5px 12px 0;
	text-align:left;
	}
#commentslist li a {
	font-size:11px;
	color:#eee;
	text-decoration:none;
	}
	
#commentslist li.admin_comment {
	font-size:11px;
	color:#eee;
	}	
	
#commentslist li.admin_comment a{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	}	
	
.archivetitle {
color:#E0E0E0;
font-weight:bold;
text-align:left;
}

.archivenotes {
font-weight:normal;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
text-align:left;
color:#888;
}
		    
.date {
color:#555;
font-weight:normal;
font-size:17px;
line-height:17px;
margin-right:10px;
float:left;
}

#menu {
	padding:20px 0 10px 0px;
	color:#888;
	font-weight:normal;
	font-size:12px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	line-height:20px;
	margin-right:10px;
	float:right;
	text-align:right;
	}
	
.menucurrent a{
	color:#eee;
	}	
	
.menucurrent {
	color:#eee;
	}	
	
form {
	font-size:11px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

#metafoot {
clear:both;
padding:12px;
}

#footer {
font-weight:normal;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:13px;
color:#888;
text-align:center;
vertical-align:bottom;
}

/* Jbgmap */

div#viewMap {
      border: 1px solid #D1D1D1;
    }
    
    div#jbgInfoWindow {
      width: 250px;
      height: 75px;
      text-align: left;
      color: #333;
    }
    
    img#jbgThumb {
      border: 0;
      margin: 0px 5px 0px 0px;
    }
    
    span#jbgHeadline {
      font-weight: bold;
    }