@import url("/css/root.css");

/* this skin derived from work by Sharif Ewees of www.blueplaidshirt.com */
/* adapted for Project Gutenberg by Marcello Perathoner */
/* modified for Project Gutenberg Europe by Mihailo Stefanovic, Jelena Senicic */

/* colors (to keep them consistent) */

a[href]     {
            color: #a12200;
            }

th,
.shaded,
.subcaption,
.msgsubcaption,
div.menu input,
table.tablet,
table.tablet td        {
            background-color: #f2ecd9;
            }

h1, h2, h3,
th,
table.tablet td        {
            color: #701600;
            }

div.menu    {
            color: #fff;
            background-color: #a12200;
            }

div.menu a.h1:hover,
div.menu a:hover    {
            color: black;
            background-color: #f2ecd9;
            }

div.menu a.h1,
caption,
.caption,
.msgcaption           {
            color: #fff;
            background-color: #701600;
            }

div.menu p,
div.menu a,
div.menu label,
div.menu-group-open {
            color: #fff;
            }

/* other stuff */


body,
div         {
            margin: 0;
            padding: 0;
            border: none;
            }

body        {
            background: url(bg.png) left repeat-y;
            }


div.body    {
            background: url(rback.png) right repeat-y;
            margin: 0 0 0 15em;
            padding: 0 1em;
            }

div.logo    {
            text-align: center;
            background-color: #fff;
            border-bottom: 18px #A12200 solid;
            margin-top: 1em;
            width: 100%;
            }

div.logo a  {
            margin: 0;
            }

div.footer  {
            padding: 1em;
            }


div.menu    {
            float: left;
            left: 0;
            top: 0;
            height: 100%;
            width: 14em;
            border-right: solid 1px #300;
            border-top: solid 1px #300;
            }


div.menu a,
div.menu a.h1,
div.menu form  {
            border-bottom: 1px solid #300;
            }

div.menu a     {
            display: block;
            text-decoration: none;
            padding: 0.2ex 1em 0.2ex 2em;
            }

div.menu a.h1  {
            padding-left: 1em;
            }

div.menu form  {
            margin: 0;
            padding: 0;
            }

div.menu p     {
            margin: 1ex 1em 1ex 2em;
            padding: 0;
            }

div.menu label         {
            display: block;
            font-size: 80%;
            }

div.menu input        {
            margin-bottom: 1ex;
            border: 1px solid #e6a336;
            font-size: 80%;
            }

div.menu input[type="text"] {
            width: 100%;
            }

div.menu input[id="menu-etextno"] {
            width: 50%;
            margin-right: 0.5em;
            }

div.menu input[type="submit"] {
            }

h1          {
            width: 100%;
            margin: 0 0 2ex 0;
            padding: 1ex 0;
            text-align: center;
            font-size: 150%;
            }

h2          {
            margin: 2ex 0;
            text-align: left;
            font-size: 130%;
            }

ul          {
            list-style-image: url("/css/pge/bullet.gif");
            }

table       {
            margin-bottom: 2ex;
            border-collapse: separate;
            border-spacing: 0;
            empty-cells: show;
            border: 1px solid #e6a336;
            border-width: 1px 0 0 1px;
            }

caption     {
            margin: 0;
            border: 1px solid #e6a336;
            border-width: 1px 1px 0 1px;
            padding: 0.5ex 0.5em;
            font-weight: bold;
            }

td, th      {
            border: 1px solid #e6a336;
            border-width: 0 1px 1px 0;
            margin: 0;
            padding: 0.5ex 0.5em;
            }

th          {
            text-align: left;
            }

.boxed,
table.tablet {
            border: 1px solid #e6a336;
            }

table.tablet td        {
            border-style: none;
            }

span.accesskey        {
            text-decoration: underline;
            }

span.audioicon:before   {
            content: url("/pics/stock_volume-16.png");
            }