/*
   flipflip industries -- CSS for OddMuse
   Copyright (c) 2007 Philippe Kehl <flipflip at gmx dot net>
*/


/* ***** set some sane defaults ******************************************** */

* { margin: 0; padding: 0; }


/* ***** fonts ************************************************************* */

body { font-family: Verdana, Helvetica, sans-serif; font-size: 100%; }

code, pre, textarea, tt, tt a, a.download, div.diff div.old, div.diff div.new,
div.content.version {
 font-size: 100%; font-family: "Andale Mono", Monaco, "Courier New", monospace; }


/* ***** basic page setup ************************************************** */

body { margin: 49px 10pt 25pt 10pt; padding: 0; border-top: 2px solid #000;
       background-color: #fff; color: #000; }


/* ***** header ************************************************************ */

div.header { padding: 2.5em 0 4pt 0; margin: 0; }
div.header h1 { font-size: 225%; font-weight: bold; letter-spacing: 0.1em;
                font-style: italic; padding: 2pt 5pt 2pt 10pt;
                text-align: center; }
div.header h1 a { text-decoration: none; color: #000; cursor: text; }
div.message { border: 1px solid #ccf; padding: 2pt;
              position: absolute; top: 10px; left: 10pt;}
/* div.message:before { content: "Note: "; font-size: 50%;} */
div.header p.subtitle { font-style: italic; letter-spacing: 0.07em;
                        padding: 0 4pt 0 10pt; text-align: center; } /* smarttitles.pl */
span.gotobar a:first-child { display: none; }
span.gotobar a { padding: 0 0.25em; }
div.header span.gotobar { font-size: 85%;
                 position: absolute; left: 10pt; top: 52px; border: 1px; }
img.logo { position: absolute; right: 10pt; top: 6px; border: 0; }

div.navbar { font-size: 85%; position: absolute; left: 10pt; top: 52px;
             margin-left: 7%; width: 90%; }
div.navbar a { padding: 0 0.25em; }


/* ***** content div ******************************************************* */

div.wrapper { padding: 10pt; }
div.content { }
div.rc { }
div.rc hr:first-child { display: none; }
div.wrapper.close { clear: both; padding: 0; } /* flush floats */


/* ***** footer ************************************************************ */

div.footer { border-top: 2px solid #000; border-bottom: 1px solid #000;
             padding: 0.25em; padding-top: 0.5em;
             margin: 0; text-align: center; font-size: 80%; }
div.footer span.gotobar { float: right; }
div.footer hr { padding: 0; margin: 0; display: none; }
span.edit.bar br { display: none; }
span.edit.bar { margin-left: 2pt; display: block; margin-bottom: 2pt;
                text-align: left; }
span.edit.bar a { padding: 1pt 2pt 0pt 2pt; }
div.footer span.time { margin-left: 4pt; display: block; margin-bottom: 2pt;
                       float: left; }
div.footer span.time br { display: none; }
div.footer span.time a { padding: 1pt 2pt 0pt 2pt; }
form.search { text-align: right; margin-right: 2pt; }
div.footer label { }
/*div.footer input { }*/
p.footernote { text-align: center; clear: both; }
p.footernote a {  }


/* ***** headings and paragraphs ******************************************* */

h2, h3, h4 { font-style: italic; font-weight: normal; line-height: normal;
             margin-bottom: 0.5em; }
h2 { border-bottom: 1px dashed #000; font-size: 160%;
     padding: 0 0.5em 0 0.25em; }
div.wrapper p { margin: 0; margin-bottom: 0.5em; text-align: justify; }
p + h2, p + h3, p + h4,
table + h2, table + h3, table + h4,
pre + h2, pre + h3,
pre + h4, dl + h2, dl + h3, dl + h4, 
ul + h2, ul + h3, ul + h4, div + h2, div + h3,
div + h4 { margin-top: 1em; } /* FIXME: ugly, isn't it? */)



/* ***** search results page *********************************************** */

div.content.search span.result { font-size: 120%; font-style: italic; }
div.content.search span.info { font-size: 80%; }
div.content.search span.info a { }


/* ***** links ************************************************************* */

a         { color: #00a; text-decoration: none; }
a:active  { color: #f00; }
a:visited { color: #009; }
a:hover   { color: #00f; text-decoration: underline; }
a.newwindow:after { content:url(/images/external.png); padding-left: 5px; }
a.newwindow:hover, a.outside:hover { }
a.inter span.site { color: #8582BB; }
a.inter span.page { padding-left: 2pt; }
a.inter:after { content:url(/images/external.png); padding-left: 5px; }
a.download { padding: 0 0.25em; }
 { color: #00f; background-color: #ddd; text-decoration: none; }
a.download:hover, a.local:hover, a.author:hover,
a.admin:hover, a.edit:hover, a.history:hover, a.diff:hover,
div.toc a:hover {
   text-decoration: none; background-color: #ddd; color: #00f; }


/* ***** lists ************************************************************* */

ul, ol { margin-left: 1.25em; margin-bottom: 0.5em; }
li { list-style-position: outside; }
ul { list-style-type: square; }
ul ul, ol ul { list-style-type: circle; }
ul ul ul, ol ul ul, ol ol ul, ul ol ul { list-style-type: disc; }
dl { margin-bottom: 0.5em; }
dt { float: left; clear: both; padding: 0; padding-bottom: 0.125em;
     padding-right: 1em; min-width: 8em; /*margin-bottom: 5em; NO! */}
dd { padding: .5em; padding: 0; padding-bottom: 0.125em; }
div.navbar dl { margin-bottom: 0; }
div.navbar dt { min-width: 1em; font-weight: bold; }


/* ***** various stuff ***************************************************** */

hr { border: 1px dotted #939843; margin: 1em 0 1em 0; }
pre { margin-bottom: 0.5em; padding: 0.25em;
      background-color: #eee; border: 1px dashed #aaa;
      width: 99%; overflow: auto; /* max-height: 20em; */ }
code { white-space: pre-wrap; }
input { border: 1px solid #000; padding-left: 0.25em; padding-right: 0.25em; }
div.error h1 { font-size: 12pt; font-weight: normal; color: #f00; }


/* ***** diffs ************************************************************* */

div.diff { border: 1px solid #939843; padding: 0.25em; }
div.old { background-color: #ffa; color: #000; }
div.new { background-color: #cfc; color: #000; }
div.diff strong { font-weight: normal; font-style: italic; }
div.diff div.new strong, div.diff div.old strong { font-style: normal; color: #f00; font-weight: bold; }

/* ***** edit page ********************************************************* */

div.edit textarea { width: 100%; padding: 0.25em; background-color: #eee;
                    border: 1px solid #000; }
div.edit #text { height: 30.25em;  }
div.edit #summary { height: 1.25em; }


/* ***** image.pl extension (FIXME: this is a mess) ************************ */

img { border: none; padding: 0; }

/* images without caption */
.right { float: right; margin-left: 0.5em; margin-bottom: 0.5em; }
.left { float: left; margin-right: 0.5em; margin-bottom: 0.5em; }
a.centre img { margin-left: auto; margin-right: auto; display: block; }
.right img, .left img, .centre img { border: 1px dotted #000;
                                     padding: 0.25em; 
                                     background-color: #; }

/* images with caption */
div.left .left, div.right .right, div.centre .centre { float: none; margin: 0; }
div.left img, div.right img, div.centre img { border: none; padding: 0; }
div.image        { border: 1px dotted #000; margin-bottom: 0.5em;
                    background-color: #ddd; line-height: 100%; }
div.image.centre { text-align: center;  padding: 0.25em; }
div.image.centre img { display: inline; }
div.image.left   { margin-right: 0.5em; padding: 0.25em; }
div.image.right  { margin-left: 0.5em; padding: 0.25em; }
div.image.small { width: 13em; }
.small img       { width: 13em;  }
span.caption { padding: 0; margin: 0; font-size: 80%; text-align: left; }
a.image { background-color: #fff; padding: 0; }

/* lightbox.js stuff */

#lightbox { background-color:#eee; padding: 10px;
            border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; display: none; }
#lightboxCaption { float: left; display: none; }
#closeButton { display: none; }
#keyboardMsg { float: right; display: none; }
#lightbox img { border: none; }
#overlay img { border: none; }
#overlay { background-image: url(/images/overlay.png); }
* html #overlay { background-color: #000; back\ground-color: transparent;
                  background-image: url(/images/blank.gif);
                  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale"); }


/* ***** custom divs and spans ********************************************* */

div.centre { margin-left: auto; margin-right: auto; text-align: center; }
div.centre p { text-align: center; }
div.smalltext, span.small { font-size: 80%; }
div.largetext, span.large { font-size: 120%; }
div.grey, div.grey a, span.grey, span.grey a { color: #4E5123; }
div.bold { font-weight: bold; }
div.red, span.red { color: #F10C0C; }
div.green, span.green { color: #00C600; }
div.border, span.border { border: 1px dotted #939843; padding: 0.25em; }
div.right, span.right { float: right; margin-left: 0.25em; }
div.left, span.left { float: left; margin-right: 0.25em; }
div.italic, span.italic { font-style: italic; }
div.narrow { width: 25em; }
div.warning { border: 2px dashed #F10C0C; background-color: #FF8484;
              padding: 0.5em; margin: 0 2em 0.5em 2em; }

div.bigtoc { margin: 2em 5em; border-bottom: 1px dashed #000; }
div.bigtoc h2 { text-align: center; }
div.bigtoc li { margin-bottom: 0.5em; /* list-style-type: circle; */ }

div.toc { margin: 2em 30%; border: 1px dashed #000; font-size: 85%; }
div.toc ol { margin-left: 3em; }
div.toc h2 { text-align: center; }

div.reklame { margin: 2em 5em; border: 1px dotted #777; }
div.reklame p { text-align: center; color: #777; }
div.reklame p:first-child { font-size: 85%; letter-spacing: 0.4em; }



/* ***** tables ************************************************************ */

/* usemod.pl */

table.user { margin: 0 auto 0.5em auto; padding: 0;
             border: 1px solid #000; border-collapse: collapse; }
table.user td, table.user th { margin: 0; padding: 0.1em 0.25em 0.1em 0.25em;
                               border: 1px dotted #000; }

/* tables-long.pl  */

table.user.long { }
table.user.long.left, table.user.long.right { display: inline; }
table.user.long.left  { float: left; margin-right: 0.5em; }
table.user.long.right { float: right; margin-left: 0.5em; }
table.user.long.full  { margin-left: 0; margin-right: 0; width: 100%; }
table.user.long th, table.user.long td { text-align: left; }
table.user.long th, table.user.long td.head { font-style: italic;
   font-weight: bold; border-bottom-style: solid; background-color: #ddd; border-style: solid;}
table.noborder { border: none; }
table.long td.mark, table.long th.mark { background-color: #D1D39F; }
table.long td.c, table.long th.c { text-align: center; }
table.long td.l, table.long th.l { text-align: left; }
table.long td.r, table.long th.r { text-align: right; }
table.long td.j, table.long th.j { text-align: justify; }
table.long td.green, table.long th.green { background-color: #65FF65; }
table.long td.yellow, table.long th.yellow { background-color: #FFFF65; }
table.long td.red, table.long th.red { background-color: #FF8484; }
table.long td.bred { border: 1px solid #F10C0C; }
table.long td.bgreen { border: 1px solid #00C600; }
table.long td.byellow { border: 1px solid #E7E700; }
table.long td.eightem { width: 8em; }



/* ***** counter *********************************************************** */

#counter { position: absolute; right: 10pt; margin-top: 3px;
           margin-right: 3px; font-size: 50%; }


/* ***** gallery.pl ******************************************************** */

div.gallery { margin: 0 auto; margin-bottom: 1em; }
div.gallery div.thumb { float: left; padding: 5px; width: 125px; margin: 5px;
            border: 1px solid #aaa; }
div.gallery div.thumb:hover { border-color: #000; }
div.gallery div.thumb img { border: none; }
div.gallery div.thumb span.shortdesc { font-size: 75%; }
div.error h1 { font-size: 12pt; font-weight: normal; color: #f00; }
div.gallery hr { clear: both; border: 1px solid #fff; }
div.gallery h2 { }
div.gallery h3 { }
div.gallery.large div.thumb { width: 150px; }
div.gallery.xlarge div.thumb { width: 250px; }

div.thumbstack { width: 150px; height: 150px; float: left; padding: 30px; margin: 10px; }
div.thumbstack img { border: 2px solid #fff; }
div.thumbstack img:hover { border: 2px dotted #888; }
div.thumbstack div.shortdesc { text-align: center; font-weight: bold;
   width: 138px; padding: 1px 2px; background-color: #aaa; 
   position: relative; top: -32px; left: 6px;
   filter:alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70; }

/* ***** filmli ************************************************************ */

div.filmli { margin: 0 auto; margin-bottom: 1em; }
div.filmli div.thumb { float: left; width: 150px; height: 150px;
                       padding: 3px 36px 18px 23px; margin: 10px;
                       background-image: url(/images/film.png); }
div.filmli img { border: 2px solid #000; }
div.filmli img:hover { border: 2px dotted #888; }
div.filmli div.shortdesc { text-align: center; font-weight: bold;
   width: 138px; padding: 1px 2px; background-color: #aaa;
   position: relative; top: -32px; left: 6px;
   filter:alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70; }

/* ***** printing styles *************************************************** */


@media print {

  body { margin: 49px 0 0 0; }
  pre { /* http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html */
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */ }

  a.url:after, a.inter.number:after, a.local.number:after, a.near:after {
    content: "[" attr(href) "]"; }

  div.toc { border: none; font-size: 100%; margin: 0; font-size: 100%; }
  div.toc ol { margin-left: 3em; }
  div.toc h2 { text-align: left; }
  div.footer { border-bottom: none; }
  div.footer span.time { float: none; }
  p.footernote, span.time { text-align: center; }
  span.time a { color: #000; }
  div.navbar, span.gotobar, span.edit.bar, form.search { display: none; }
  div.toc a:after { content: ""; }
}



/* ***** eof *************************************************************** */