@import url(reset.css);
@import url(text.css);
@import url(960_16.css);

body {
  background: #cccccc;
  color: #333333; }

/* Header and nav */
#wrap {
  opacity: 1.0; }

#header {
  background: #666666;
  border-width: 0 0 1px;
  overflow: hidden;
  border-bottom: 2px solid #3399cc; }

#primary-nav {
  margin: 0;
  padding: 10px;
  position: absolute;
  top: 9px; }

#primary-nav li {
  display: inline; }

#primary-nav a {
  color: #cccccc;
  padding: 6px;
  margin: 10px 0 0 0;
  text-decoration: none;
  border: 1px solid #cccccc;
  border-width: 0;
  background: #555555; }

#primary-nav a:hover {
  color: white; }

#blog #nav-blog a, #single #nav-blog a, #home #nav-home a, #primary-nav .current a {
  color: black;
  background: #888888;
  font-weight: bold; }

.project-name {
  color: #006699; }

/* Content */
#content {
  background: white;
  padding: 20px 0 20px 0; }

#two-column-dashboard-left {
  padding: 40px 20px 30px 40px; }

#two-column-dashboard-right {
  padding: 40px 40px 30px 20px; }

#three-column-left {
  padding: 0 40px 0 50px;
  border-right: 1px dotted #cccccc;
  min-height: 100px; }

#three-column-center {
  padding: 0 29px 0 29px; }

#three-column-right {
  padding: 0 50px 0 40px;
  border-left: 1px dotted #cccccc;
  min-height: 100px; }

.avatar {
  float: right;
  padding: 0 5px; }

/* Homepage */
.homepage-tagline {
  padding: 20px 0 20px 0; }

#recent-blog-posts li {
  list-style: none;
  margin: 0px;
  padding: 4px 4px 4px 0;
  border-bottom: 1px #cccccc solid; }

/* Footer */
#footer {
  border-top: 1px solid #dddddd;
  background: #dddddd;
  height: 40px; }