/* harpegolden.net style
Copyright (c) 2009 David De La Harpe Golden. All rights reserved.

*/

body { background-color: #270246;
          color: #fecc6e;
          margin:0pt;
          border:0pt;
          padding:0pt;
          font-family:serif;
          font-size:10pt; 
	  background-image: url('/images/hgnbg1.png');
          background-repeat: repeat-x;
	  background-attachment: fixed;
          background-position: bottom left;
}

   img.banner { margin:0pt; border:0pt; padding:0pt; }


a { text-decoration: none; padding: 1px 2px ; color: #fecc6e; }
a:link  { text-decoration: none; padding: 1px 2px ; color: #ffee8f; }
a:visited { text-decoration: none; padding: 1px 2px ; color: #fdaa4d;}


a:hover  { text-decoration: none; 
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: outset;
                 border-color: #ffee8f; 
		 background-color: #ffee8f;
		 color: #270246;
}
a:active { text-decoration: none; 
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: inset;
                 background-color: #fffedd;
                 color: #270246;
                 border-color: #fffedd; }

a.nofade { text-decoration: none; padding: 1px 2px ; color: #fecc6e; }

a.nofade:link  { text-decoration: none; padding: 1px 2px ; color: #ffee8f; }
a.nofade:visited { text-decoration: none; padding: 1px 2px ; color: #ffee8f;}
a.nofade:hover  { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: outset;
                 border-color: #ffee8f;
		 background-color: #ffee8f;
		 color: #270246;
}
a.nofade:active { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: inset;
                 background-color: #fffedd;
                 color: #270246;
                 border-color: #fffedd; }


a.itemtaglink { text-decoration: none; padding: 1px 2px ; color: #998877; }

a.itemtaglink:link  { text-decoration: none; padding: 1px 2px ; color: #aa9988; }
a.itemtaglink:visited { text-decoration: none; padding: 1px 2px ; color: #887766;}
a.itemtaglink:hover  { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: outset;
                 border-color: #ffee8f;
		 background-color: #ffee8f;
		 color: #270246;
}
a.itemtaglink:active { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: inset;
                 background-color: #fffedd;
                 color: #270246;
                 border-color: #fffedd; }



   hr { color: #fdaa4e;
        border-color: #fdaa4e;
        clear: both;
      }

   hr.tl1 { width: 70%; margin-left: 0pt; }
   hr.tl2 { width: 80%; margin-left: 0pt; }
   hr.tl3 { width: 65%; margin-left: 0pt; }
   hr.tr1 { width: 160pt; margin-right: 0pt; }
   hr.tr2 { width: 100pt; margin-right: 0pt; }

   hr.br1 { width: 70%; margin-right: 0pt; }
   hr.br2 { width: 80%; margin-right: 0pt; }

   div.banner { width: 728px;
                height: 90px;
                background-image: url('/images/hgnbanner1.png'); }

   div.tagline { clear: both;
                 font-size: 9pt;
                 margin-left: 60pt; }

   div.topmenu { clear: both;
                 margin-left: 60pt;
                 margin-right: 50pt;
                 margin-top: 10pt;
                 margin-bottom: 20pt;
                 font-size: 11pt;
	         font-weight: bold;}

   div.topmenuleft { float: left;}
   div.topmenuright { float: right; }


   div.main   {  margin-left: 60pt;
                 margin-bottom: 20pt;
/*                  border: 1px ;
                  border-color: red;
                  border-style: solid;
*/
              }

/* confusing css margins */

   div.rightmenu {  float: right;
                    width: 150pt;
                    padding-left: 10pt;
                    margin-top: 20pt;
		    margin-bottom: 20pt;
                    font-size: 10pt;

                   }

   div.items {
         padding-right: 150pt;
   }


   div.item  {
/*                    border: 1px;
                    border-color: green;
                    border-style: solid;
*/
}

   div.itembody   {  border-left: 2px;
                 border-top: 0px;
                 border-right:0px;
                 border-bottom:0px;
                 border-style: ridge;
                 border-color: #fdaa4e;
                 padding-left: 10pt;
                 padding-right: 10pt;
                 margin-left: 10pt;
                 margin-right: 10pt;
                 text-align: justify; }

   div.itemsubtop { font-size: 5pt;
		color: #998877;
                margin-left: 5pt;
		margin-bottom: 2pt;}

  div.itemdate { display: inline;}
  div.itemtags { display: inline;}

   div.footer { float: right;
                font-size: 5pt;
                margin-right: 10pt;}

   h1    { font-size: 16pt;
           font-weight: bold; 
	   margin-bottom: 1pt;}