body {
	background-color:#fff;
	font-size:11px;
    line-height:15px;
	font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
	color:#666;
	margin:0px;
	margin-left:0px;
	}
	
html, body {
     width:100%;
	}	
	
a {
     color:#666;
	}	
	
p {
     margin:0px;
	}	

#navigation {
	padding:0px 20px;
	background: url(/templates/jesper/images/topbg.gif) repeat-x;
	background-position: bottom;
	height:46px;
	}
	
h1 {
	float:left;
	font-weight:normal;
	font-size:18px;
	line-height:46px;
	margin:0px;
	font-family:Georgia, serif;
	letter-spacing: -0.5px
  	}
  
.menu {
    float:right;
	line-height:46px;
	}
	
.menu a {
	padding:5px;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	text-decoration:none;
                color:#0066cc;
	}
	
.menu a:hover {
     text-decoration:underline;
	}	
	
.inactive {
	padding:5px;
	padding-left:3px;
	padding-right:3px;
	color:#C1C1C1;
	font-weight:bold;
	}	

#photobox {
	text-align:center;
	background:#f0eeee url(/templates/jesper/images/loading_d.gif) no-repeat center;
	margin:20px;
	border:0px;
	}
	
#image-border {
    position:relative;
	margin:0;
}

#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index:10;
}

#menu_browse a{
	outline: none;
}

#menu_browse_prev, #menu_browse_next{
	width: 50%;
	height: 100%;
	background: transparent url(/templates/jesper/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#menu_browse_prev {
	top: 0px;
	left:0px;
	float: left;	
}
#menu_browse_next {
	top: 0px;
	right:0px;
	float: right;	
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url('/templates/jesper/images/prevImage.png') no-repeat center center;
	cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('/templates/jesper/images/nextImage.png') no-repeat center center;
	cursor: pointer;
}	
	
#info {
	padding:0 20px 20px 20px;
	}

.date {
	font-size:11px;
  	}	
	
.title {
	font-weight:bold;
	font-size:11px;
  	}
	
.notes {
	font-size:11px;
  	}
	
#exif {
	float:right;
	border-left:1px solid #E7E9E9;
	width:200px; 
	padding-left:20px;
	}	
	
#bot {
	background: url(/templates/jesper/images/botbg.gif) repeat-x;
	background-position: top;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	clear:both;
	}
	
#comments {
	float:left;
	padding-bottom:20px;
	}
	
.commentstitle {
	font-weight:normal;
	font-size:18px;
    line-height:27px;
	font-family:Georgia, serif;
	letter-spacing: -0.5px
  	}
	
#comments ul {
                margin-top:0px;
	}
	
#comments li {
                width:600px;
                margin-bottom:10px;
                }
	
.commentslabel {
	font-weight:bold;
  	}
	
#comments label {
	font-weight:bold;
  	}

#comments textarea {
	width:400px;
	height:50px;
	border:1px solid #808080;
	background-color:#fff;
	color:#000;
	padding:2px;
	margin-bottom:8px;
	}
	
.input {
    width:400px;
	border:1px solid #808080;
	background-color:#fff;
	color:#000;
	padding:2px;
	margin-bottom:8px;
    }
	
.thumbs {
    background:#fff;
    padding:20px;
	}
	
.thumbnails {
	border:0px;
	padding:0px;
	margin:0px;
	}
	
#footer {
	margin-top:20px;
	margin-bottom:20px;
	height:36px;
	}
	
.footer {
	color:#808080;
	}
	
.footer a {
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	}
	
.footer a:hover {
     text-decoration:underline;
	}