/* Ĉi tiu dosiero estas parto de Pâturage
 * 
 * Copyright (C) 2007 - Guillaume Savaton <llumeao@gmail.com>
 * 
 * Pâturage  estas libera programo;  vi  povas  ĝin  pludistribui  kaj/aŭ
 * modifi je la  kondiĉoj de la GNUa Ĝenerala Publika Permesilo, eldonita
 * de «Free Software Foundation», laŭ la versio 2 de tiu Permesilo aŭ, se
 * vi preferas, ajna posta versio.
 * 
 * Ni distribuas  ĉi tiun  programon esperante  ke ĝi estos  utila, tamen
 * SEN IA AJN GARANTIO,  i.a. sen la implica garantio pri SURMERKATIGEBLO
 * aŭ  TAŬGECO POR IU KONKRETA CELO. Pliajn  detalojn  vidu  en  la  GNUa
 * Ĝenerala Publika Permesilo.
 * 
 * Ekzemplero  de  la  GNUa  Ĝenerala Publika    Permesilo   devas   esti
 * liverita al vi kun ĉi tiu programo; ricevis, turnu vin al
 * 
 * Free Software Foundation
 * 51 Franklin Street, Fifth Floor
 * Boston, MA 02110-1301, USA
 * ------------------------------------------------------------------- */


/* Gheneralaj HTML elementoj
-------------------------------------------------------- */

body {
	background: #9db8c8;
	color: #685050;

	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;

   margin: 0;
   padding: 0;
}

a {
   text-decoration: none;
   color: #0066CC;
}

a:visited {
   color: #666;
}

a:hover {
   color: #B81919;
}

a img {
   border: none;
}

div {
   margin: 0;
   padding: 0;
}

h1, h2, h3, h4, h5, h6 {
   font-family: "Trebuchet MS", sans-serif;
   margin-top: 0;
   margin-bottom: 4px;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* Spaciloj
-------------------------------------------------------- */

hr.sh-spacilo {
   clear: both;
   visibility: hidden;
   margin: 0;
   padding: 0;
}

div.sh-nevidebla {
   visibility: hidden;
   height: 0;
}

div.sh-videbla {
   visibility: visible;
}

/* La pagho (shablono)
-------------------------------------------------------- */

body.sh-lumbildo {
   background: #EEE;
}

#sh-pagho {
	background: #fff url(bildoj/pg-fono.png) repeat-y center top;
	color: inherit;

	width: 780px;
	margin: 1em auto;
	text-align: left;
}
 
#sh-lumbilda-kadro {
   color: inherit;
	text-align: left;
   padding: 1em;
}

/* La chapo kaj piedlinio (shablono)
-------------------------------------------------------- */

#sh-pagho-titolo {
	height: 100px;
	background: #FFF url(bildoj/pg-supro.png) no-repeat left top;

   text-align: right;
}

#sh-pagho-titolo h1 {
   padding-top: 35px;
   padding-right: 45px;
   margin: 0;

   font-size: 220%;
   font-weight: bold;
   font-style: italic;
   font-family: "times", serif;
   letter-spacing: 2pt;
}

#sh-pagho-titolo h1 a {
	text-decoration: none;
}

#sh-pagho-piedlinio {
	height: 25px;
	background: #FFF url(bildoj/pg-malsupro.png) no-repeat left top;
}

/* La enhavo kaj la arangho de la pagho (shablono)
-------------------------------------------------------- */

#sh-pagho-enhavo {
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: 32px;
   padding-right: 32px;
}

#sh-pagho-enhavo h2 {
   color: #8F58AB;
}

#sh-pagho-chefa-parto {
   float: left;
	width: 500px;
}

#sh-pagho-utilajhoj {
   float: right;
	width: 200px;
}

#sh-pagho-utilajhoj h2 {
   text-align: center;
   padding-bottom: 1px;
   border-bottom: 1px solid #999999;
	color: #666;
	margin: 1.5ex 0 1ex 0;
}

#sh-pagho-utilajhoj form {
   text-align: center;
}

#sh-pagho-utilajhoj div.pg-kampo-nomo {
   margin-bottom: 4px;
}

/* La artikloj (shablono)
-------------------------------------------------------- */

div.sh-artiklo-piktogramo {
   float: left;
   margin-right: 10px;
}

div.sh-foliumilo-artiklo div.sh-artiklo-piktogramo {
   margin-top: 6px;
}

div.sh-artiklo-ilaro {
   float: right;
}

#sh-artiklo-atributoj {
   color: #666;
}

