/*******************************
 *      www.passivist.net      *
 *******************************/

* {                           margin: 0;
                              padding: 0; }
                              
body {                        font-size: 75%; }

.invisible {                  margin: 0;
                              padding: 0;
                              border: none; }


/********************************
 *            LAYOUT            *
 ********************************/

#wrapper {                    width: 1000px;
                              margin: 10px auto 0 auto; }

#header {                     width: 1000px;
                              height: 200px;
                              background: url(./img/header.png) no-repeat; }
                              
#title {                      width: 250px;
                              float: right;
                              padding-top: 50px;
                              text-align: center; }
                              
#login {                      width: 200px;
                              height: 150px;
                              float: right;
                              text-align: right; }

#navi {                       width: 1000px;
                              margin-bottom: 15px; }

#bottomArch {                 width: 1000px;
                              height: 25px;
                              background: url(./img/bottom.png) no-repeat; }

#bottomWrap{                  width: 996px;
                              border: solid #a8c569;                            /* green */
                              border-width: 0 2px; }

#comments {                   width: 700px;
                              float: left; }
                
#info {                       width: 275px;
                              float: left; }

#comicslist {                 width: 698px;
                              float: left; }
                              
#footer {                     clear: both;
                              padding-bottom: 1px; }                            /* Fix problem with FF */


/********************************
 *             TEXT             *
 ********************************/
 
