/* General styles */
body {
	background-color: #333333;
	color: #cccccc;
	font-family: "Arial", sans-serif;
	font-size: small;
}

a {
	color: #ff8800;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#thumbnails, #image, #description, h1 {
	text-align: center;
}

/* Breadcrumb */
div#breadcrumb {
    
}

/* 
 * Pagination.
 *
 * This is designed to behave such that the pagiation buttons will be positioned in the same place for all pages.
 */
div.paginate {
    padding-top: 20px;
    height: 50px;
    width: 100%;
    text-align: center;
}

div.paginate ul {
    margin: 0px;
    padding: 0px;

    line-height: 30px;
    white-space: nowrap;
}

div.paginate li {
    list-style-type: none;
    display: inline;
}

div.paginate li *,
div.paginate li strong,
div.paginate li span {
    padding: 7px 10px;
}

div.paginate li span {
    color: #444444;
}

div.paginate li a:hover {
    text-decoration: none;
    background-color: #666666;
}

/* Thumbnails */
#thumbnails img {
	margin: 0.2em;
}

/* Image borders */
img {
	border: 1px solid #666666;
}

a:focus img {
	border: 1px solid #cccccc;
}

img:hover, a:focus img:hover {
	border: 1px solid #ff8800;
}

/* Metadata */
div#metadata {
    font-size: x-small;
    color: #666666;
}

div#metadata p {
    padding: 0px;
    margin: 0px;
}

/* Footer */
p#footer {
    padding-top: 40px;
    font-size: xx-small;
    text-align: center;
    color: #666666;
}