body {
  font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Oxygen", "Ubuntu", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}

.fixed {
  font-family: "system", "console";
}

#header{
  /* background: #ccc; */
}

h1, h2{
  text-align: center; /* not sure */
  text-shadow: 1px 1px 2px #999, 1px 1px 1px #ccc;
}

li, a{
  text-shadow: 1px 1px 2px #999;
}

.statusnet {
	border: 1px solid black;
}

.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:5px solid #5a8f00;
	color:#333;
	background:#fff;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.triangle-border.left {
	margin-left:30px;
}

.triangle-border.left:before {
	top:10px; /* controls vertical position */
	left:-60px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 30px;
	border-style:solid;
	border-color:transparent #5a8f00 transparent transparent;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	left:-42px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:9px 21px;
	border-style:solid;
	border-color:transparent #fff transparent transparent;
}

#presentation{
  background: #ff9000;
  padding: 1em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px #aaa;
  -moz-box-shadow: 5px 5px 5px #aaa;
  -webkit-box-shadow: 5px 5px 5px #aaa;
}

#presentation h3{
  text-shadow: 1px 1px 2px #999, 1px 1px 1px #ff2;
}

ul#navigation{
  list-style-type: none;
  font-size: large;
  /* padding-left: 0; */
}

#footer{
  color: #999;
  text-align: center;
}