/*
Theme Name: Unpossibilities
Author:     Robert Venema
Author URI: http://www.robertvenema.nl/

  Unpossibilities
  http://www.robertvenema.nl/

  This theme was designed and built by Robert Venema,
  whose blog you will find at http://www.robertvenema.nl/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

*/

/* RESET
-------- */
* { border: 0; }

*,
  *:active,
  *:focus { outline:none; -moz-outline-style: none; }

body,
  h1,
  h2,
  h3 { margin: 0;
       padding: 0; }

/* GLOBALS
---------- */
body { color: #ceebeb;
       background: #2f3b3b url(images/body_background.jpg) top left;
       font: 72%/130% "Helvetica Neue","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }

/* REGULAR HTML TAGS
-------------------- */
a,
  a:hover,
  h2 a:hover,
  h3 a:hover { color: #94b3c5;
               text-decoration: none; }

acronym,
  abbr,
  span.caps { letter-spacing: .07em; }

blockquote { font-size: 95%;
             margin: 0;
             padding: 0;
             text-align: justify; }

blockquote p { margin: 0;
               padding: 0; }

cite,
  cite a { color: #abc666;
           font-style: normal;
           line-height: 150%;
           margin: 0;
           padding: 0; }
  cite a { text-decoration: underline; }

code { font: 11px/12px 'Courier New', Courier, 'Fixed'; }

pre { margin: 1em 0 1em 2em; }

dt { width: 90px;
     clear: left;
     float: left; }

h1,
  h1 a,
  h1 a:hover,
  h1 a:visited { color: #ceebeb;
                 font: 200% Arial,Helvetica,sans-serif;
                 letter-spacing: .01em;
                 text-shadow: #222 1px 1px 1px;
                 text-transform: uppercase; }

h2,
  h2 a,
  h2 a:visited { color: #94b3c5;
                 font: normal 1.25em Helvetica,Arial,sans-serif;
                 letter-spacing: .01em;
                 margin: 0.5em 0 0 0;
                 text-decoration: none;
                 text-transform: uppercase; }

h3 { color: #abc666;
     font: bold 1em "Trebuchet MS",Arial,Sans-Serif;
     letter-spacing: 2px;
     margin: .5em 0;
     text-transform: uppercase; }

h4 { color: #94b3c5;
     font: bold .95em "Trebuchet MS",Arial,Sans-Serif;
     letter-spacing: 2px;
     margin: 1.5em 0 1em 0;
     text-transform: uppercase; }

hr { display: none; }

em { color: #abc789;
     font-style: normal; }

small,
  strike { font-size: .85em;
           line-height: 1.5em; }

/* PAGE LAYOUT
-------------- */
#header-wrapper { height: 129px; }

#header-wrapper ul { margin-right: 14px;
                     list-style: none;
                     padding-left: 0;
                     margin-left: -10px;
                     margin-top: 10px; }

#header-wrapper ul li { float: left; }

#header-wrapper ul li a { font-weight: normal;
                          display: block;
                          line-height: 34px;
                          padding: 0 10px;
                          font-size: 14px;
                          color: #999;
                          text-shadow: #222 1px 1px 1px; }

#header-wrapper ul li a:hover { color: #fff; }

#header-wrapper ul li a.current { /*
                                  color: #555;
                                  background: #e4f2fd;
                                  -moz-border-radius-topleft: 3px;
                                  -khtml-border-top-left-radius: 3px;
                                  -webkit-border-top-left-radius: 3px;
                                  border-top-left-radius: 3px;
                                  -moz-border-radius-topright: 3px;
                                  -khtml-border-top-right-radius: 3px;
                                  -webkit-border-top-right-radius: 3px;
                                  border-top-right-radius: 3px;
                                  text-shadow: #c6d9e9 1px 1px 1px;
                                  */ }

#mid-wrapper { background-color: #3e4f4f;
               border-bottom: 1px solid #ceebeb; }

#footer { font-size: 0.9em;
          margin-bottom: 10px;
          text-align: center; }

#footer p a:hover { color: #b85b5a;
                    text-decoration: underline; }

#page { margin: 0 auto;
        text-align: left;
        width: 520px; }

#respond { margin-top: 2em; }

/* CLASSES
---------- */
.outer { width: 100%;
         margin: 0 auto;
         padding: 0; }

.wrapper { width: 520px;
           margin: 0 auto;
           padding: 0; }

.bigh2 { color: #ceebeb;
          font: 300% Arial,Helvetica,sans-serif;
          letter-spacing: .01em;
          text-shadow: #222 1px 1px 1px;
          text-transform: uppercase; }

