/* general.css,v 1.0 (c) 2006 Tim van den Hoff for Erasmus University Rotterdam */
/* Stylesheet for Playful Identities website */


/* Main page elements */

body {
 margin: 0px;
 padding: 0px;
 background-color: B5AF88; 
 font-family: sans-serif;
}

div.page {
 position: absolute;
 background-color: #ffffff;
 border: 1px solid #000000;
}

div.header {
 top: 0px;
 height: 125px;
 display: block;
 background-color: #9B7D4E;
 background-position: bottom;
 padding-bottom: 1px;
 margin-bottom: 10px;
 border-bottom: 1px solid #938A54;
}

div.header h1,h3 {
 color: #fff;
 padding-left: 10px;
}

div.headerNoCSS {

}

div.footer {
color: #938A54;
font: 0.6em Verdana, sans-serif;
text-align: center;
margin-bottom: 10px;
}

div.footer a:link, div.footer a:active, div.footer a:hover, div.footer a:visited {
text-decoration:none;
color: #938A54;
}

div.footer a:hover {
text-decoration:underline;
color: #938A54;
}

div.footer hr {
clear: both;
background-color: #493B26;
height: 1px;
width: 75%;
margin-top: 20px;

}



/* Block elements */


div.overviewBlock {
 margin-left: 23px;
 margin-bottom: 25px;
 clear: both;
 width: 750px;
 border: 1px solid gray;
 border-top: none;
 font: 12px Verdana, sans-serif;
 background-color: #FFF6C0;
}

div.overviewBlock h3, div.overviewBlock h3 a {
 background-color: #9B7D4E;
 color: #fff;
 text-decoration: none;
 margin: 0;
 margin-bottom: 5px;
}

div.overviewBlock h3, div.overviewBlock h5, div.overviewBlock p {
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

div.contentBlock {
 margin-left: 10px;
 margin-bottom: 25px;
 float: left;
 border: 1px solid gray;
 border-top: none;
 padding-bottom: 20px;
 font: 12px Verdana, sans-serif;
 background-color: #FFF6C0;
}

div.contentBlock h3, div.contentBlock h3 a {
 background-color: #9B7D4E;
 color: #fff;
 text-decoration: none;
 margin-top: 0;
}

div.contentBlock h3, div.contentBlock h5, div.contentBlock p {
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

h5.commentHeader, h5.commentHeader a {
 background-color: #9B7D4E;
 color: #fff;
 text-decoration: none;
 margin-top: 0;
}

#commentsBlock {
 display: none;
 margin: 10px;
}

div.placeComment {
top: 0px;
float: right;
}



div.comment {
 float: left;
 border: 1px solid #000;
 margin-bottom: 10px;
 font: 12px Verdana, sans-serif;
}

div.comment h4 {
 color: #fff;
 text-decoration: none;
 background-color: #9B7D4E;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 0;
}



div.sideBlock {
 margin: 10px;
 margin-top: 0px;
 margin-left: 2px;
 padding-bottom: 10px;
 width: 200px;
 align: right;
 border: 1px solid gray;
 border-top: none;
 float: right;
 clear: right;
 font-size: 0.75em;
 text-indent: 2em;
 background-color:  #FFF6C0;
}

div.sideBlock h5 {
 color: #fff;
 text-decoration: none;
 background-color: #9B7D4E;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 0;
 text-indent: 10px;
}

div.sideBlock h5 a {
 color: #fff;
 text-decoration: none;
}

div.sideBlock ul {
 list-style-position: 0;
 text-indent: 10px;
}



/* Text markup */

.notice {
 text-align: left;
 border: 2px dashed #9B7D4E;
 padding: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 clear: both;
}

.warning {
 text-align: left;
 border: 2px dashed red;
 padding: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 clear: both;
}


.bold {
 font-weight: 600;
}

div.buttonMenu table {
}

div.buttonMenu input, textarea, select {
 margin: 1px;
 border: 1px solid #000;
}

table.overviewTable {
 width: 100%;
}

table.overviewTable th {
 color: #000000;
/* background-color: #000000; */
 border: 1px solid #000000;
 text-align: left;
}

table.overviewTable tr td {
 border: 1px solid #000000;
}

table,tr,td {
 font: 12px Verdana, sans-serif;
 padding: 5px;
 border: 0;
}

input {
border: 1px solid #000;
}

input.small {
 border: 1px solid #000;
}

input.medium {
 border: 1px solid #000;
}

input.menu {
 width: auto;
 border: 1px solid #000;
}

input.clear {
 border: 0;
 width: auto;
}

.textarea {
 border: 1px solid #000;
}


.buttonSubmit {
border: 1px solid #000;
}