/* 
Basis of site-wide style
*/

body { 
  margin: 0;
  height: 100%;
  text-align: center;
  
  background: #48908B;
}

img {
  margin-top: 20px;
  padding: 2px;
  width: 50%;

  border: dotted 2px #0F2E22;
  border-radius: 25px;
}

iframe {
  width:70%;
  height: 400px;
}

p {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  line-height: 1.5; 
}

table {
  margin-left: auto;
  margin-right: auto;
  padding: 2px 5px 2px 5px;

  border: dashed 5px #233232;
}

tr {
  width: 100%;
}

th, td {
  padding: 5px 30px 5px 30px;
}

#header {
  background: #48908B;
  color: #BDDDDC;
  
  width: 100%;
  height: 200px;
  padding: 1px 0px 1px 0px;

  text-align: center;
  font-family: "Garamond", serif;
  font-size: 40px;
}

#menubar {
  background: #233232;
  
  width: 100%;
  height: 50px;

  text-align: center;
  font-family: "Lucida Console", monospace;
}

#sidebar {
  vertical-align: top;
  
  background: #233232;
  
  margin: 2% 1%;
  padding: 10px 0;
  width: 20%;
  min-height: 200px;

  font-family: "Lucida Console", monospace;
  
  display: inline-block;
}

#sidebar h3 {
  text-align: left;
  color: white;
  margin: 10px 20px;
}

#avatar {
  width: 70%;  
}

#footbar {
  background: #233232;
  
  width: 100%;
  height: 30px;

  text-align: center;
  font-family: "Lucida Console", monospace;
}

#main {
  background: #BDDDDC;
  color: #0F2E22;

  margin: 0 1% 0 1%;
  min-height: 500px;
  width: 75%;
  padding: 20px 0;

  text-align: center;
  font-family: "Arial", sans-serif;
  
  display: inline-block;
}

#main h1 {
  margin-left: 25px;
  text-align: left;
}

.t-head { /* table header */
  background: #0F2E22;
  color: #BDDDDC;
  border: solid 2px #233232;
}

.right { /* right column of the table */
  font-style: italic;
}

.sidebar-text {
  text-align: left;
  color: white;
  margin: 20px;
  margin-right: 10px;
}

.sidebar-list {
  text-align: left;
  color: white;
  line-height: 1.5; 
  margin-right: 10px;
}

.post {
  margin: 20px;
  padding: 20px;
  background: white;
  border-radius: 0px 6px;
}

.post-title {
  color: #233232;
  line-height: 1.5; 
  text-align: left;
  margin: 0;
}

.post-content {
  color: #233232;
  line-height: 1.5; 
  text-align: left;
  margin: 10px 0 0 10px;
}

.button {
  display: inline-block;

  color: #9DBEBA;

  min-width: 60px;
  padding: 15px 20px;
  margin: 0 10px 0 10px;

  text-decoration: none;
  text-align: center;
  font-size: 20px;
}

.button:hover {
  background: #9DBEBA;
  color: #233232;
}

.secret-side {
  color: white;
  text-decoration: none;
  cursor: default;
}

.secret-side:visited {
  color: white;
  text-decoration: none;
  cursor: default;
}