h1 {                          font-family: arial, sans-serif;
                              font-size: 2.7em; }
                              
  h1 a {                      text-decoration: none;
                              color: #505050; }                                 /* blackish */
  h1 a:visited {              color: #505050; }                                 /* blackish */
  h1 a:hover {                color: #000000; }
 
p {                           margin: 5px;
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              color: #505050; }                                 /* blackish */
              
p.error {                     margin-top: 5px;
                              font-weight: bolder;
                              color: #f24928; }                                 /* red */

p.success {                   font-weight: bolder;
                              color: #30e030; }                                 /* greenish */
                              
p.just {                      display: block;
                              clear: both;
                              text-align: justify; }
                              
  p.just a:link,
  p.just a:visited {          color: #505050; }                                 /* blackish */
  p.just a:hover {            color: #000000; }


p.logintexts {                margin: 8px 12px 7px 5px; }

  p.logintexts * {            font-family: arial, sans-serif;
                              font-size: 0.8em;
                              color: #5a5a00; }                                 /* natural green */

  p.logintexts strong {       font-size: 1.3em; }

p.summary {                   margin: 10px 0 0 10px; }

#register p.error {           width: 300px;
                              float: right;
                              margin-right: 50px !important;                    /* For FF & Opera */
                              margin: 35px 20px 0 0;
                              font-weight: bolder;
                              color: #f24928; }                                 /* red */

#info p a:link,
#info p a:visited {           color: #505050; }                                 /* blackish */
#info p a:hover {             color: #000000; }

#navi, #info {                text-align: center;
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              color: #505050; }                                 /* blackish */
                              
#footer {                     padding-top: 5px;
                              text-align: center;
                              font-family: arial, sans-serif;
                              font-size: 0.8em; }

  #footer p a:link,
  #footer p a:visited {       color: #505050; }                                 /* blackish */
  #footer p a:hover {         color: #000000; }

strong {                      font-weight: 800; }

/********************************
 *            IMAGES            *
 ********************************/
 
img.comic {                   display: block;
                              margin: 25px auto; }
              
img {                         border: 0px; }


/********************************
 *             FORM             *
 ********************************/
 
/* commenting a strip */
div#addComment {              width: 700px;
                              margin-bottom: 15px; }

legend.addComment {           margin-bottom: 5px;
                              padding: 0 5px;
                              border: dotted #a8c569;                           /* green */
                              border-width: 0 1px;
                              background-color: #ffffff; }
                          
fieldset.addComment {         margin: 0 10px;
                              padding: 0.6em 0.6em 1.0em 0.6em;
                              border: 1px dotted #a8c569;                       /* green */
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              color: #5a5a00; }                                 /* natural green */
                              
label.addComment {            width: 12em;
                              display: block;
                              float: left;
                              margin-right: 0.3em;
                              padding: 0.3em 0;
                              border-bottom: 1px dotted #a8c569; }              /* green */

input.addComment,
textarea.addComment,
select.addComment {           margin: 0.2em 0;
                              padding: 0.1em;
                              border: 1px solid;
                              border-color: #5a5a00 #a8c569 #a8c569 #5a5a00;
                              background-color: #e9fbc4;                        /* light green */
                              color: #5a5a00; }                                 /* natural green */

input.addComment {            width: 11em; }

textarea.addComment {         overflow: hidden;
                              width: 25.8em; }

select.addComment {           width: 4em;
                              float:left;
                              padding: 0;
                              text-align: center; }

#addCommentButton {           width: 7em;
                              float: left;
                              margin-left: 194px !important;
                              margin-left: 205px;
                              padding: 0.2em 0;
                              border: 1px solid;
                              border-color: #a8c569 #5a5a00 #5a5a00 #a8c569; }

p.addComment {                width: 150px;
                              margin: 0;
                              padding: 0;
                              border-bottom: 1px dotted #a8c569;
                              color: #5a5a00; }                                 /* natural green */


/* login box on the top-right corner */
form#loginform {              margin: 0.5em 0.5em 0 0.5em;
                              font-family: arial, sans-serif;
                              color: #5a5a00; }                                 /* natural green */

  form#loginform .submit {    margin: 2px 5px 0 auto;
                              padding: 2px;
                              border: 1px outset #d7b9c9;                       /* purple */
                              background-color: #ddf3ae; }                      /* midtone green */


/* keyword search on the navibar */
#navi form * * {              padding: 1px;
                              background-color: #ddf3ae;                        /* midtone green */
                              color: #5a5a00; }                                 /* natural green */

.searchkey {                  width: 15ex;
                              margin-top: 5px;
                              border-color: #5a5a00 #a8c569 #a8c569 #5a5a00; }

.searchsub      {             width: auto;
                              border: 1px solid;
                              border-color: #a8c569 #5a5a00 #5a5a00 #a8c569; }

                              
/* Form for adding a new strip / editing old strips data (authors only). */
div.addComic {                width: 696px;
                              float: left;
                              margin-top: 15px;
                              border: 2px solid #a8c569; }                      /* green */

fieldset.addComic {           margin: 0.5em;
                              padding: 0.5em;
                              border: 1px dotted #a8c569;                       /* green */
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              color: #5a5a00; }                                 /* natural green */

legend.addComic {             margin-bottom: 5px;
                              padding: 0 5px;
                              border: dotted #a8c569;                           /* green */
                              border-width: 0 1px;
                              background-color: #ffffff; }

label.addComic {              width: 400px;
                              display: block;
                              float: left; }

input.addComic {              width: 400px;
                              margin-bottom: 2px;
                              border: 1px solid #a8c569;                        /* green */
                              background-color: #ddf3ae;                        /* midtone green */
                              color: #5a5a00; }                                 /* natural green */

.submitcms {                  width: auto;
                              margin: 5px;
                              padding: 2px;
                              display: block;
                              border: 1px outset #d7b9c9;                       /* purple */
                              background-color: #ddf3ae; }                      /* midtone green */

              
/* Forms for registration and password retrieval */
div#register {                width: 696px;
                              float: left;
                              margin: 15px 0 10px 0;
                              border: 2px solid #a8c569; }                      /* green */

                              
fieldset.register {           width: 310px;
                              float: left;
                              margin: 0.5em 0 0.5em 0.5em;
                              padding: 0.5em;
                              border: 1px dotted #a8c569;                       /* green */
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              color: #5a5a00; }                                 /* natural green */

legend.register {             margin-bottom: 5px;
                              padding: 0 5px;
                              border: dotted #a8c569;                           /* green */
                              border-width: 0 1px;
                              background-color: #ffffff; }

label.register {              width: 150px;
                              display: block;
                              float: left; }

input.register {              width: 150px;
                              margin-bottom: 2px;
                              border: 1px solid #a8c569;                        /* green */
                              background-color: #ddf3ae;                        /* midtone green */
                              color: #5a5a00; }                                 /* natural green */
                              
.regsubmit {                  width: 140px;
                              display: block;
                              float: left;
                              margin: 5px;
                              padding: 2px;
                              border: 1px outset #d7b9c9;                       /* purple? */
                              background-color: #ddf3ae; }                      /* midtone green */
                              
.forgotsubmit {               width: 152px;
                              display: block;
                              float: right;
                              margin: 3px 8px !important;
                              margin: 3px;
                              padding: 2px;
                              border: 1px outset #d7b9c9;                       /* purple? */
                              background-color: #ddf3ae; }                      /* midtone green */


/* general stuff */

input{                        width: 6em;
                              border: 1px solid #a8c569;                        /* green */
                              background-color: #ddf3ae;                        /* midtone green */
                              margin-bottom: 2px;
                              color: #5a5a00; }                                 /* natural green */

label.text {                  width: 6em;
                              float: left;
                              display: block; }

/********************************
 *            LISTS             *
 ********************************/
 
/* List for comments of the strips. */
#comment_list {               width: 700px;
                              padding: 0 10px;
                              list-style-type: none; }

  #comment_list li {          margin-bottom: 5px;}
                              
    #comment_list li p {      margin-left: 0; }

.author_comment {             width: 660px;
                              padding: 8px;
                              border: 2px solid #427d31;                        /* dark green */
                              background-color: #a8c569; }                      /* green */

.user_comment1 {              width: 660px;
                              padding: 10px;
                              background-color: #ffffff; }
.user_comment2 {              width: 660px;
                              padding: 10px;
                              background-color: #e9fbc4; }                      /* light green */

h3 {                          margin: 0 0 5px 0;
                              font-family: arial, sans-serif;
                              font-size: 1em;
                              font-weight: lighter; }
                              

/* List for navilinks on right hand menu. */
#navi_list {                  margin: 15px 0;
                              list-style-type: none; }

  #navi_list li a {           text-decoration: none;
                              color: #505050; }                                 /* blackish */

  #navi_list li a:visited {   color: #505050; }                                 /* blackish */
  #navi_list li a:hover {     color: #000000; }


/********************************
 *            TABLES            *
 ********************************/

table.archive {               margin: 15px auto;
                              border: 2px solid #a8c569;                        /* green */
                              border-collapse: collapse; }

  .archive * {                padding: 3px;
                              font-family: arial, sans-serif;
                              font-size: 1em; }
                              
    .archive * a {            color: #5a5a00; }                                 /* natural green */

th a {                        text-decoration: none; }

tr.odd {                      background-color: #e9fbc4; }                      /* light green */
tr.even {                     background-color: #ffffff; }

td {                          padding: 1px 5px; }