/* GENERIC */

p em { font-style:italic; }

  /* MAIN HEADER */

div#header {
  width:500px;
  margin:0 auto;
}

div#header h1 {
  background: url("../gfx/h1.png") no-repeat bottom left;
  width:380px;
  text-indent:-9999px;
  height:280px;
  display:block;
  margin:0 auto;
}

  /* MAIN CONTENT */

div#main_content {
  width:500px;
  margin:0 auto;
  padding:10px;
}

  /* INTRO and OM */

div#intro p, div#om p {
  font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  font-size:16px;
  color:#333;
}

    /* INTRO */

div#intro p {
  margin: 0px 0px 40px 0px;
}

  /* NOTIFICATION */


.error {
  font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  display:none;
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../gfx/error.png');
}

    /* OM */

div#om p {
  margin: 0px 0px 15px 0px;
  line-height:1.3;
}

.keyword { background:#fff9d8; padding:0px 0px 2px 0px;}

div#om h2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size:26px;
  margin:0px 0px 20px 0px;
  letter-spacing:-1px;
}

div#om ul { margin:0px 0px 10px 0px; }
div#om ul li {
  color:#376cde;
  list-style-type:square;
  list-style-position:outside;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  font-size:16px;
  margin:0px 0px 5px 0px;
}

  /* ADD THOUGHT FORM */

div#add_thought {
  position:relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:#dcdcdc;
  padding:10px;
  margin:0px 0px 40px 0px;
}

input#submit_thought {
  position:absolute;
  right:15px;
}

textarea#thought {
  font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  font-size:0.9em;
}

  /* THOUGHTS */

div.thought {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:#376cde;
  margin:10px 0px 10px 0px;
  padding:10px;
}

div.thought.odd { background: #73a228; }

div.thought p {
  font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  font-size:12px;
  color:#f1f1f1;
}

div.thought small { 
  font-size:0.6em; 
  font-family:sans-serif; 
  display:block; 
  margin-top:10px; 
}

div.thought small a { color:#000; text-decoration:none; }
div.thought small a:hover { text-decoration:underline; }

  /* PAGINATION */

div#pagination {
  text-align:center;
  margin-top:25px;
}

div#pagination a { color:#000; text-decoration:none; border:1px solid #dcdcdc; padding:2px; font:10px "Arial"; }
div#pagination a:hover { background:#f1f1f1; }
div#pagination strong { color:#666; font-weight:bold; }

  /* FOOTER AND RELATED FIXES */

* { margin:0; }

html, body {
  height: 100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
#footer, .push {
    height: 4em;
    text-align:center;
}

#footer { background:#000; }
#footer p { font:12px "Arial"; color:#fff; padding:8px;}

#footer p a { color:#73a228; text-decoration:none; }
#footer p a:hover { color:#376cde; }