/* 
 *  --------- Front or index page (front) -----------
 */
body.front {
 margin-left: 2%;
 margin-right: 2%; 
 background: #000000;
 color: silver; /* text color */
 background-repeat: repeat;  /* both x,y could be "repeat-y" */
 background-position: left top;
}

A.nails:link IMG { border: 0px solid silver }
A.nails:visited IMG { border: 0px solid silver }
img.nails {
 /* border: 10px solid #808080;  just placeholder */
 margin: 5px;
}
td.nails {
 text-align: center;
 padding: 5px;
 vertical-align:top;
}

.toponim {
 font-style: italic;
}

div.front {border-top: solid 3px; margin-top: 4pt; margin-bottom: 4pt; }

.fronttitle {
 font-family: "Comic Sans MS", Garamond, serif;
 font-size: 22pt; 
 font-style: oblique;
 font-weight: bold;

 margin-left: 10%; /* to the right from BODY */
 margin-top: 2em;
 margin-bottom: 1em;
}

/* navigation at the index page */
.frontnav {
 text-decoration: none; /* no underline */
 font-family: Monaco, Courier, sans-serif;
 font-size: 7pt; /* or 75% or small */
 font-style: italic;
 font-weight: bold;
}

A:link { color: silver }
A:visited { color: silver }

p.para{
clear: both;
}

/* 
 *  --------- Text page  -----------
 */
body.story {
 margin-left: 2%;
 margin-right: 2%; 
 background: silver;
 color: #000000; /* text color */
 background-repeat: repeat;  /* both x,y could be "repeat-y" */
 background-position: left top;
}
.storytitle {
 font-family: "Comic Sans MS", Garamond, serif;
 font-size: 22pt; 
 font-style: oblique;
 font-weight: bold;
 margin-left: 10%; /* to the right from BODY */
 margin-top: 2em;
 margin-bottom: 1em;
}
A.story:link { color: #000000 }
A.story:visited { color: #000000 }
A.storynav:link { color: #000000 }
A.storynav:visited { color: #000000 }
.storynav {
 color: #000000; /* text color */
 text-decoration: none; /* no underline */
 font-family: Monaco, Courier, sans-serif;
 font-size: 7pt; /* or 75% or small */
 font-style: italic;
 font-weight: bold;
}


/*
 * --------- Image page (imgpage) ------------------
 */
body.imgpage {
 margin-top: 10%; 
 margin-left: 10%;
 margin-right: 10%; 
 background: #000000;
}

img.imgpage { 
 border: 8px solid silver;
} 

table.imgpagenavtop { 
 /* border: #FF0000 0px solid; */
 margin-left: 10%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 /* width: 30%; */
} 
table.imgpagenavbot { 
 margin-right: 10%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 /* width: 30%; */
}