/*
Theme Name: Compass Point
Theme URI: http://compasspoint.asia/
Description: Compass Point first design
Version: 20081026
Author: kiyoya and nozomi
Author URI: http://compasspoint.asia/
Tags: read, compasspoint
*/

*
{
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body
{
  background-color: rgb(238, 238, 238);
  color: rgb(40, 40, 40);
  text-align: center;
}

a:link
{
  color: #A22041;
}

a:visited
{
  color: #Bb5548;
}

a:hover,
a:active
{
  color: #D9333f;
  text-decoration: underline;
}

img
{
  border: none;
}

strong
{
  color: rgb(204, 0, 0);
  font-weight: bold;
}

#main
{
  background-color: rgb(255, 255, 255);
  margin: 1em auto 0.5em auto;
  text-align: left;
  width: 752px;
}

#banner
{
  background-color: rgb(204, 0, 0);
  border: 1px solid rgb(180, 180, 180);
  color: rgb(255, 255, 255);
  padding: 0.1em 0.5em 0.5em 1.0em;
}

#banner h1
{
  font-size: 200%;
  font-family: sans-serif;
  font-weight: bold;
  /* padding: 0.3em 0 0 85px; */
}

#banner h1 img
{
  position: relative;
  top: 8px;
}

#banner .description
{
  font-weight: bold;
  margin: 0;
  padding: 0 0 1em 105px;
}

#banner h1 a:visited,
#banner h1 a:link,
#banner h1 a:hover,
#banner h1 a:active
{
  color: rgb(255, 255, 255);
}

#banner h1 a:hover,
#banner h1 a:active
{
  text-decoration: underline;
}

#navigator
{
  padding: 0.5em 0;
}

#navigator li
{
  border-left: 0.3em solid rgb(204, 128, 128);
  color: rgb(150, 150, 150);
  display: inline;
  font-size: 80%;
  margin: 0.25em 1em 0.25em 0;
  padding: 0.25em;
}

#navigator a:visited,
#navigator a:link,
#navigator a:hover,
#navigator a:active
{
  color: rgb(0, 0, 0);
  font-weight: bold;
}

#navigator a:hover,
#navigator a:active
{
  text-decoration: underline;
}

#footer
{
  background-color: rgb(204, 0, 0);
  border: 1px solid rgb(180, 180, 180);
  clear: both;
  color: rgb(255, 255, 255);
  font-size: 80%;
  text-align: center;
  padding: 0.5em 0;
  margin: 1em 0;
}

#footer address,
#footer p
{
  margin: 0.5em 0;
}

#footer p,
#footer p a:visited,
#footer p a:link
{
  color: rgb(150, 150, 150);
}

#footer p a:visited,
#footer p a:link,
#footer p a:hover,
#footer p a:active
{
  text-decoration: underline;
}

#footer p a:hover,
#footer p a:active
{
  color: rgb(255, 255, 255);
}

#logo
{
  border: 1px solid rgb(180, 180, 180);
  margin: 0 0 0.5em 0;
}

#sidebar
{
  float: left;
  font-size: 80%;
  width: 25%;
}

#sidebar ol,
#sidebar ul
{
  list-style-type: none;
}

#sidebar li
{
  background-image: url(images/parts7-12.png);
  border: 1px solid rgb(150, 150, 150);
  margin: 0 0 2em 0;
}

#sidebar li #s
{
  width: 100%;
}

#sidebar h2,
#sidebar label
{
  background-color: rgb(204, 0, 0);
  color: rgb(255, 255, 255);
  display: block;
  padding: 0.25em 0.5em;
}

#sidebar h2 a:link,
#sidebar h2 a:visited,
#sidebar h2 a:hover,
#sidebar h2 a:active
{
  color: rgb(255, 255, 255);
}

#sidebar li select,
#sidebar li p
{
  margin: 0.5em;
}

#sidebar li li
{
  background-image: none;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(150, 150, 150);
  border-left: 0.5em solid rgb(204, 128, 128);
  margin: 0.5em 0.5em 0.5em 0.25em;
  padding: 0.25em 0.5em;
}

#sidebar #study-links strong
{
  color: rgb(40, 40, 40);
  display: block;
  font-weight: normal;
}

#sidebar #study-links em
{
  color: rgb(80, 80, 80);
  display: block;
  font-size: 80%;
}

#contents
{
  margin: 0 0 0 25%;
}

.navigation,
#contents .section,
#contents form
{
  margin: 1em 0 2.5em 1em;
}

#contents form
{
  margin: 1em 1em 2.5em 1em;
}

#contents .section
{
  border: 1px solid rgb(180, 180, 180);
}

#contents .section .section
{
  border: none;
  font-size: 80%;
}

#contents big
{
  font-size: 110%;
}

#contents small
{
  font-size: 90%;
}

#contents h2
{
  background-color: rgb(204, 0, 0);
  border-bottom: 1px solid rgb(180, 180, 180);
  color: rgb(255, 255, 255);
  padding: 0.25em 0.5em;
}

#contents .postdata
{
  background-image: url(images/parts7-12.png);
  border: 1px solid rgb(180, 180, 180);
  border-top: none;
  color: rgb(80, 80, 80);
  font-size: 80%;
  margin: 0;
  padding: 0 1em;
  text-align: right;
}

#contents .wp-caption
{
  margin: 0 auto;
}

#contents .wp-caption-text
{
  color: rgb(100, 100, 100);
  font-size: 90%;
  margin: 0 0 2em 0;
}

#contents .aligncenter
{
  text-align: center;
}

#contents .alignleft
{
  text-align: left;
}

#contents .alignright
{
  text-align: right;
}

#contents h2 a:visited,
#contents h2 a:link,
#contents h2 a:hover,
#contents h2 a:active
{
  color: rgb(255, 255, 255);
}

#contents h2 a:hover,
#contents h2 a:active
{
  text-decoration: underline;
}

#contents h3
{
  padding: 0 0 0 0.5em;
  border-bottom: 1px solid rgb(150, 150, 150);
  border-left: 0.8em solid rgb(204, 128, 128);
}

#contents p,
#contents div
{
  line-height: 1.5em;
  margin: 1em 0;
}

#contents ul,
#contents ol
{
  margin: 1em 1em;
}

#contents li
{
  margin: 0.5em 1em;
}

#contents .news
{
  border: 1px solid rgb(200, 200, 200);
  margin: 0 0 1em 0;
  padding: 0.5em 0;
  text-align: left;
}

#contents .news ol
{
  padding-left: 2em;
}

#contents .metadata
{
  font-size: 80%;
  margin: 0.25em 1.0em;
  text-align: right;
}

#contents .section .section .metadata
{
  font-size: 100%;
}

#ads
{
  text-align: center;
}

#contents .navigation
{
  background-image: url(images/parts7-12.png);
  color: rgb(80, 80, 80);
  font-size: 90%;
  margin: 1em 1em 2.5em 2em;
  padding: 0.5em 1em;
  text-align: center;
}

#contents .navigation .prev
{
  text-align: left;
}

#contents .navigation .next
{
  text-align: right;
}

#contents .navigation .prev,
#contents .navigation .next
{
  line-height: 1.2em;
  margin: 0.25em 0;
}

#comment
{
  height: 5em;
  width: 100%;
}

#contents table
{
  border-collapse: collapse;
  margin: 2em 5%;
}

#contents table th,
#contents table td
{
  border: 1px solid rgb(204, 0, 0);
  padding: 0.25em;
}

#contents table th
{
  white-space: nowrap;
}

/*

  "As they burned it hurt because I was so happy for you!"

  "Now these points of data make a beautiful line."

  "And we're out of beta. We're releasing on time."

  "So I'm GLaD. I got burned."

  "Think of all the things we learned"

  "for the people who are still alive."

*/