/*

 * Combined style sheet for the index pages and the slide pages, with only classes that are different for this style

 */



#index-page {

	color: #222222;

	background-color: #eeeeee;

	scrollbar-color: light;

}

body::-webkit-scrollbar {

	width: .8rem;

}

#index-page::-webkit-scrollbar-track {

	background-color: rgba(0,0,0,.2);

}

#index-page::-webkit-scrollbar-thumb {

	border: 1px solid rgba(0,0,0,.25);

	background-color: rgba(255,255,255,.6);

}

a {

	color: #004499;

}

a:hover {

	color: #002266;

}

#thumbnails > div {

	border: 3px solid #222222;

}



#slide-page {

	color: #dddddd;

	background-color: #111111;

	scrollbar-color: dark;

}

#slide-page::-webkit-scrollbar-track {

	background-color: rgba(0,0,0,.25);

}

#slide-page::-webkit-scrollbar-thumb {

	border: 1px solid rgba(0,0,0,.5);

	background-color: rgba(255,255,255,.15);

}

.non-responsive #slideimage {

	border: 3px solid #dddddd;

}

#thumbnav img {

	border: 3px solid #dddddd;

}

#thumbcurrent::after {

	border-bottom-color: #dddddd;

}

#slide-page.responsive > header,

#slide-page.responsive > footer {

	background-color: rgba(0,0,0,.5);

}

#slide-page.responsive > header:hover,

#slide-page.responsive > footer:hover {

	background-color: rgba(0,0,0,.85);

}