body {background-color: #222;  background: url("/staff/imagedoc-darknoise.png") repeat scroll 0% 0% rgb(34, 34, 34); color: #fff;}
.container { max-width: 600px; margin: 0 auto;}


h2.logo, h3.logo {text-align: center; color: orange; font-size: 2.5em; font-weight: normal; margin-top: 5%;  font-family: Tahoma; }
h2.logo strong, h3.logo strong {color: #fff; font-family: Georgia; letter-spacing: 1px;}
h2.logo a, h3.logo a {text-decoration: none; border: 0; color: orange; }
h2.logo a:hover, h3.logo a:hover {text-decoration: none; border-bottom: 0; color: orange; text-shadow: 1px 1px 3px #111; }

.info_block {float: left; margin-top: 30px; margin-left: -150px; color: white; font-size: 0.9em;}

.info_block .list-group-item {background-color: #333; color: #ccc; border: 1px #444 solid;}
.info_block .list-group-item:hover {background-color: #222; color: #eee; border: 1px #444 solid;}

.info_block p {border-bottom: 1px #666 solid; padding-bottom: 5px;}


.list_images {max-width: 100%; margin: 0 auto; text-align: center; margin-top: 10px; margin-left: 50px;}
.list_images img {padding-top: 0px; text-align: center; border: 3px #222 solid; }
.list_images img:hover {border: 3px orange solid; }

h3.logo {font-size: 1.5em;  background-color: #111; padding: 10px; margin-top: 0px;}
h3.logo:hover {background-color: #000;}
.main_picture {margin: 0 auto; text-align: center; max-width: 900px; margin-top: 1px; }
.main_picture img.full {
	background: url("/staff/checkerboard.png") repeat scroll; 
	max-width: 100%;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    1px 1px 4px 0px rgba(0, 0, 0, 1);
	box-shadow:         1px 1px 4px 0px rgba(0, 0, 0, 1);
	
}

.main_picture img.thumb {
	max-width: 100%;
	float: right; margin-top: 40px; 
	background: url("/staff/checkerboard.png") repeat scroll; 
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 1);
	
}

.public_block {color: orange; margin-top: 30px; font-family: Verdana; background-color: #333; padding: 20px; text-align: left; font-size: 0.9em; border-radius: 10px;}
.public_block p {padding-top: 5px;}

.public_block input, .public_block textarea {color: #bbb; background-color: #222; padding: 8px;  width: 100%; border:0;  margin-top: 4px; font-family: monospace; border-radius: 5px;}

a {color: #ccc;}
a:hover {color: orange;}


.main_text {color: #aaa; margin-top: 20px; font-family: Verdana; background-color: #333; padding: 20px;  line-height: 1.5em; font-size: 0.9em; border-radius: 10px;}

.footer {max-width: 900px; margin: 10px auto; text-align: center; color: #999; font-size: 0.9em;}

.btn-default {background-color: #222; color: #eee;}
.btn-default:hover {background-color: #000; color: #fff;}

.alert {font-size: 2em;}

.form_container { width: 100%; max-width: 400px; margin:0px auto 0; height:60px; }

.upload { position:relative; }
.upload > input[type=file] { display:block; width:100%; height:100%; opacity:0; cursor: pointer; }
.upload > .fbtn { position:absolute; top:0; left:0; width:100%; height:100%; background:#111; color:#eee; border:solid 1px #777;  text-align:center; font-size:1.7em; padding: 12px; z-index:0;  border-radius:8px;}
.upload:hover > .fbtn { background:#000; color:#fff; }
.upload:active > .fbtn { background:#efefef; color:#333; margin-top:1px; } 
.main_picture .form_container {margin-top: 20px; height:50px;}

.main_picture .upload > .fbtn {font-size:1.4em; }