/* General Values ============================================================================================================= */
BODY { background-color: rgb(255, 239, 203);  color: black;  padding-top: 0px }
DIV.ethiocolour1 { background-color: rgb(0, 180, 0);  padding: 2px;  margin: 5px 40px 30px 40px; max-width: 640px }
DIV.ethiocolour2 { background-color: rgb(255, 255, 0);  padding: 2px }
DIV.ethiocolour3 { background-color: rgb(255, 0, 0);  padding: 2px }

IMG.photo { border: 1px solid rgb(0, 0, 0);  z-index: 100 }
IMG.movie { border: 2px solid rgb(170, 0, 0);  z-index: 100 }

/* ============================================================================================================================ */

/* Navigation bar styles ===================================================================================================== */
DIV.navbarheader { color: rgb(20, 60, 0);  font: normal small sans-serif;  text-align: center;  padding: 2px 3px 2px 3px;  margin: 5px 20px 5px 10px }

DIV.navbardiarypadding { margin: 0px 5px 30px 5px }
DIV.navbarmonth { background-color: rgb(230, 220, 180);  color: rgb(100, 90, 40);  font: normal bold xx-small sans-serif; 
            text-align: left;  padding: 2px 3px 2px 3px;  margin: 5px 20px 5px 10px; border: 1px solid rgb(120, 100, 60) }
TABLE.navbarcal { margin-left: 20px }
TD.navbarday a { text-decoration: none }
DIV.navbarday { background-color: rgb(230, 220, 180);  color: rgb(90, 80, 30);  font: normal bold xx-small sans-serif;  text-align: left;  padding: 2px;  border: 1px solid rgb(180, 160, 100) }
DIV.navbarday:hover { background-color : rgb(255, 255, 120) }

DIV.navbarphotopadding { margin: 30px 5px 10px 5px }

DIV.navbarphotosection { background-color: rgb(230, 200, 180);  color: rgb(100, 90, 40);  font: normal bold xx-small sans-serif; 
                 text-align: left;  padding: 2px 3px 2px 3px;  margin: 10px 20px 2px 10px; border: 1px solid rgb(120, 100, 60) }
DIV.navbarphotogroup { background-color: rgb(240, 220, 200);  color: rgb(100, 90, 40);  font: normal bold xx-small sans-serif; 
                 text-align: left;  padding: 2px 3px 2px 3px;  margin: 1px 24px 1px 22px; border: 1px solid rgb(140, 120, 80); text-decoration: none }
DIV.navbarphotogroup:hover { background-color: rgb(255, 255, 255) }

/* ============================================================================================================================ */

/* Diary entry styles ========================================================================================================== */
DIV.entrybody { padding-top: 15px;  color: rgb(30, 100, 30) }
DIV.entrytitle { color: rgb(0, 0, 0); font-style: normal;  font-family: sans-serif;  font-size: 25px;  text-align: center;  margin: 5px 20px 5px 20px }
DIV.entrydate { color: rgb(0, 0, 0); font-style: normal;  font-family: sans-serif;  font-size: 14px;  text-align: center;  margin: 5px 20px 10px 20px }
TABLE.marginbarright { float: right;  position: relative;  left: 50px;  margin-left: -40px;  background-color: transparent;  display: block;  text-align: right }
TABLE.marginbarleft { float: left;  position: relative;  right: 50px;  margin-right: -40px;  background-color: transparent;  display: block }
DIV.warning { background-color: rgb(255, 188, 188);  color: rgb(60, 0, 0);  margin: 20px;  padding: 10px;  border: 2px solid rgb(153, 50, 50) }
SPAN.ordinalstring { font-size: xx-small;  position: relative;  bottom: 6px}
DIV.chainbuttons-top { text-align: right;  margin-right: 0px;  position: relative;  top: -25px;  z-index: 200}
DIV.chainbuttons-bottom { text-align: right;  margin-right: 00px;  position: relative;  top: 40px;  z-index: 200 }
SPAN.chainbutton { background-color: rgb(200, 50, 40);  color: rgb(255, 255, 255);  font: normal bold medium sans-serif;  text-align: center;  padding: 5px 15px 5px 15px;  border: 1px solid rgb(0, 80, 0);  margin-left: 10px;  margin-right: 10px}
SPAN.chainbutton a:link { color: rgb(255, 255, 255);  font:normal bold medium sans-serif;  text-decoration: none }
SPAN.chainbutton a:visited { color: rgb(255, 255, 255);  font:normal bold medium sans-serif;  text-decoration: none }
SPAN.chainbutton a:hover { color: rgb(255, 255, 0);  font:normal bold medium sans-serif;  text-decoration: none }
DIV.entry { background-color: rgb(255, 255, 224);  padding: 15px 15px 30px 15px;  text-align: justify;  border: 1px solid rgb(0, 80, 0) }
DIV.private { background-color: rgb(220, 255, 220);  border: 1px solid rgb(10, 80, 10); padding: 5px; margin-bottom: 5px }
/* ============================================================================================================================= */

/* Opening Page ================================================================================================================ */
DIV.opentitle { color: rgb(0, 0, 0);  font: normal bold xx-large sans-serif; text-align: center; margin: 5px 10px 30px 10px }
/* ============================================================================================================================= */

/* Album ================================================================================================================ */
DIV.ethiocolour1album { background-color: rgb(0, 180, 0);  padding: 2px;  margin: 5px 10px 30px 10px }
DIV.albumtitle { color: rgb(0, 0, 0); font-style: normal;  font-family: sans-serif;  font-size: 25px;  text-align: center;  margin: 15px 20px 20px 20px }
SPAN.albumphotospacing { display: inline }

/* ============================================================================================================================= */

/* Photo Week ================================================================================================================ */
DIV.diaryweekday { font-style: normal;  font-weight: bold;  font-family: sans-serif;  font-size: 15px; text-align: left }
TD.diaryweektime { font-style: normal;  font-weight: bold;  font-family: sans-serif;  font-size: 10px; text-align: left;  vertical-align: top }
DIV.diaryweekphotospacer { margin-top: 5px; margin-bottom: 5px; }

/* ============================================================================================================================= */