#sh-pagho #sh-artiklo-atributoj {
   margin-top: 4px;
   margin-left: 7px;
   padding-left: 10px;
   border-left: 6px solid #DDD;
}

#sh-lumbilda-kadro #sh-artiklo-atributoj {
   margin-top: 10px;
   margin-right: 7px;
   padding-right: 10px;
   border-right: 6px solid #666;
   text-align: right;
}

#sh-artiklo-priskribo {
   margin-left: 7px;
   margin-top: 1em;
}

#sh-artiklo-superflugo,
#sh-albumo-rubando {
   margin-top: 1em;
}

#sh-artiklo-superflugo pre {
   font-family: monospace;
   font-size: 110%;

   margin-left: 1em;
   margin-right: 1em;

   padding: 1em;

   border: 1px solid #DDD;

   background: #EEE;
}

#sh-artiklo-superflugo img.pg-lumbildo,
#sh-albumo-lumbildo img.pg-lumbildo {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #DDD;
}

/* La foliumilo (shablono)
-------------------------------------------------------- */

div.sh-foliumilo-artiklo {
   text-align: left;

   padding-top: 0.5em;
   padding-bottom: 0;
               
   border-bottom: 1px solid #C0C0C0;
}

div.sh-foliumilo-artiklo:hover {
   background: #F0F0F0;
}

div.sh-foliumilo-artiklo h2 {
   margin-top: 0;
}

div.sh-foliumilo-artiklo h2 a {
   color: #8F58AB;
}

div.sh-foliumilo-artiklo h2 a:hover {
   color: #B81919;
}

div.sh-foliumilo-artiklo h2,
div.sh-foliumilo-artiklo div.sh-artiklo-rango,
div.sh-foliumilo-artiklo div.sh-artiklo-atributoj {
   margin-left: 64px;
}

div.sh-foliumilo-artiklo div.sh-artiklo-atributoj,
div.sh-foliumilo-artiklo div.sh-artiklo-atributoj a {
   color: #999999;
}

div.sh-foliumilo-artiklo div.sh-artiklo-atributoj a:hover {
   color: #CC6600;
}

/* La albumoj (shablono)
-------------------------------------------------------- */

#sh-albumo-rubando {
   margin-left: auto;
   margin-right: auto;
}

#sh-albumo-rubando tr {
   height: 90px;
}

#sh-albumo-rubando td {
   width: 81px;
   vertical-align: middle;
   text-align: center;
}

/* La albumoj (paturage)
-------------------------------------------------------- */

iframe.pg-lumbildo {
   width: 100%;
   height: 800px;
   border: none;
}

/* La redaktila formularo (paturage)
-------------------------------------------------------- */

input, textarea, select {
   border: 1px solid #666;
}

input[type=text], textarea {
   width: 100%;
   margin-top: 2px;
   margin-bottom: 6px;
}

textarea[name=priskribo] {
   height: 10em;
}

textarea[name=etikedoj] {
   height: 4em;
}

input[type=submit], input[type=button] {
   background: #DDD;
}

div.pg-kampo-nomo {
   margin-top: 4px;
}

#pg-redaktilo-kolektoj {
   background: #DDD;
}

/* Etikedoj (paturage)
-------------------------------------------------------- */

a.pg-etikedo-selektita {
   color: #CC6600;
}

a.pg-etikedo-neselektita {
   color: #0066CC;
}

a.pg-etikedo-selektita:hover,
a.pg-etikedo-neselektita:hover {
   color: #B81919;
}

span.pg-etikeda-spacilo {
   color: #777;
}

/* Tipoj (paturage)
-------------------------------------------------------- */

div.pg-selektita-tipo {
   float: left;
   margin-right: 4px;
}

img.pg-neselektita-tipo {
}

/* Miniaturoj (paturage)
-------------------------------------------------------- */

img.pg-miniaturo-neselektita {
   border: 1px solid #DDD;
}

img.pg-miniaturo-selektita {
   border: 2px solid #CC6600;
}

img.pg-miniaturo-neselektita:hover {
   border: 2px solid #B81919;
}

/* Mesaghoj (paturage)
-------------------------------------------------------- */

div.pg-eraro,
div.pg-informo,
div.pg-averto {
   margin-top: 4px;
   margin-bottom: 4px;
   padding: 3px 1em 3px 1em;
}

div.pg-eraro {
   color: black;
   background: #FFAF80;
}

div.pg-informo {
   color: black;
   background: #80FF80;
}

div.pg-averto {
   color: black;
   background: #FFF000;
}

div.pg-artiklo-stato,
div.pg-foliumilo-stato {
   text-align: center;
   font-weight: bold;
}