/* This style is for magazine pages with many photographs.
*/

html {
   margin: 0px;
   padding: 0px;
   background-image: url("texdark.gif"); 
   background-position: top;
   background-repeat: repeat;
   background-color: #262830;
}

body {
   position: relative;
   max-width: 960px;
   margin-left: auto; margin-right: auto;
   color: #DDD;
   background-image: url("texture.gif"); 
   background-position: center;
   background-repeat: repeat;
   background-color: #2F323C;
   font-size: 1.13em;
   font-weight: 400;
   font-family: arial, helvetica, sans-serif    /* font-family must be listed last */
}

a  {text-decoration: none}     /* these link styles are for simple text links */
a:link       { color: #BCF}
a:visited  { color: #BCF }
a:hover { color: #F78 }

a img { border-style: ridge; border-width: 5px; background-color: #000 }
a:link img { border-color: #AAA }
a:visited img { border-color: #AAA }
a:hover img { border-color: #DDD }

img.marker {
   border: none;
   background: none;
}

h1 {
   margin-top: 0.5em; margin-bottom: 0.5em;
   padding-top: 0px;
   text-align: center;
   font-size: 2em;
   font-weight: normal;
}

h2 {
   margin-top: .5em; margin-bottom: 0.5em;
   padding-top: 24px;
   text-align: center;
   font-size: 1.7em;
   font-weight: normal;
}

h3 {
   margin-top: -0.6em; margin-bottom: 0.7em;
   padding-top: 0px;
   text-align: center;
   font-size: 1.5em;
   font-weight: normal;
   }

h5 {
   margin-top: 0px; margin-bottom: 0px; margin-right: 140px;
   padding-top: 12px;
   height: 58px;
   text-align: center;
   font-size: 0.95em;
   font-weight: normal;
}

i {
  font-weight: 600;
}

p.small {
   padding-top: 1em;
   text-align: center;
   font-size: 0.8em;
   font-weight: 400; 
}

div.content p.small {
   text-indent: 0em;
}

div#banner {      /* page logo  */
   height: 128px;
   border-bottom: 3px  solid  #90533B;
   background-position: top;
   background-color: #4F3418;
}

div.bar {
   margin: 0; padding: 0;
   width: 960px; height: 3px;
   background-color: #262830;
   background-image: url("texdark.gif");
   background-repeat: repeat;
}

div#navigation {
   float: left;
   width: 140px; height: 201px;
   margin-top: 0px; margin-right: 16px;
   color: #CCC;
   background-image: url("posts.gif"); 
   background-position: bottom left;
   background-repeat: repeat-y;
}

div#navigation ul {
   margin: 10px 0px 0px 12px; padding: 0px;
}

div#navigation ul li {
   list-style-type: none;
   width: 120px; height: 32px;
   margin-bottom: 0px;
   text-align: center;
   font-size: 0.8em;
}

div#navigation ul li a, div#navigation ul li span {
   display: block;
   padding-top: 6px; padding-bottom: 6px;
   background-image: url("navsign.gif");
   background-repeat: no-repeat;
   background-color: #4F3418;
}

div#navigation ul li a:link    {color: #CCC}
div#navigation ul li a:visited {color: #CCC}
div#navigation ul li a:hover   {color: #FFF}

div#navigation ul li a span.linkinfo {
   display: none;
}

div#navigation ul li a:hover span.linkinfo {
   z-index: 2;
   display: inline;
   position: absolute;
   left: 9.5em;
   width: 14em; height: auto;
   margin: 0em;
   padding: 0.4em;
   border: 1px solid #CCC;
   line-height: 140%;
   background-image: url("texbrwn.gif");
   background-repeat: repeat;
   background-color: #4F3418;
}

div.inset {
  float: right;
  width: 25%;
  padding: 0.5em;
  border: 1px solid #9C9C9C;
  margin: 0.4em 0em 0.4em 1em;
  background-color: #000000;
  text-align: left;
  font-size: 0.8em;
  font-family: arial, helvetica, verdana, sans-serif;	/* font-family must be listed last */
  }

div.content {
   margin: 0px 12px 24px 12px;
   padding-right: 0px;
}

div.content p {
   margin: 0px;
   padding: 0px 10px;
   text-indent: 1em;
}

div.picwall {
  margin: 16px 0px 14px 0px;
  padding-top: 8px; padding-bottom: 14px;
  border-style: solid; border-color: #90533B; border-width: 2px;
  text-align: center;
  background-image: url("texdark.gif");
  background-repeat: repeat;
  background-color: #222;
}

div.picwall a img {
  margin: 16px; padding: 10px 10px 12px 10px;
  background-color: #757575;
}

div#rxie5{
   clear: both;
   height: 1em;
   border-top: 3px  solid  #676836;
} 

div#footer {
   clear: both;
   padding-bottom: 0.5em;
   text-align: center;
   font-size: 0.8em;
}

span.sign {
   display: block;
   width: 120px; height: 28px;
   padding-top: 6px;
   font-size: 1em;
   text-align: center;
   background-image: url("navsign.gif");
   background-repeat: no-repeat;
   background-color: transparent;
}

a:link span.sign    {color: #CCC}
a:visited span.sign {color: #CCC}
a:hover span.sign   {color: #FFF}

*.alert {
   color: #BFAC7C;
}

*.floatleft {
  position: relative;
  float: left;
  margin-right: 1em;
}

*.floatright {
  position: relative;
  float: right;
  margin-left: 1em;
  margin-right: 8px;
}

/* Styels below are additions to lpglry.css */

h1.decorate {
  margin-left: auto; margin-right: auto; margin-bottom: 0.5em;
  border-width: 3px; border-style: solid; border-color: black;
  padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px;
  background-image: url("texdark.gif"); background-position: bottom; background-repeat: repeat;
}

h4 {
   margin-top: 0em; margin-bottom: 1em;
   padding-top: 0px;
   text-align: center;
   font-size: 1.2em;
   font-weight: normal;
   }

img.matless {
   margin: 0px;
   padding: 0px;   
   border-style: ridge; border-width: 5px;
   }
 
img.single {
  margin: 7px 12px 5px 12px; padding: 10px 10px 12px 10px;
  background-color: #757575;
}

div.picbox {
  width: auto;
  margin-top: 8px; margin-left: 0.5em; margin-right: 0.5em;
  border-width: 2px; border-style: solid; border-color: #888888;
  padding-top: 8px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px;
  text-align: center;
  background-image: url(texdark.gif); background-repeat: repeat;
  }

div.picbox img {
  margin: 5px;
  padding: 10px 10px 12px 10px;
  background-color: #757575;
  }
   
div#footer span.sign {
   position: absolute;
   margin-top: -6px; margin-left: 1em;
   }
   
 *.clearleft {
   clear: left;
   }
   
 *.clearright {
   clear: right;
   }
   
*.twocolumn {
   -moz-column-count: 2; /* Firefox */
   -webkit-column-count: 2; /* Safari and Chrome */
   column-count: 2;
   -moz-column-gap: 2em; /* Firefox */
   -webkit-column-gap: 2em; /* Safari and Chrome */
   column-gap: 2em;
   -moz-column-rule: 1px solid #000000; /* Firefox */
   -webkit-column-rule: 1px solid #000000; /* Safari and Chrome */
   column-rule: 1px solid #000000;
}