/* @override http://semi-sentient.com/style/gallery.css */

html {
	font-size: 62.8%;
	background-color: #000;
	color: #fff;
}

body {
	font-family: Georgia;
	text-align: center;
	overflow: hidden;
	height: 100%;
	font-size: 1.3em;
}

a {
	text-decoration: none;
	font-variant: small-caps;
}

a:hover {
	color: #d6daff;
}

.size_button {
	z-index: 50;
	text-decoration: none;
	color: white;
	padding: 3px;
	margin: 10px;
	font-size: 1.3em;
}

#previous {
	left: 0px;
	top: 50%;
}

#next {
	right: 0px;
	top: 50%;
}

.change_button {
	z-index: 50;
	text-decoration: none;
	color: #fff;
	padding: 3px;
	font-size: 2em;
	margin: 5px;
	position: absolute;
}

.image_box {
	z-index: 20;
	text-align: center;
	position: absolute;
	top: 400px;
	margin: 2px;
	font-size: 1.2em;
	left: 50%;
}

.left_image_box {
	left: -5000px;
}

.right_image_box {
	left: 5000px;
}

.image_box a {
	color: #d6daff;
	font-size: 0.9em;
	font-variant: normal;
}


.image {
	z-index: 20;
	border: 1px solid #656565;
}

.code {
	z-index: 5;
	border: #fff 1px solid;
	top: 100px;
	margin: 10px;
	padding: 5px;
	background: repeat-x url(http://semi-sentient.com/img/contentGrad.png);
	color: #000;
	text-align: left;
	font: 1.3em Courier;
	white-space: pre;
	overflow-x: auto;
	display: block;
	background-color: #F4C368;
	line-height: 18px;
	padding: 5px;
	overflow: auto;
}