/* ikiwiki local style sheet */

/* Add local styling here, instead of modifying style.css. */

.header {
	height: 80px;
  padding:0;
  background: transparent url(media/playa_head.jpg) no-repeat;
	font-size: 220%;
  border-bottom: solid white 2px;
  text-align: right;
	padding-right: 0.5em;
	padding-top: 0.5em;
}

div#footer {
  font-size: small;
	background-color: black;
	padding-left: 1em;
}

body {
  font-family: Garamond,Serif,Georgia;
  font-size:medium;
  background-color: #3E3E3E;
  color: white;
  margin: 0;
  padding: 0;
}

.toc {
  margin: 2em;
  padding-top:0.5em;
  float:right;
  width: 20%;
  font-size: 80%;
  clear:both;
}

/* the document */
div#content{
  margin-top: 4px;
  margin-right: 1em;
	margin-left: 1em;
  text-align: justify;
	margin-right: 3em;
}

a {
  color:#b8a385;
  text-decoration:none;
}
a:hover {
  color:white;
  text-decoration:underline;
}

.header a{
  color: white;
}

/* general headline setup */
h1, h2, h3, h4, h5 {
    background-color: transparent;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin-left:    0;
    margin-right:   0;
    margin-top:     0;
    margin-bottom:  1em;
    padding-left:   0;
    padding-right:  0;
    padding-top:    0.5em;
    padding-bottom: 0;
}

h2, h3, h4, h5 {
    clear: left;
}
/* special headlines */
h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
h2 {font-size: 150%; margin-left: 10px;}
h3 {font-size: 140%; margin-left: 20px; border-bottom: none; font-weight: bold;}
h4 {font-size: 120%; margin-left: 30px; border-bottom: none; font-weight: bold;}
h5 {font-size: 100%; margin-left: 40px; border-bottom: none; font-weight: bold;}

/* unordered lists */
ul {
  line-height: 1.5em;
  list-style-type: square;
  margin: 0 0 0.5em 1.5em;
  padding: 0;
}

/* ordered lists */
ol {
  line-height: 1.5em;
  margin: 0 0 0.5em 1.5em;
  padding: 0;
  font-weight: bold;
  list-style-image: none;
}

pre{
	background-color: grey;
	margin-left: 2em;
	padding: 1em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;i
	opacity: 0.5;
	overflow: auto;
}

@media only screen and (max-width: 500px) {
		.toc { float: none; width: auto; }
		.header { font-size: medium; }
}