/* six elaborates */
/* default css file */
/* The design, layout, and content for "six elaborates" are copyright 2009,
     2010 by six and may not be reproduced. */
/* All rights are reserved. */
/* Contact: sixbymistake@gmail.com */

/* sticky footer parts ------------------------------------------------------ */
html, body, #upper { height: 100%; }
body > #upper { height: auto; min-height: 100%; }
#upper-container { padding-bottom: 80px; }
#lower {
  position: relative;
  margin-top: -80px;
  height: 80px;
  clear: both;
}
/* end sticky footer parts -------------------------------------------------- */

.grid { display:inline; float: left; position: relative; }

/* the page ----------------------------------------------------------------- */
body { background-image: url("images/3.gif"); background-color: #FFFEFA;
        font: 13px/20px "Constantia", Georgia, "Times New Roman", serif; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
h1 { font-weight: normal; }
::selection { color: white; background: #6c0000; }
::-moz-selection { color: white; background: #6c0000; }

#upper-container { width: 100%; }
  #header { width: 960px; margin-left: auto; margin-right: auto; }
    #header-content {}
      #pre-title { width: 940px; padding-left: 10px; padding-right: 10px;
        padding-top: 40px; text-align: center; font-style: italic;
        color: #555555; }
      #title { width: 940px; padding-left: 10px; padding-right: 10px;
        padding-bottom: 20px; text-align: center;
        font: 50px/60px "Constantia", Georgia, "Times New Roman", serif; }
        #title a { color: #6c0000; }
      #navigation { margin-left: 180px; margin-right: 180px;
        text-align: center; }
        .nav { width: 150px; padding-top: 7px;
          font: 10px/20px "Constantia", Georgia, "Times New Roman", serif;
          letter-spacing: 3px; 
          text-transform: uppercase;
          border-top: 3px solid #888888; }
          .nav:hover { border-top: 4px solid #6c0000; padding-top: 6px; }
          .nav a { color: #555555; }
          .nav a:hover { color: #6b0000; }
    .spacer { font: 1px sans-serif; height: 10px; }

  #content { width: 960px; margin-left: auto; margin-right: auto;
    padding-bottom: 10px; }
    #main-container { width: 600px; padding-left: 180px; padding-right: 180px; padding-top: 40px; }
      .main-content { padding: 0px; }
        .post-title { text-align: right; color: #6b0000; }
          .post-title a {}
          .post-title a:hover {}
          .post-title a:visited { color: #6b0000; border-bottom: 1px dotted #6b0000; }
        .post-date { font-style: italic; text-align: right;
                    padding-bottom: 20px; }
        .post-body { padding-left: 0px; padding-right: 0px; }
        .post-category { color: #AAAAAA; text-align: right;
                        line-height: 18px;
                        border-bottom: 2px solid #CCCCCC;
                        vertical-align: text-bottom; }
        .post-tags { color: #AAAAAA; }
        .post { padding-bottom: 60px; }
      #main-container p { padding-bottom: 20px; }
      #main-container blockquote {
          background-image: url("images/6.gif");
          background-repeat: no-repeat;
          background-position: 100% 100%;
          margin-bottom: 20px; }
      #main-container blockquote p { padding-left: 2em; }
      #main-container blockquote p:first-child {
          background-image: url("images/5.gif");
          background-repeat: no-repeat;
          background-position-x: 0;
          background-position-y: 0; }
      #main-container blockquote p:last-child { padding-bottom: 0; }
      #page_nav {}
        .prev { width: 300px; text-align: left; }
        .next { width: 300px; text-align: right; }

#lower-container { width: 100%; }
  #footer {}
    #footer-content { padding-top: 10px; margin-left: auto; margin-right: auto; width: 960px; }
      #footer-left { width: 190px; padding-right: 10px; padding-left: 180px; }
      #footer-right { text-align: right; width: 390px; padding-left: 10px; padding-right: 180px; }
/* end the page ------------------------------------------------------------- */

/* page elements ------------------------------------------------------------ */

#content h3, h4 { font-size: 20px; line-height: 40px;
                  font-family: "Constantia", Georgia, "Times New Roman", serif; 
                  font-weight: normal; }
#content a { color: #6b0000; border-bottom: 1px dotted #6b0000; }
#content a:visited { color: #999999; border-bottom: 1px dotted #999999; }
#content a:hover { color: #FFFFFF; background-color: #6b0000; }
#content code { color: #000000; font-family: "Menlo", Courier New; }
#content ul { list-style: disc inside; padding-left: 1em; }
#content ol { list-style: decimal inside; padding-left: 1em; }
#content blockquote { padding-left: 2em; padding-right: 2em; }
#main-container blockquote { padding-left: 0; }

#lower a { color: #6b0000; border-bottom: 1px dotted #6b0000; }
#lower a:visited { color: #999999; border-bottom: 1px dotted #999999; }
#lower a:hover { color: #FFFFFF; background-color: #6b0000; }

/* end page elements -------------------------------------------------------- */

/* six elaborates */
/* main css file */
/* The design, layout, and content for "six elaborates" are copyright 2009,
   2010 by six and may not be reproduced. */
/* All rights are reserved. */
/* Contact: sixbymistake@gmail.com */