/*

//
// 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.
//
//     2005-11-02  ksc	 Added support for Site.SideBar and removed the Menu
//                       Cheap fix for problem with postit and sectionedit recipes
//                       Entries for pre and column for the Column recipe
//                       Entry for Wikipedia style external link icon
//                       Page width pushed out to 900px 
//                       Misc little CSS bits fixed
//                       Button box at bottom of SideBar - broken with IE 
//		2005-11-06	ksc	 More cleanup of CSS, better fitting boxes
//						 removed popup sections
//      2005-12-01  ksc  Fix for IE in #wikitext
*/

body {
    margin: 0px; padding: 0px; 
    background-color: #fff; 
    background: url('image/bg.gif');
	color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height: 17px;
}


table { border-collapse: collapse; margin: 12px auto; }
table tr td { padding: 4px 6px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
hr { border: none; height: 1px; background-color: #99cc99; color: #99cc99; width: 100%; }
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:underline; color: #084; }
a:visited { text-decoration:underline; color: #084; }
a:hover { text-decoration:underline; color: #084; }
a:active { color: #084; }

/* .vspace { margin: 4px; } */
/*p.vspace { padding: 3px; } */
.content-mat { padding: 14px 15px 10px 25px; 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: 780px; height: 113px; margin: 10px auto 0px auto; text-align: left; 
  background: url('image/header_background.gif') repeat-x top center;
}
#header #page-title { color: #3cf; font: 18pt Arial; font-weight: bold; padding: 20px 8px 8px 30px; margin-top: 90px; }
#header #page-subtitle { color: #3cf; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 30px; }
#header #page-logo { padding-left: 10px; padding-top: 5px; }
#header a, #header a:visited { text-decoration:none; color: #ccc; font-weight: bold; }
#header a:hover, #menubar a:hover {text-decoration:underline; color: #fff; } 
#header .inputbox {width: 158px;height: 14px;border: none; }

#page-headerlinks { margin-top: 30px; float: right; margin-right: 5px; color: #fff; font-weight: bold; font-size: 11px; }
#header #page-headerlinks ul, #header #page-headerlink li{list-style-type: none; margin-top: 15px;}
#page-headerlinks li {display: block; padding: 0px 10px 0px 9px;float: left; border-left: 1px solid #fff;/*background: url('images/styles/header_toplinks_div.gif') no-repeat 100% 2px;*/
}
#page-headerlinks li:first-child {border-left: 1px none #fff; }

#header #page-title, #header #page-subtitle { display: none; }

#main { 
    width: 780px; margin: 0px auto; 
    /* background: url(image/Box-Middle.jpg) repeat-y top center;  */
    background: none;
    background-color: #fff;
    /*border-bottom: 1px none transparent;*/
    /*border: 0px 1px 1px solid #DDD;*/
    border-color: #DDD;border-width: 0px 1px 1px;border-style: solid
}

#main h1 { font-size: 13pt; margin: 12px 0 12px 0; padding: .5em .5em .1em 0; }
#main h2 { font-size: 12pt; margin: 5px 0 5px 0; padding: 0; }
#main h3 { font-size: 11pt; margin: 5px 0 5px 0; padding: 0; }
#main h4 { font-size: 10pt; margin: 5px 0 5px 0; padding: 0; }
#main h5 { font-size:  9pt; font-style: italic; margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-family: Tahoma, arial, helvetica, sans-serif; line-height: 1.5em; color: #008000; }
h1 { width: 100%; border-bottom: 4px solid #aaccff; }

#content {
	position: relative; 
	float: left; 
	width: 725px;  
	text-align: left; 
	min-height: 400px;
}

#wikitext {
	float: right;
    clear: right;
	width: 530px;
	padding-left: 20px;
	padding-right: 5px;
}
#wikitext img{max-width: 100%;width: expression(this.width > 560 ? 560: true);} 
#wikitext a:hover { background-color: #ccc; }

#sidebar .wikilink { color: #084; }
#sidebar .urllink { color: #084 }
#sidebar .selflink { color: #084; }
#sidebar a, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#sidebar {
	float: left;
	width: 155px;
	margin: 0px;
	padding-right: 10px;
	border-right: 1px solid #DDD;
}

#footer {
    /* background: url(image/footerbar.png) 0 0 repeat-x; */
    background: none;
    background-color: #fff;
    width: 780px; height: 130px;
    border-color: #DDD; 
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    margin: 0px auto; padding: 0px 0px 8px 0px;
}

#footer ul {list-style-type: none; }
#footer li { display: block; border-right: 1px solid #008000; float: left; }

#copyright { margin: 0px 10px 0px 10px; padding: 2px 0px; border-top: 2px none #0066ff; font-size: 8pt;}
div.LastModified { font-size: 8px; clear: both; float: right; }

#menubar {
    height: 21px;
    margin: 0px 0px 0px 0px;
    background-color: #2a7fff;
    background: url(image/menu_background.gif) 0 0 repeat-x;
    text-align: center;
    font-size: 11px; font-weight: bold;
/*border-bottom: 1px solid #0066ff; */
/*d5e5ff;*/
    width: 780px;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { 
   padding: 0px 12px 0px 12px; 

   height: 21px; list-style: none; display: block; float: left; border-right: 1px solid #fff; 
}
#menubar a, #menubar a:visited { text-decoration: none; color: #333;}

#text { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

pre {
	font-size: 9pt;
	background-color: #ccffdd;
	border: 1px solid #008000;
	line-height: 15px;
	padding: 15px;
}

.codelist {
        font-size: 9pt;
        background-color: #ccffdd;
        border: 1px solid #008000;
        line-height: 15px;
        padding: 15px;
}

.manpage {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	color: #777;
}

textarea { 
	margin-top: 12px; 
	margin-bottom: 12px; 
	font-size: 9pt; 
}

.column {
	border: 0px;
	margin: 0px;
}

td.column {
	padding: 0px 10px 0px 10px;
}

.difftype,.difftime,.diffrestore {
    font-size: 8pt;
}

#wikitext a.urllink {
   background: url(image/external.png) center right no-repeat;
   padding-right: 13px;
} 

.lfloat {
	margin: 5px 15px 5px 0;
}

.rfloat {
	margin: 5px 0px 5px 10px;
} 

.iphone {
	display: none;
}

