/* Application-wide CSS */
label {
  display: block;
  color: #333333; }

em {
  font-weight: bold;
  color: #666666; }

body {
  background-color: #A60003;
  font-family: Verdana,Arial,sans-serif; }

a {
  color: #bf2222; }

#main {
  background: #FFFBE1 url("/images/content_background.png") repeat-y; }

#header {
  background: #A60003 url("/images/header_background.png") no-repeat;
  width: 900px;
  height: 100px;
  padding: 40px 25px 0 25px; }
  #header h1 {
    display: none; }
  #header #logo {
    float: left; }
  #header #tabs {
    float: left; }
    #header #tabs ul {
      width: 300px;
      padding-top: 30px;
      margin: 0; }
      #header #tabs ul li {
        display: block;
        float: left; }
        #header #tabs ul li a {
          display: block;
          width: 150px;
          height: 50px; }
  #header #contact {
    float: left; }

#tab {
  background: transparent url("/images/top_content_background.png") no-repeat;
  min-height: 260px;
  width: 900px;
  padding: 1em 25px; }
  #tab #content {
    color: #666666;
    min-height: 380px;
    margin-right: 0;
    width: 545px;
    padding: 1em 40px; }
    #tab #content #flash {
      margin-bottom: 0.5em; }
    #tab #content p {
      text-align: justify; }
    #tab #content p.big {
      font-size: 1.2em;
      line-height: 1.25;
      margin-bottom: 1.25em; }
    #tab #content h1, #tab #content h2, #tab #content h3, #tab #content h4, #tab #content h5, #tab #content h6 {
      color: #1F8359;
      font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,Verdana,sans-serif; }
      #tab #content h1 a,       #tab #content h2 a,       #tab #content h3 a,       #tab #content h4 a,       #tab #content h5 a,       #tab #content h6 a {
        color: #1F8359; }
    #tab #content h1 {
      font-weight: bold; }
    #tab #content .label {
      font-weight: bold;
      color: #444444; }
    #tab #content ul.actions {
      overflow: auto;
      clear: both;
      list-style-type: none;
      margin: 0; }
      #tab #content ul.actions li {
        display: block;
        float: left;
        margin: 0 10px 1.5em 0; }
        #tab #content ul.actions li a {
          border: 1px solid #CCCCCC;
          padding: .5em 20px;
          background-color: #FFFEF3;
          display: block;
          color: #666666;
          text-decoration: none; }
    #tab #content .post {
      clear: left; }
      #tab #content .post h3.title {
        margin-bottom: .25em; }
      #tab #content .post .tags {
        margin-bottom: 1.5em;
        font-style: italic;
        color: #999999; }
        #tab #content .post .tags a {
          color: #1F8359; }
      #tab #content .post .code {
        background-color: white;
        border: 1px solid #CCCCCC;
        padding: 0 20px;
        overflow: auto;
        margin-bottom: 1.5em; }
        #tab #content .post .code pre {
          font-family: 'Monaco', 'andale mono','lucida console',monospace; }
    #tab #content #posts .post {
      margin: 3em 0; }
    #tab #content .project img {
      border: 1px solid #CCCCCC;
      padding: 5px;
      background-color: #FFFEF3;
      margin-bottom: 1em; }
    #tab #content .project.left img {
      float: right;
      margin-left: 20px; }
    #tab #content .project.right img {
      float: left;
      margin-right: 20px; }
  #tab #sidebar {
    width: 275px; }
    #tab #sidebar h3 {
      color: #1F8359;
      padding: .5em 20px;
      border-bottom: 1px solid #CCCCCC;
      margin-bottom: 0; }
      #tab #sidebar h3 a {
        color: #1F8359;
        text-decoration: none; }
    #tab #sidebar ul {
      list-style-type: none;
      margin: 0 0 2em 0; }
      #tab #sidebar ul li {
        font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
        border-bottom: 1px solid #CCCCCC;
        font-size: 1.2em;
        line-height: 1.25;
        font-weight: bold; }
        #tab #sidebar ul li a {
          display: block;
          padding: .5em 20px;
          text-decoration: none; }
        #tab #sidebar ul li a:hover {
          color: #FF4900; }
      #tab #sidebar ul li.spaced {
        margin-bottom: 1em; }

#footer {
  color: #FFF9DF;
  background: #A60003 url("/images/footer_background.png") no-repeat;
  width: 870px;
  min-height: 100px;
  padding: 50px 40px;
  margin-right: 0; }
  #footer a {
    color: #F9E5AD; }
  #footer #legal {
    float: right; }