@import url("/css/font_opensanscondensed.css") all;
body {
  font-family:"Open Sans Condensed","Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:18pt;
	line-height:24pt;
	width:85%;
	margin:auto;
  margin-bottom:4em;
  color:#222;
  background-color:#002;
}

p {
	padding-left: 2em;
	padding-right: 1em;
}

#pagecontent {
  background-color:rgba(255, 255, 255, 0.7);
}

#pagecontent li {
	margin-left: 2em;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
  color: #fff;
}

#pagehead h1 {
	padding:8px;
	margin:0;
}

#pagehead {
}

#pagehead,#pagecontent {
	padding:8px 24px 8px 24px;
	border-radius:8px;
}

#pagefoot {
	padding:8px 24px 8px 24px;
  color:#888;
  font-size:50%;
}

#topbar {
  margin-top:4px;
	padding:2px 12px 2px 12px;
  border:1px solid #333;
  border-radius:8px;
}

.headline {
  color:#fff;
  font-size:42px;
}
.headline a {
  color:#fff;
}
.headline a:hover {
  color:#ffd400;
}

.sitemenu {
	text-align:center;
	list-style-type: none;
	padding:1em;
	margin:0;
  line-height:1.75em;
}

.sitemenu li {
	display: inline-block;
	border: 1px solid #777;
	border-radius:8px;
	padding:2px 16px 2px 16px;
	margin:2px 4px 2px 4px;
  transition: all 0.3s ease-in-out;
}

.sitemenu li:hover {
	border: 1px solid #5f5;
  cursor:pointer;
	text-decoration:underline;
}

.sitemenu li a {
	color:#aaa;
}

.sitemenu li:hover a {
	color:#ff5;
  transition: all 0.2s;
}

.clickable {
  cursor:hand;
}

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
  clear:both;
}

.zoomable {
  width:25%;
}

.zoomable:hover {
  width:50%;
}

.shell {
  white-space:pre;
  margin-left:4em;
  font-size:120%;
}