/*** Universal and general attributes ***/

* {
    background-color: #333333;
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
}

* a:link {
    background-color: transparent;;
    color: #66FFFF;
    text-decoration: none;
}

* a:visited {
    background-color: transparent;
    color: #BBBBFF;
    text-decoration: none;
}

* a:hover, li a:focus {
    background-color: transparent;
    color: #BBBBFF;
    text-decoration: underline;
}

* a:active {
    background-color: transparent;
    color: #66FFFF;
    text-decoration: underline;
}

div {
    color: #FFFFFF;
    font-size: 1.0em;
}



/*** General site logo (theknievels.net) at the top of every page ***/

.SiteLogo#LogoLine1 {
    text-align: right;
    font-size: 2.25em;
    color: #FFCC66;
}

.SiteLogo#LogoLine2 {
    text-align: right;
    font-size: 1.25em;
    color: #FFCC66;
}



/*** Body attributes ***/

body {
    width: 45em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.0em;
    margin-bottom: 2.0em;
}

h1, h2, h3 {
    color: #FFFFFF;
    letter-spacing: 0em;
    text-align: left;
}

div.BodyContent {
    margin-top: 1.0em;
    margin-bottom: 3.0em;
    margin-left: 2.0em;
    margin-right: 2.0em;
}



/*** Horizontal navigation bar at the top of the page, beneath the site logo ***/

.NavigationBar {
    text-align: center;
    width: auto;
    border-top: 1px solid #FFCC66;
    border-bottom: 1px solid #FFCC66;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.0em;
    margin-bottom: 3.0em;
}

.NavigationBar p a#CurrentPage {
    text-align: center;
    padding-left: 1.0em;
    padding-right: 1.0em;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

.NavigationBar p a {
    text-align: center;
    padding-left: 1.0em;
    padding-right: 1.0em;
    background-color: transparent;
    text-decoration: none;
}

.NavigationBar p a:link {
    background-color: transparent;;
    color: #FFCC66;
}

.NavigationBar p a:visited {
    background-color: transparent;
    color: #FFCC66;
}

.NavigationBar p a:hover, p a:focus {
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: underline;
}

.NavigationBar p a:active {
    background-color: transparent;
    color: #FFFFFF;
}



/*** Specifics of "photographs" pages ***/

.PhotoGallery {
   position: relative;
   padding: 0.25em 0.25em 0.25em 0.25em;
   margin: 0.0em 0.0em 0.0em 0.0em;
   width: 0.0em;
}

.PhotoGallery a, .PhotoGallery a:visited {
   display: block;
/* position: relative; */
   width: 35em;
   border: 0.5em solid #fffff;
   padding: 0.25em 0.25em 0.25em 0.25em;
   margin: 0.0em 0.0em 0.0em 0.0em;
   text-decoration: none;
}

.PhotoGallery a span {
  display: none;
}

.PhotoGallery a:hover span {   /* Controls some aspects large image that appears upon hover over thumbnail */
  display: block;
  position: absolute;
  left: 10em;
  top: 0.25em;
  text-align: center;
  padding: 0.1em;
  border: 0.1em;
  width: 21.0em
}

.PhotoGallery ul {
   background: #fffff;
}

.PhotoGallery li {
   list-style-type: none;
}

.PhotoThumbnailHorizontal {
    width: 4em;
    border: 0.25em solid #ffffff;
}

.PhotoThumbnailVertical {
    height: 4em;
    border: 0.25em solid #ffffff;
}

.PhotoMediumHorizontal {
    width: 18em;
    border: 0.5em solid #ffffff;
}

.PhotoMediumVertical {
    height: 18em;
    border: 0.5em solid #ffffff;
}



/*** Specifics of "recipes" page ***/

.RecipesList {
    background-color: transparent;
    text-align: left;
    width: 100%;
    font-style: normal;
    list-style: none;
    margin-left: auto;
    padding-top: 0.50em;
    padding-bottom: 0.00em;
    padding-left: 0.0em;
    padding-right: 0.0em;
    border-top: 1px solid #999999;
}

.RecipesList li {
    background-color: transparent;
}



/*** Specifics of "links" page ***/

.LinksOuterBlock {
    text-align: center;
}

.LinksInnerBlock {
    width: 30em;
    margin: auto;
}

.LinksCategoryHeading  {
    text-align: left;
    font-style: italic;
    margin-top: 2.5em;
    margin-bottom: -1.0em;
}

.LinksList {
    background-color: transparent;
    text-align: right;
    width: 100%;
    font-style: normal;
    list-style: none;
    margin-left: auto;
    padding-top: 0.50em;
    padding-bottom: 0.00em;
    padding-left: 0.0em;
    padding-right: 0.0em;
    border-top: 1px solid #999999;
}

.LinksList li {
    background-color: transparent;
}



/*** Footer material at the bottom of every page ***/

.Copyright {
/*  display: block;
    position: relative; */
    margin-top: 1.0em;
    border-top: 1px solid #FFCC66;
    padding-top: 3.0em;
    font-size: 0.75em;
    text-align: center;
    color: #999999;
}

.LastUpdated {
/*  display: block;
    position: relative; */ 
    margin-top: 0.0em;
    padding-top: 0.0em;
    font-size: 0.75em;
    text-align: center;
    color: #999999;
}