/** @file
 *
 * @brief Sea light
 *
 */

/* Copyright 2003-2005 Maxime Petazzoni
 *
 * This file is part of Zwe.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2 of
 * the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
 *
 */

*
{
  font-size: small;
  font-family: sans-serif;
  color: black;
}

body
{
  background: white;
  margin: 0 20% 2em 20%;
  padding: 0;
}

/** Images.
   */
img
{
  border: none;
  max-width: 100%;
}

img.imgleft
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.imgright
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/** Page title.
   */
h1#title
{
  background: #7d93bc;
  margin: 2em 0;
  padding: 1em;
  text-align: right;
}

h1#title a
{
  color: white;
  font-size: xx-large;
  font-weight: bold;
  font-family: monospace;
}

/** Links.
   */
a
{
  color: #475e8a;
  text-decoration: none;
  font-weight:normal;
}

a:link, a:visited
{
  color: #475e8a;
}

a:active, a:hover
{
  color: #900;
}

/** Main structures.
   */
#page, #bottom, #auth, #actions
{
  border-left: 1px #475e8a solid;
  border-right: 1px #475e8a solid;
}

#page
{
  padding: 1em;
}

/** Bottom box.
   */
#bottom
{
  border-bottom: 1px #475e8a solid;
  text-align: center;
}

#bottom ul
{
  margin: 0;
  list-style: none;
}

#bottom ul li
{
  font-size: smaller;
  color: #aaa;
}

#bottom ul li a
{
  font-size: smaller;
}

span.pageinfo
{
  margin: 1em;
}

span.pageinfo, span.pageinfo a
{
  font-style: italic;
  font-size: smaller;
}

/** Global blog definitions.
   */
div.parag, div.head, div.draft
{
  overflow: hidden;
  text-align: justify;
  margin-bottom: 2em;
}

div.parag:hover a, div.head:hover a, div.draft:hover a
{
  color: #900;
}

/** Blog title
   */
div.parag h2, div.head h2, div.draft h2, div.fortune h2
{
  color: #900;
  text-align: left;
  margin: 0;
  padding: 0.2em;
  font-size: 142%;
  font-weight: normal;
  border-bottom: 1px #aaa solid;
}

/** Blog info.
   */
div.parag h5, div.head h5, div.draft h5, div.fortune h5
{
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: normal;
  font-style: italic;
}

h5 span, h5 a
{
  font-size: smaller;
}

h5 span.author:after
{
  content: ' - ';
}

h5 span.category:before
{
  content: ' - ';
}

p#categories, p#authors
{
  text-align: right;
  font-size: smaller;
  margin: 0.2em;
}

p#categories a, p#authors a
{
  font-size: smaller;
}

p#categories a.active, p#authors a.active
{
  font-weight: bold;
}

/** Blog links.
   */
div.parag h6
{
  font-weight: normal;
  font-size: smaller;
  margin: 0;
  margin-bottom: 1em;
  padding: 0.3em;
  border: 1px #ccc solid;
  background: #f4f4f4;
}

h6 a
{
  font-size: smaller;
}

/** Blog date separators
   */
div.datesplit
{
  text-align: right;
  font-weight: bold;
  border-bottom: 1px black solid;
  margin: 1em 0;
}

/** Menus.
   */
