/*
 Name: Ianthinus 2.3
Description: The second version of my purple-grey portal, with much much cleaner coding

Author: Hans Hermans
*/

html, body { margin: 0; padding: 0; font-size: 90%; background-color: #f8f8f8; font-family: verdana, sans serif, tahoma, lucida console; }

a:link, a:visited { color: #555555; text-decoration: none; font-weight: 600; }

a:hover { color: #555555; text-decoration: underline; }

abbr, acronym { cursor: help; border-bottom: 1px dotted; color: #555555; }


.small { font-size: 70%; }

/*------------------------------*/

#page { padding-top: 55px; }

#header { position: absolute; top: 0px; left: 0px; width: 100%;
overflow: hidden; height: 4.3em; }

body>#header { position: fixed; left: 0px; right: 0px; top: 0px; }


#header .maintitle {
  color: #ffffff;
  font-size: 230%;
  margin-left: 15px;
}



#header .maintitle a {
  color: #ffffff;
  font-weight: normal;

}

#header .subtitle {
  color: #ffffff;
  font-size: 80%;
  margin-left: 15px;
}

#header .right {
  color: #ffffff;
  text-align: right;
  float: right;
  margin-right: 10px;
}

#header .right a:link, #header .right a:visited {
  color: #ffffff;
  text-align: right;
  text-decoration: underline;
  font-weight: 100;
}

#header .right a:hover {
  color: #ffffff;
  text-decoration: none;
}


/*-------------------------main textarea----------------------*/

#textarea {
  margin-left: 165px;
  text-align: justify;
 /* margin-top: 5.8em;*/
}

#textarea p {
  margin: 5px;
  margin-bottom: 7px;
}

#textarea li {
  margin-right: 5px;
}

#textarea .textbox {
  margin: 10px;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  -moz-border-radius: 7px;  
}

#textarea .posted {
  text-align: right;
  font-size: 90%;
  font-style: italic;
  margin-top: 5px;
}
 
#textarea .title {
  font-weight: 900;
  font-size: 120%;
  background-color: #ffffff;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 0;
  margin-bottom: 0;

}


  
#textarea .subtitle {
  font-size: 100%;
  font-weight: 900;
}

#textarea .limited {
  margin: 5px;
  height: 40px;
  overflow: auto;
}


/*---------navigation------------*/

body>#navigation { position: fixed; left: 0px; right: 0px; top: 0px; }

#navigation {
  width: 175px;
  float: left;

}

#navigation .textbox {
  margin: 10px;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  -moz-border-radius: 7px;  
}

#navigation .textbox p {
  margin: 5px;
}

#navigation .textbox ul {
  padding-left: 0;
  list-style: none;
  margin: 5px;
}



#navigation .title {

  font-weight: bold;
  color: #ffffff;
  padding-left: 5px;
}

#navigation .limited {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 40px;
  overflow: auto;
}

#navigation .small {
  font-size: 70%;
}

#navigation .date {
  color: #444444;
  font-size: 100%;
  font-weight: 600;
}

#navigation input.text {
  color: #ffffff;
}

#navigation input.submit {
  font-size: 70%; 
  font-weight: bold; 
  background:#ffffff; 
  border-width: 0px;
}

#navigation .divider {
  border: 0.3px solid #e5e5e5;
}

/*--------footer---------*/

#footer p {
  font-size: 80%;
  /*color: #444444; */
  font-weight: 900;
  text-align: center;
}

#footer a {
  text-decoration: underline;
  font-weight: 900;
  /*color: #444444;*/
}