/*
 * Style sheet for Tuorla Observatory contents
 * by Rami T. F. Rekola - 10 July 2008
 */

#content-area 
  {
  margin-left: 215px;
  border: 1px solid #464646;
  border-bottom-width: 5px; 
  background-color: white;
  padding: 6px 6px;
  }

#content-left
  {
  position: relative; 
  margin-left: 0px;
  width: 50%;
  padding: 0.2em 0.5em;
  }

#content-right
  {
  position: relative; 
  margin-left: 50%;
  width: 50%;
  padding: 0.2em 0.5em;
  }

#news-div-1
  {
  position: relative; 
  margin-left: 20px;
  margin-right: 20px;
  }

#news-div-2
  {
  position: fixed; 
  top: -2000px;
  left: -2000px;
  width: 200px;
  }

#news-div-2b
  {
  position: relative; 
  margin-left: 20px;
  margin-right: 20px;
  }

/* Full content area, for pages without the navi-area. */
#content-area.full-page 
  {
  margin-left: 0px;
  }

/* Submenu inside content-area */

#sidebar 
  {
  width: 30%;
  float: right;
  margin: 0%;
  margin-left: 1%;
  padding: 1em 0.5em 1em 1em;
  background-color: #e6edf5;
  border: 1px solid #0f5e7e;
  }

#sidebar p 
  {
  margin: 0px;
  padding: 0px;
  }

#sidebar ul 
  {
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  }

/* NOTE: This element is NavPath-sensitive */
#sidebar ul li 
  {
  margin: 0;
  padding: 0px;
  padding-left: 12px;
  display: list-item;
  list-style-type: none;
  list-style-position: outside;
  background-image: url(/img/arrowbullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
  }

#sidebar a 
  {
  color: #000000;
  text-decoration: none;
  }

#sidebar a:hover 
  {
  text-decoration: underline;
  }


/* Global element properties. */

form 
  {
  margin: 0px;
  padding: 0px;
  }

img 
  {
  border: 0px; 
  margin: 0px; 
  padding: 0px; 
  float: left; 
  }

.right
  {
/*  position: absolute; */
/*  right: 80px; */
  float: right; 
  }

h1 
  {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  }

h2 
  {
  margin-top: 0;
  margin-bottom: 0.4em;
  font-size: 1.3em;
  }

h3 
  {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-size: 1.1em;
  }

h4 
  {
  margin-top: 0;
  margin-bottom: 0.2em;
  font-size: 1.0em;
  }

p 
  {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 12px; 
  }

.large
  {
  font-size: 14px;
  }

.small
  {
  font-size: 10px;
  }

.smaller
  {
  font-size: 9px;
  }

.indent10
  {
  margin-left: 10px; 
  }

.indent20
  {
  margin-left: 20px; 
  }

.indent25
  {
  margin-left: 25px; 
  }

.indent50
  {
  margin-left: 50px; 
  }

.author 
  {
  margin-top: 2em; 
  margin-bottom: 1em; 
  font-size: 10px; 
  font-style: italic; 
  }

.announcement
  {
  padding: 0.5em; 
  font-size: 14px; 
  font-weight: bold; 
  color: #ffffff; 
  background-color: #000099; 
  }

.announcement a:link 
  {
  color: #ffff00; 
  text-decoration: none;
  }

.announcement a:visited 
  {
  color: #ffff00; 
  text-decoration: none;
  }

.announcement a:hover 
  {
  color: #cc9966; 
  }

.annox
  {
  font-size: 14px; 
  font-weight: bold; 
  color: #ffffff; 
  }

.annox a:link 
  {
  color: #ffff00; 
  text-decoration: none;
  }

.annox a:visited 
  {
  color: #ffff00; 
  text-decoration: none;
  }

.annox a:hover 
  {
  color: #cc9966; 
  }

.right404 {
  float: right; 
  width: 400px; 
  margin: 0px; 
  margin-left: 8px; 
  text-align: left;
  }

ul 
  {
  margin: 0px;
  padding: 0px;
  line-height: 1.0em;
  }

ul li 
  {
  margin: 0;
  padding: 0px;
  font-size: 12px;
  padding-left: 12px;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  }

.telescope
  {
  font-size: 10px;
  margin-left: 15px;
  padding-left: 0px;
  list-style-position: outside;
  }

a:link
  {
  color: #660066; 
  }

a:visited
  {
  color: #660066; 
  }

a:hover 
  {
  color: #990000; 
  text-decoration: underline;
  }

.disabled 
  {
  color: #999999;
  }

td
  {
  }

.pusher
  {
  width: 50px; 
  }

.staffimage
  {
  width: 150px;
  }

#edit-buttons 
  {
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
  border: none;
  }

#edit-buttons a 
  {
  display: block;
  width: 100% !important;
  padding: 0.2em 0px 0.2em 2px !important;
  padding: 0.2em 0px 0.2em 2px;
  text-decoration: none;
  line-height: 1em;
  font-size: 90%;
  font-weight: bolder;
  color: #000000;
  }

#edit-buttons a:hover 
  {
  color: #0f5e7e;
  text-decoration: underline;
  background: none;
  }
