/*  
Theme Name: ATGO Theme
Theme URI: http://www.atgo.org/
Description: The first ATGO theme based on the old website design.
Version: 1.0
Author: Arved von Brasch
Author URI: http://silver.atgo.org/

	This theme is completely free to use.
	
	Note that this theme has only been tested in WebKit
	and checked for validity.  No special compromises 
	have or will be made for deficient browsers.
*/

html, body {
	margin: 0;
	padding: 0;
}

body {
	min-width: 666px;
}

.body {
	margin-top: 8em;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}

.header {
	padding-top: 1%;
	border-width: thin;
	border-style: solid;
	text-align: center;
}

.infobar {
	padding: 1%;
	border-top-width: thin;
	border-top-style: solid;
}

.background {
	border-style: solid;
	border-left-width: 10px;
	border-right-width: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	overflow: hidden;
}

.content {
	float: right;
	width: 78%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 20010px;
	margin-bottom: -20000px;
}

.menu {
	float: left;
	width: 18%;
	font-size: 80%;
	font-family: serif;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 20010px;
	margin-bottom: -20000px;
}

.menu h3 {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
}

.menu h4 {
	margin: 0;
	padding: 5px 0;
	font-weight: normal;
}

.menu ul {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style: none;
}

.menu ul li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu ul li ul li {
	margin-top: 2px;
	margin-left: 0.7em;
}

.menu ul a {
	padding-left: 0.2em;
	border-left-width: 0.8em;
	border-left-style: solid;
	text-decoration: none;
}

.menu fieldset {
	padding: 0;
	margin: 0;
	border-width: thin;
	border-style: solid;
}

.menu legend {
	padding: 0 .5em;
}

.menu label {
	display: none;
}

.menu input#s {
	width: 100%;
}

.menu input#searchsubmit {
	text-align: center;
}

.navbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 20;
}

.navbar img {
	float: left;
	border-right-width: medium;
	border-right-style: solid;
	padding: 1em;
	height: 5.5em;
}

.navbar h3 {
	display: inline;
}

.navbar ul {
	padding-top: 2em;
	text-align: center;
}

.navbar li {
	display: inline;
}

.navbar a {
	text-decoration: none;
	border-width: thick;
	border-style: solid;
	padding: 0.4em;
}

.navbar a:hover {
	border-width: thick;
	border-style: solid;
	padding: 0.4em;
}

.footer {
	clear: both;
	position: relative;
	padding: 3% 1% 1% 1%;
	z-index: 1000;
}

.footer a {
	text-decoration: none;
}

.clear {
	clear: both;
}

.flushleft {
	float: left;
	text-align: left;
	width: 28%;
}

.flushcenter {
	float: left;
	text-align: center;
	width: 44%;
}

.flushright {
	float: right;
	text-align: right;
	width: 28%;
}

a.image img {
	border-style: solid;
	border-width: thin;
	text-decoration: none;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

/* Stuff that should apply in the content div only */

.content h2 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-family: sans-serif;
}

.content h2.search {
	margin: 5px;
}

.content h3 {
	margin: 0;
	padding: 0;
	font-size: 105%;
	font-family: sans-serif;
}

.content h2.nopost {
	margin: 10px 0 0 0;
}

.content a {
	text-decoration: none;
}

.content .post {
	margin: 5px;
	padding: 5px;
	border-style: solid;
	border-width: thin;
}

.content .post p.byline {
	padding: 0;
	margin: 0;
	font-size: 80%;
}

.content .entry {
	margin: 0;
	padding: 1px 5px 1px 5px;
}

.content .post p.postmetadata {
	padding: 0;
	margin: 0;
}

.content .post p.postmetadatasingle {
	padding: 0;
	margin: 0;
	font-size: 90%;
}

.content .post p.nocomment {
	padding-bottom: 0;
	margin-bottom: 0;
}

.content .post form#commentform input {
	width: 30%;
}

.content .post form#commentform input#submit {
	width: auto;
}

.content .post form#commentform label {
	font-size: 90%;
}

.content .post form#commentform textarea {
	width: 100%;
}

.navigation {
	clear: both;
	padding-top: 2px;
}

.navigation .alignleft {
	float: left;
	text-align: left;
	width: 49%;
}

.navigation .alignright {
	float: right;
	text-align: right;
	width: 49%;
}

img.wrapleft {
	float: left;
}

img.display {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

pre.code {
	height: auto;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	overflow: auto;
	margin: 1em auto 2em auto;
	padding: 0 1em 1em 1em;
	width: 90%;
}