.section { padding: 15px 0;
           clear: both;
           width: 520px;
           border-bottom: 1px solid #dadada; }

.commentmetadata { text-transform: lowercase; }

.description { color: #ceebeb;
               font: .9em Verdana,Arial,Helvetica,sans-serif;
               text-align: left;
               text-decoration: none;
               text-shadow: #222 1px 1px 1px;
               text-transform: uppercase; }

.navigation { /*background: #3e4f4f;*/
              color: #ceebeb;
              display: block;
              font-size: .95em;
              text-align: center;
              height: 22px;
              padding: 5px 5px 0 5px;
              text-transform: lowercase; }

.navigation .alignleft { float: left }

.navigation .alignright { float: right; }

.navigation a { color: #94b3c5;
                /*font-size: 1.2em;
                padding: 0;
                text-transform: uppercase;*/ }

.postmetadata { background-color: #e5ecc9;
                border: 1px solid #abc666;
                color: #2f3b3b;
                padding: 5px;
                text-align: center; }

.postmetadata ul,
  .postmetadata li { display: inline;
                     list-style-type: none;
                     list-style-image: none; }

.status { height: 20px;
          margin: 10px 0 0 0; }

.status span { font-size: 0.85em;
               padding: 5px;
               text-transform: uppercase; }
               
.status span.hot       { background-color: #b85b5a; }
.status span.fresh     { background-color: #abc666; }
.status span.microwave { background-color: #b88b5a; }
.status span.cold      { background-color: #7996a7; }

/* PAGE NAVIGATION
------------- */
#nav { list-style: none;
       margin-bottom: 35px;
       margin-top: 35px;
       padding: 0;
       width: 520px;
       height: 15px; }

#nav li { display: block;
          float: left;
          font: normal 1.15em Helvetica,Arial,sans-serif;
          letter-spacing: .01em;
          padding-right: 1em;
          text-transform: uppercase; }

#nav .current_page_item a,
  #nav .current_page_item a:visited { color: #94b3c5;
                                      text-decoration: underline; }

#nav .page_item a { color: #abc666;
                    text-decoration: none; }
                    
#nav .page_item a:hover { text-decoration: underline; }

/* ENTRY POST
------------- */
.entry { margin: 1em 0; }

.entry img { border: 1px solid #4e6973;
             padding: 5px;
             background: #2f3b3b;
             margin: 5px 0 0 0; }

.entry img.intext { float: left;
                    margin: 2px 5px 5px 0; }

.entry a.more-link { background: url(images/bullet_go.gif) no-repeat right center;
                     padding: 2px 18px 2px 0; }

.post { margin-bottom: 2.5em;
        text-align: justify; }

.post p { clear: both;
          margin-bottom: 1.25em; }

.post code { color: #94b3c5; }

.post a,
  .post a:hover { color: #b85b5a;
                  text-decoration: underline; }

.post p a:visited { color: #b85b5a;
                    text-decoration: none; }

.post h2 a,
  .post h2 a:link,
  .post h2 a:visited { color: #94b3c5;
                       border: 0;
                       text-align: left;
                       text-decoration: none; }

.post h2 a:hover { color: #b85b5a;
                   text-decoration: none; }

.posted { color: #abc666;
          font-size: .85em;
          line-height: 150%;
          margin-bottom: 1em;
          text-transform: lowercase; }

.posted a,
  .posted a:link,
  .posted a:visited { color: #abc666; }

.posted a:hover { color: #b85b5a; }

/* COMMENT
---------- */
#commentlist { margin-bottom: 2em; }
#commentlist blockquote p { margin: 0 0 5px 0; }

h3.comments-header { font-size: 1.25em;
                     letter-spacing: .01em; }

#comment,
  #author { /*
            background: #3e4f4f;
            border: 1px solid #4e6973;
            */
            margin: 0 0 2px 0;
            padding: 10px; }

#author { background-color: #e5ecc9;
          border: 1px solid #abc666;
          color: #2f3b3b; }

#author a,
  #author a:hover,
  #author cite { color: #b85b5a; }

/* LISTS
-------- */
html>body .entry ul { margin-left: 0px;
                      padding: 0 0 1.3em 30px;
                      list-style: none;
                      padding-left: 10px;
                      text-indent: -10px; }

html>body .entry li { font-size: .85em;
                      font-weight: normal;
                      margin: 2px 0 2px 10px;
                      text-transform: uppercase; }

.entry ul li:before { content: "\00BB \0020"; }

.entry ol { padding: 0 0 0 35px;
            margin: 0; }

.entry ol li { margin: 0;
               padding: 0; }

/* FORMS
-------- */
#commentform p,
  #commentform label,
  #contactform p,
  #contactform label { margin: 0;
                       padding: 0;
                       text-transform: none; }

#commentform label,
  #contactform label { margin-left: 2px; }

#commentform input,
  #commentform textarea,
  #contactform input,
  #contactform textarea { background-color: #d6eaeb;
                          color: #2f3b3b;
                          border: 1px solid #3e4f4f;
                          font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
                          font-size: 0.9em; }

#commentform input,
  #contactform input { width: 170px;
                       padding: 2px;
                       margin: 2px 0 0 0; }

#commentform textarea,
  #contactform textarea { width: 514px;
                          margin: 2px 0 2px 0;
                          padding: 2px; }

#commentform #submit,
 #contactform #submit { margin: 0;
                        float: right; }

/* END
------ */