body {
  background-color: #383838;
  background-image: url('/images/fade.png');
  background-repeat: repeat-x;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12pt;
}

h1 { font-size: 17pt; }
h2 { font-size: 15pt; }
h3 { font-size: 13pt; }

#main {
  background-color: white;
  color: #000000;
  margin-top: 0;

  /* centreing */
  padding: 10pt 1%;
  width: 800px;
  margin-left:auto;
  margin-right:auto;
  position: relative;

  /* corners */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; /* CSS3 */

  /* shadows */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#nav, nav {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-bottom: 0;
	position: relative;
}

@media screen and (max-width: 860px) {
	#main {
		width: 97.8%;
		margin: 0;
	}

	#nav, nav {
		width: 97.8%;
	}
}

@media screen and (max-width: 400px) {
	body {
		margin:4px;
	}
}

.scripts {
  background-color: #F1F0DA;
  color: #000000;
}

/* for menus */
.menu, .menuselected {
	float: left;
	margin: 0 1%;
	padding: 0.5%;
	width: 22%; /* (100/num_items) - 2*margin - 2*padding */
	text-align: center;
	position: relative;

	background-color: #FFE47A;
	color: #000000;
	font-size: 10pt;

	/* corners */
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-radius: 5px 5px 0 0; /* CSS 3 */

	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.menu a, .menuselected a{
	color: black;
	font-weight: bold;
}

.menuselected {
  background-color: white;
}

.menuselected a{
  color: black;
  font-weight: bold;
}

.menuhighlighted, .menu:hover, .menu1:hover, .menuselected:hover {
  background-color: #38AF60;
}

.menuhighlighted {
  /* href only works with javascript on,
     so let the javascript enable the showing of the pointer,
     so that the pointer doesn't get shown when it can't be used. */
  cursor: pointer;
}

.menuhighlighted a, .menu:hover a, .menu1:hover a, .menuselected:hover a {
  color: white;
  font-weight: bold;
}

.menuselected:hover a { color: black; }

.menuclick {
  background-color: #EC5413;
}

.menuclick a {
  color: black;
  font-weight: bold;
}

.lastupdated {
  color: gray;
  font-size: small;
}

.blogtitle {
  font-size: 14pt;
}
.blogentry {
  background-color: #F1F0EA;
  border: 1px solid #000000;
  padding: 5pt 10pt;
}

.blogentrytitle, .blogcommentslink {
  font-size: 10pt;
  color: #964B00;
}



/* pictures */
.fullpic, .thumbnail {
  position: float;
  float: left;
  border: 1px solid rgb(170, 170, 170);
  background-color: rgb(243, 249, 255);
  margin: 5px 5px;
  padding: 5px 5px;
  float: left;
}
.fullpic, .thumbnail_text {
  position: relative;
  below: 10px;
}
.fullpic img, .thumbnail img {
  position: relative;
  border: none;	
  margin: 2px 2px;
}

/* Blog admin */
#description {
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
}