ul.menu
{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.menu#top
{
  position: absolute;
  top: 6em;
  left: 20%;
  right: 20%;
  background: #7d93bc;
  border-bottom: 5px #475e8a solid;
  padding: 3px;
  margin: 5px 0 0 0;
  color: #FFFFFF;
}

ul.menu#top a
{
  color: #EEEEEE;
  font-weight: bold;
}

ul.menu#top li
{
  float: left;
  border-right: 1px white solid;
  margin: 0;
  padding: 0.3em 1em;
}

ul.menu#top li:hover, ul.menu#top li.active
{
  background: #475e8a;
}

ul.menu#top li:hover a
{
  color: #fc6;
}

ul.menu#left, ul.menu#right
{
  display: none;
}

ul.menu li
{
  padding: 0.2em;
}

ul.menu li.active, ul.menu li.active a
{
  font-weight: bold;
}

ul.menu li.separator
{
  border-bottom: 1px #888 solid;
}

/** Auth and action bars.
   */
#auth
{
  padding-top: 1em;
  padding-bottom: 0.2em;
}

#auth span#authlinks
{
  display: block;
}

#auth span#authlinks a
{
  font-size: smaller;
}

#auth span#authform
{
  display: inline;
}

#actions
{
  padding-bottom: 1em;
}

#actions, #auth
{
  padding-left: 1em;
}

/** Code box
   */
div.cmd
{
  border-left: 2px #475e8a solid;
  padding: 0 1em;
  margin-left: 1em;
}

div.cmd pre
{
  color: #555;
}

/** Quote
   */
div.quote
{
  background-image: url("../interface/quote.png");
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 1px #aaa solid;
  margin: 1em 0;
  padding: 0 1em 0.5em 30px;
  font-family: monospace;
}

/** Quote author
   */
div.quote h6
{
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: right;
  font-size: smaller;
  border: none;
  background: white;
}

div.fortune p
{
  font-family: monospace;
}

/** Forms
   */
form
{
  margin: 0;
  padding: 0;
}

input
{
  padding: 2px;
  border: 1px #aaa solid;
}

input[type=text]
{
  width: 90%;
}

input:hover, input:focus
{
  border: 1px #888 dotted;
}

input.auth
{
  width: 5em;
  padding: 1px;
}

input.auth[type=submit]
{
  width: 3em;
  padding: 0;
  background: white;
}

input[disabled]
{
  color: #ccc;
}

textarea
{
  font-family: monospace;
  padding: 2px;
  border: 1px #aaa solid;
  width: 90%;
}

textarea.hover,textarea:focus
{
  border: 1px #888 dotted;
}

textarea.blogtitle
{
  height: 2.6em;
}

textarea.blogintro
{
  height: 10em;
}

textarea.blogbody
{
  height: 30em;
}

textarea.menucontents
{
  height: 12em;
}

select
{
  border: 1px #ccc dotted;
}

/** Tables
   */
thead
{
  font-weight: bold;
}

thead td
{
  padding: 0.2em;
  margin-bottom: 1em;
  border-bottom: 1px #888 solid;
}

td.left
{
  width: 20%;
}

td.middle
{
  width: 30%;
}

td.right
{
  width: 20%;
  text-align: right;
}

td.small
{
  width: 5%;
  text-align: center;
}

td.area
{
  width: 80%;
}

/** Text formatting
   */

tt,pre
{
  font-family: monospace;
}

p
{
  text-align: justify;
}

p.left
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

p.right
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

p.inpageask
{
  margin: 1em;
  padding: 0.2em;
  text-align: right;
  font-style: italic;
  color: #ccc;
  font-size: smaller;
}

p.inpageask a
{
  font-size: smaller;
}

div.clear
{
  clear: both;
}

p#error
{
  margin: 2em;
  text-align: center;
  color: red;
  font-weight: bold;
}

span#autherror
{
  color: red;
  font-size: smaller;
  font-weight: bold;
  padding: 0 1em;
}

/** Comments.
   */
dl.comment dt
{
  padding: 6px;
  margin-bottom: 0;
  border: 1px #ccc solid;
  background: #f4f4f4;
}

span.commentauthor
{
  font-weight: bold;
}

dl.comment dt.admin span.commentauthor
{
  color: #900;
}

span.commentdate
{
  display: block;
  font-size: smaller;
  color: #aaa;
  font-style: italic;
}

span.commentinfo
{
  font-size: smaller;
  font-style: italic;
}

span.commentinfo:before
{
  content: ' ( ';
}

span.commentinfo:after
{
  content: ' ) ';
}

span.commentinfo a
{
  font-size: smaller;
}

dl.comment dd
{
  margin: 0;
  padding-top: 0;
  padding-left: 1em;
  text-align: justify;
}

/** Tribune.
   */
dl.tribune dt
{
  font-family: monospace;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

dl.tribune dd
{
  margin-left: 12%;
  margin-bottom: 0.3em;
}

dl.tribune p
{
  margin: 0;
  padding: 0;
}

/** Form lists.
   */
dl.form dt
{
  float: left;
  margin-right: 1em;
}

dl.form dt.needed
{
  font-weight: bold;
}

dl.form dd
{
  margin-left: 25%;
  margin-bottom: 0.3em;
}

dl.adminlist dt
{
  float: left;
  margin-right: 1em;
  font-weight: bold;
}

dl.adminlist dd
{
  margin-left: 20%;
  margin-bottom: 0.3em;
}

/** Archives
   */
ul.archives
{
  list-style: none;
  padding: 0;
}

ul.archives li.day
{
  font-weight: bold;
}

ul.dayitems
{
  list-style: none;
  margin: -1.1em 0 0.5em 2em;
  padding: 0;
}

ul.dayitems li.archiveentry
{
  background-image: url("../interface/puce.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

/** Color items.
   */
span.module#active
{
  color: green;
}

span.module#inactive
{
  color: red;
}

span.stylesheet#active
{
  color: green;
}

span.stylesheet#cssdefault
{
  color: #099;
}

span.stylesheet#inactive
{
  color: red;
}