/*

//
// 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: gray;/*#fff; */
	color: #666;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    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: #ccc; color: #ccc; width: 100%; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px 20px; 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: #00f; }
a:visited { text-decoration:none; color: #00f; }
a:hover { text-decoration:underline; color: #00f; }
a:active { color: #00f; }

.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 }

#sup_header { width: 730px; height: 30px; margin: 10px auto 0px auto; text-align: right; background-color:#fff;
border-top:20px solid #DCDCDC;
border-left:20px solid #DCDCDC;
border-right:20px solid #DCDCDC;
}
#sup_header a { 
	font-weight:bold;
	color: gray;
	font-size:14px;
}

#header { width: 730px; height: 260px; margin: 0px auto 0px auto; text-align: left; background-color:silver;
border-left:20px solid #DCDCDC;
border-right:20px solid #DCDCDC;
}
#header #page-title { color: #ddd; font: 18pt Arial; font-weight: bold; padding: 20px 8px 8px 30px; }
#header #page-subtitle { color: #b5b5b5; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 30px; }
#header a { color: #ddd; }

#main { 
    width: 730px; margin: 0px auto; 
/*    background: url(image/Box-Middle.jpg) repeat-y top center; */
	background-color: #fff;
    border-bottom: 1px solid transparent;
	border-left:20px solid #DCDCDC;
	border-right:20px solid #DCDCDC;
}

#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }
#main h5 { font-size:  9pt; font-style: italic; margin: 0px; padding: 0px; }

#content {
	position: relative; 
	float: left; 
	width: 705px;  
	text-align: left; 
	min-height: 400px;
}

#wikitext {
	float: right;
    clear: right;
	width: 500px;
	padding-left: 20px;
	padding-right: 5px;
}

#sidebar .wikilink { color: #666;}
#sidebar .urllink { color: #666 }
#sidebar .selflink { color: #666; }

#sidebar {
	float: left;
	width: 165px;
	margin: 0px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	 height:300px;
}

#footer {
    width: 730px; height: 40px;
    border: 1px none #ccc; 
    margin: 0px auto; padding: 0px 0px 8px 0px;
	border-bottom:20px solid #DCDCDC;
	border-left:20px solid #DCDCDC;
	border-right:20px solid #DCDCDC;
	background-color: #fff;
	height: 18px;
}

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

#menubar {
    margin: 0px 11px 0px 11px;
    padding: 2px 12px 1px 12px;
    background-color: #fff;
    text-align: left;
    font-size: 8pt;
	font-weight: normal;
}

#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; text-decoration:underline;}

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

pre {
	font-size: 9pt;
	background-color: #fffff4;
	border: 1px solid #999;
	line-height: 15px;
}

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;
} 


/*************** Galleria di Foto ***************/
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 red; }
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;}