html
{
 background-color: rgb(128,128,110);
 font-family: arial, helvetica, times;
 text-align: justify;
}

body
{
 margin: 0cm;
 padding: 0cm;
 font-size: 4mm;
}

/* page layout */

div.page
{
 margin-left: auto;
 margin-right: auto;
 width: 190mm;
 
 margin-top: 1cm;
 margin-bottom: 5mm;

 background-color: rgb(250,250,245);
 padding: 0cm;

 border: 1px solid black;
}

p
{
 padding: 0mm;
 margin-left: 15mm;
 margin-right: 15mm;
 margin-top: 2.5mm;
 margin-bottom: 2.5mm;
 
 text-align: justify;
}

h1,h2,h3,h4
{
 position: relative; 
 
 text-align: left; 
 margin: 15mm;
 margin-top: 3mm;
 margin-bottom: 3mm;
 padding: 0cm;
 border: 0px solid red;
}

/* header layout */

div.header
{
 padding: 0in;
 padding-top: 4mm;
 padding-bottom: 4mm;
 margin: 0in;
 background-color: rgb(223,223,192); 
 
 text-align: center;
  
 font-size: 2cm;
 
 border: 0px solid green;
}

/* menu layout */

div.menu
{
 margin: 0mm;
 margin-left: auto;
 margin-right: auto;
 width: 190mm;
 
 padding: 0mm;
 
 text-align: center; 
 
 border: 0px solid  blue;
}

span.menu_button
{ 
 display: block;
 float: left;
 
 text-align: center;
 
 margin: 0mm;
 padding: 1mm;
 padding-left: 4.3mm;
 padding-right: 4.4mm;

 border: 1px solid black;
}

span.menu_button:hover
{
 color: white;
 background-color: blue;
}

a.menu_button
{
 padding: 0cm;
 margin: 0cm;
 
 border: 0px solid blue;
 text-decoration: none;
}

div.content
{
 display: block;
 clear: left;
 
 min-height: 8cm;
}

div.footer
{
 display: block;
 clear: left;
 
 vertical-align: bottom;
 
 padding: 2mm;
 text-align: center;
 
 border-top: 1px dashed black;
}

/* specific to photo galleries */

h2.photo_gallery
{
 text-align: center;
 font-size: 6mm;
 margin: 0cm;
 padding: 0cm;
}
h3.photo_gallery
{
 text-align: center;
 font-size: 3mm;
 
 margin: 0cm;
 padding: 0cm;
}


div.gallery_photo
{
 text-align: center;
 background-color: white;
 
 padding: 2mm;
 width: 80%;
 margin-left: 10%;
 margin-right: 10%;
 margin-bottom: 1cm;
 
 border: 1px solid black;
}
img.gallery_photo
{
 border: 1px solid black;
 padding: 0cm;
}
div.gallery_caption
{
 margin: 0cm;
 padding: 2mm;
 padding-top: 0mm;
 text-align: justify;
 border: 0px solid red;
}
div.gallery_caption:before
{
 content: "Caption: ";
 font-weight: bold;
}

p.photo_gallery
{
 text-align: center;
 margin: auto;
 width: auto;
 padding: 0cm;
}
div.photo_gallery
{
 border: 0px solid gray;
}
div.photo_gallery_caption
{
 border: 0px solid gray;
}

/* tables */
td, tr, table
{
 border: 0cm solid black;
 padding: 0cm;
 margin: 0cm;
}

img
{
 border: 0cm solid black;
}

/* lists */

ul, ol
{ 
 margin-left: 15mm;
 margin-right: 15mm;
 padding: 0mm;
 padding-left: 2mm;
 border: 0px solid black;
}

li
{
 padding: 0mm;
 margin: 2mm;
 margin-bottom: 1mm;
 margin-top: 0mm;
 
 border: 0px solid red;
 
 list-style-type: disc;
}

.center
{ text-align: center; }

/* blog items */

div.blog_post
{
 margin: 15mm;
 margin-top: 0mm;
 margin-bottom: 2mm;
 border: 1px solid black;
 padding: 0cm;
}

h2.blog_post
{
 text-align: left;
 margin: 0cm;
 margin-left: 1cm;
 margin-top: 2mm;
 font-size: 6mm;
}

h3.blog_post
{
 text-align: left;
 margin: 0cm;
 margin-left: 1.25cm;
 margin-bottom: 1mm;
 font-size: 3.3mm;

}

hr.blog_post
{
 height: 0.5mm;
 color: green;
 background-color: black;
 border: 0px solid red;
 
 margin: 0cm;
 padding: 0cm;
 margin-left: 10mm;
 margin-right: 10mm;
}

p.blog_post
{
 width: 8cm;
 border: 1px solid blue;
}

.underline
{
 text-decoration: underline;
}

.outline 
{
 margin-left: 1mm;
 margin-right: 1mm;
 border: 1px dashed black; 
}

dt
{
 padding: 0cm;
 margin: 0cm;
 margin-left: 15mm;
 margin-right: 15mm;
}

dd
{
 padding: 0cm;
 margin: 0cm; 
 margin-left: 2cm; 
 margin-right: 15mm;
 margin-bottom: 3mm;
}