/*  
Theme Name: NC-Simple
Theme URI: http://wordpress.org/
Description: A simple-looking, but highly functional theme. Features fluid width, a horizontal static sidebar, and a vertical dynamic sidebar. Based on the default WordPress theme, which in turn is based on Michael Heilemann's <a href://binarybonsai.com/kubrick/">Kubrick theme</a>.
Version: 0.8
Author: Nathan Chung
Author URI: http://nathanchung.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {
  font-family: gill sans, arial;
  background: #2266dd repeat-x fixed;
  background-image: url('images/nc_gradient.png');
}

h1, h2, h3 {
  color: #0077aa;
}

a:link {
  color: #00aacc;
}

a:visited {
  color: #0099aa;
}

a:hover {
  color: #00bbee; 
}

#header {  
  color: #ccddff;
  width: 80%;
  text-align: right;
  padding-bottom: .5em;
  border-bottom: medium solid white;
  margin-left: 10%;
  margin-right: auto;
  margin-bottom: 1.5em;
  background-repeat: no-repeat;
  background-image: url('images/IMG_8829.png');
}

#header h1, #header a {
  color: white;  text-decoration: none;  
  display: inline;
}

#header a:hover {
  text-decoration: underline;
}

#header h2 {
  color: white;
  margin: 0 0 0 1em;
  font-weight: normal;
}

#sidebar1 {
  width: 80%;
  margin-right: 6%;
  border: 0;
  padding: .25em 0 .25em 0;
  text-align: right;
  font-size: 1.2em;
  font-weight: bold;
}

#sidebar1 * {
  display: inline;
}

#sidebar1 ul {
  margin: 0;
  border: 0;
  padding: 0;
}

#sidebar1 li {
  padding: .25em 1em .25em 1em;
}

.current_page_item  {
  background-color: #ccddff;
}

/* #wrapper wraps around #sidebar2 and #content. */
#wrapper {
  margin: 0 10% 0 auto;
  border: 0;
  width: 80%;
}

#sidebar2 {
  width: 17%;
  float: left;
  margin: 0 .25em .25em .25em;
}

#sidebar2 > h2 {
  color: gray;
}

#sidebar2 h2 {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}

#sidebar2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sidebar2 > ul > li {
  border: #0077aa medium solid;
  margin-bottom: .5em;
  padding: .25em;
  background-color: #ccddff;
}

#sidebar2 li {
  padding: 0 .5em 0 .5em;
}

#s {
  width: 95%;
}

#content {
  width: 80%;
  margin-top: -1px;
  margin-left: 18%;
  /* border: medium solid gray; */
  padding: .5em;
  background-color: #ccddff;
}

.post {
  border: solid #0077aa medium;
  background-color: white;
  margin: 1em;
  padding: .5em;
}

.post h2 {
  font-size: 1.2em;
  color: 00bfbf;
  margin-top: 0;
}

.post p {
}

.postmetadata {
  background-color: #eeeeee;
  font-size: smaller;
  margin-left: 1em;
  margin-right: auto;
  padding: .25em;
}

#comment {
  width: 90%;
}

#footer {
  clear: both;
  width: 50%;
  margin: 1em 25% 1em auto;
  padding-top: .25em;
  text-align: center;
  font-size: .75em;
}

.secret *, .secret a:link, .secret a:visited, .secret a:hover {
  color: white;
}