/*

//
// Copyright (C) Julian I. Kamil <julian.kamil@gmail.com>
// No warranty is provided.  Use at your own risk.
//
// Commercial support is available through ESV Media Group
// who can be reached at: http://www.ESV-i.com/.
//
// Name: simple.css
// Author: Julian I. Kamil <julian.kamil@gmail.com>
// Created: 2005-05-18
// Description:
//     This is a simple skin for PmWiki. Please see:
//         http://www.madhckr.com/project/PmWiki/SimpleSkin
//     for a live example and doumentation.
//
// $Id: simple.css,v 1.3 2005/09/14 15:14:27 julian Exp $
//
// History:
//     2005-05-18  jik  Created.
//     2005-08-16  jik  Simplified and cleaned up.
//

*/

body {
    margin: 0px; padding: 0px; 
    background-color: #fff; color: #666;
    font: 10pt Verdana;
    line-height: 20px;
}

table { border-collapse: collapse; margin: 12px auto; }
table tr td { border: 0px solid #ddd; padding: 4px 6px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px 24px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a { text-decoration:none; color: #D30; }
a:visited { text-decoration:none; color: #A30; }
a:hover { text-decoration:underline; color: #920; }
a:active { color: #D30; }

.vspace { margin-top: 4px; margin-bottom: 4px; }
p.vspace { padding-top: 3px; padding-bottom: 3px; }
.content-mat { padding: 14px 15px 10px 30px; margin: auto; background: none; }
.clearer{ clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.borderless-table tr td { border: none }

#header { width: 770px; height: 90px; margin: 10px auto 0px auto; text-align: left; }
#header #page-title { color: #ddd; font: 18pt Arial; font-weight: bold; padding: 24px 8px 0px 30px; }
#header #page-subtitle { float:right; color: #aaa; font: 10pt Arial; font-weight: bold; padding: 5px 8px 8px 10px; margin-right: 15px;}
#header a { color: #ddd; }

#main { 
    width: 770px; margin: 0px auto; 
    background: url(image/Box-Middle.jpg) repeat-y top center; 
    border-bottom: 1px solid transparent; 
}

#main h1 { font-size: 12pt; margin: 0px; margin-bottom: 10px; padding: 0px; border-bottom: 1px solid #ddd; }
#main h2 { font-size: 11pt; margin: 0px; margin-top: 20px; margin-bottom: 10px; padding: 0px; border: 0px; border-bottom: 1px solid #ddd; border-style: dashed; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }

#content { float: left; width: 712px;  text-align: left; border: 1px solid #00f; }

#footer {
    background: url(image/Box-Bottom.jpg) no-repeat top center; 
    width: 770px; height: 40px;
    border: 1px none #ccc; 
    margin: 0px auto; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #ddd; font-size: 8pt; }

#menubar {
    margin: 0px 11px 0px 11px;
    padding: 3px 18px 3px 21px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 10px; font-weight: bold;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 8px; }
#menubar a { color: #666; }

#editbar {
    margin: 0px 11px 0px 11px;
    padding: 0px 5px 0px 5px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fofofo;
    text-align: left;
    font-size: 10px;
    text-align: right;
}

#editbar a { color: #e90; }
#editbar a:hover { color: #d30; }
#editbar ul { padding: 0px; margin: 0px; list-style: none; }
#editbar ul li { padding: 0px 3px 0px 3px; float: left; position: relative; border-right: 1px solid #f0f0f0; }
#editbar ul li:hover { background: #fd0;}


#text { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

.amv {
  padding-top: 10px;
  padding-left: 30px;
}

.amv img {
  float: left;
  margin: 10px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 2px;
  border: 2px solid #ddd;
}

.amv table {
  width: 80%;
  margin: 0px;
}

/* ThumbList recipe */ 
img.thumbs { border:1px solid #dddddd; margin:2px; padding:4px; vertical-align: middle; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover { border:1px solid #da3; }
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd {  margin:4px; padding:2px;}
table.thumbtable td.thumbtd:hover { border-color:red; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img { border: 1px solid #dddddd; text-align:middle;}
table.thumbtable td.thumbtd div.caption { font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em;}

.menu {
  border: 2px dashed #ddd;
  padding: 5px;
  margin: 5px 15px;
  background: #eee;
  float: left;
}