/*
 * Copyright Javier Tordable 2009. All rights reserved.
 */

/* General style */

body {
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
}

h1, h2, h3, h4 {
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
  line-heigth: 120%;
}

h1 {
  font-size: 3.5em;
  color: #333;
}

h2 {
  font-size: 2em;
  padding-top: 5px;
}

h3 {
  font-size: 1.5em;
}

a {
  color: #3a639a;

  /* By default don't underscore links.*/
  text-decoration: none;
}

a:hover {
  /* Underscore on hover. */
  text-decoration: underline;
}

/* Main column */

#main {
  /* Total witdh = 960px, in the center. */
  width: 960px;
  margin: 0px auto 0px;
}

/* Title bar */

#title-bar {
  margin-left: 30px;
  margin-right: 30px;
}

#title-bar h1 a {
  /* Don't color the title link unless it's on focus. */
  color: #333;
}

#title-bar h1 a:hover {
  /* Color the title link if it's on focus, but don't underscore. */
  color: #3a639a;
  text-decoration: none;
}

#title-bar #subtitle {
  text-align: right;
}

/* Navigation bar */

#nav-bar {
  /* 1px border on top and on the bottom. */
  border-style: solid;
  border-color: #999;
  border-width: 1px 0px 1px 0px;
  color: #444;

  /* Leave enough space for the buttons. */
  height: 3.2em;

  /* Leave some blank space below. */
  margin-bottom: 15px;
}

#nav-bar #nav-buttons {
  /* Align the buttons with the title and the text on the left. */
  margin-left: 20px;
  float: left;

  /* Slightly larger font. Same font as the title. */
  font-size: 1.5em;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
}

#nav-bar #subscribe-links {
  /* Align the subscribe buttons on the right. */
  margin-right: 30px;
  float:right;

  /* Center the text in the middle of the line. */
  padding-top: 10px;

  /* Font a little bit smaller than the menu. */
  font-size: 1.2em;
}

#nav-bar #nav-buttons #nav-button {
  /* Each button is floating inline. This necessary to create the box look. */
  display: inline;
  float: left;

  /* Small boxes. */
  padding: 9px 15px 9px 10px;

  /* Border on the right side. */
  border-style: solid;
  border-color: #999;
  border-width: 0px 1px 0px 0px;
}

#nav-bar #nav-buttons a {
  /* Don't color nav links unless they are on focus. */
  color: #444; /* Same as the color for "#nav-bar" above. */
}

#nav-bar #nav-buttons a:hover {
  /* Color nav links if they are on focus, but don't underscore. */
  color: #426aa2; /* Lighter than the color for "a" above. */
  text-decoration: none;
}

#nav-bar a img {
  /* Do not put any border around small link images. */
  border-width: 0px;
}

/* Main body */

#content {
  /* Align the content with the title-bar. */
  margin-left: 30px;

  /* Leave space for the side bar. */
  display: block;
  margin-right: 350px;
}

#content h2 a {
  /* Don't color post title links unless they are on focus. */
  color: #444; /* Same as the color for "#navigation-bar" above. */
}

#content h2 a:hover {
  /* Color post title links if they are on focus, but don't underscore. */
  color: #426aa2; /* Lighter than the color for "a" above. */
  text-decoration: none;
}

#content img, object {
  /* Display them at a maximum width, and centered. */
  max-width: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#content textarea {
  max-width: 600px;
}

#content #special-text{
  /* Bigger margin. Italic font. */
  margin-left: 20px;
  margin-right: 80px;
  font-style: italic;

  /* A little bit extra space on top and bottom. */
  margin-top: 20px;
  margin-bottom: 20px;
}

#separator {
  /* Basically a 1px line. */
  border-style: solid;
  border-color: #999; /* Same as "#navigtation-bar" */
  border-width: 1px 0px 0px 0px;

  /* Not as wide as the body. */
  margin-left: 50px;
  margin-right: 50px;

  /* A little bit of space on top and on the bottom. */
  margin-top: 3em;
  margin-bottom: 3em;
}

/* TODO(tordable): Add style for code. */

/* Side bar */

#side-bar {
  /* Always floating in the right side */
  float: right;
  width: 250px;
  margin-right: 30px;
}

#side-bar #archives li {
  /* Do not put bullets for the archives list. Indent with the title. */
  list-style-type: none;
  list-style-image: none;
  margin-left: -40px;
}

/* Footer */

#footer {
  /* 1px border on top. */
  border-style: solid;
  border-color: #999; /* Same as for "#navigation-bar" */
  border-width: 1px 0px 0px 0px;

  /* Wide separation on top and bottom. */
  margin-top: 50px;
  margin-bottom: 50px;

  padding: 8px;
  color: #444;
}

#footer #foot-inner {
  margin: auto;
  text-align: center;
}

/* Admin */

#admin-content {
  /* Align the content with the title-bar. Admin has no side bar. */
  margin-left: 30px;
  margin-right: 30px;
}

#admin-content textarea {
  max-width: 600px;
}

/* Individual pages */