/* main stylesheet for hldj.org */

.orange { color: #CC8800 }

body {
 margin:  0;
 border:  0;
 padding: 0;
 color:   #D8D8D8;
 background-color:    black;
 background-image:    url('images/bg.jpg');
 background-repeat:   no-repeat;
 background-position: center top;
 
 margin-left:  auto;
 margin-right: auto;
 width: 84%;
}


img.title, span.title  {
 color: #DDDDDD;
 vertical-align: top;
 line-height:    1.25em; 
 letter-spacing: 0.05em; 
 font-size:      4.5em; 
 margin-left:    0.12em;
}

div { margin: 0; padding: 0; }

div.header, div.footer, div.righter
{ float: left; }

div.lefter {
 float: left;
 clear: left;
 height: 100%;
}

/* keep these same width */
div.promo, div.menu { width: 8em; }
div.footer { margin-left: 8.12em; }

div.promo {
 float:   left;
 clear:   both;    /* each promo will begin on a new line */
 margin:  1em;
 color:   #999999;
 font-size: 80%;
}

div.search {
 float: left;
 color: #999999;
 font-size: 85%;
}

div.menu, div.content {
 border-color: #886600;
 border-style: solid;
 border-width: 0.15em;
}

div.menu { 
 float: left;
 background-color: #444444;
 
 /* allows the menu to overlap left border of content
 position: relative;
 z-index: 1;
 */

 border-right-color: #555555;
}

div.content {
 float: left;
 width:  66%;
 margin-left: -0.15em;
 
 padding: 0.6em 1.5em 5em 1.5em;
 background-color: #444444;
}

div.content
/*, div.footer, div.righter, div.promo */
{ opacity: 0.92 }

ul { margin: 0; }
ul.menu {
 padding: 0;
 float:   left;
 width:   100%;
 list-style-type: none;
}

h1, h2, h3 { 
 margin:  0; 
 padding: 0; 
}
h1 { color: #DDDDDD; }
h2 { color: #DDB000; }

img {
 margin:  0;
 border:  0;
 padding: 0;
}

a {
 color: #99AABB;
 font-size: 125%;
 text-decoration: none;
}

a.regular { 
 font-size: 100%;
}

a:hover {
 text-decoration: underline;
}

a.hilite:hover {
 /*color: #99BBAA;*/
 background-color: #444444;
 text-decoration:  none;
}

a.box {
 float: left;
 margin:  0;
 padding: 0.5em;
 color: #99AABB;
 text-decoration: none;
 text-align: center;
 border: solid 0.05em #555555;
}

a.box:hover {
 color:            #FFFFFF;
 background-color: #FF8C00;
 border-color:     #DDCC00;
}

a.menu {
 float:   left;
 margin:  0;
 padding: 5% 12%;
 width:   76%;
 color:   #AAAAAA;
 font-size: 120%;
 text-decoration: none;
 border-style: solid;
 border-width: 0.05em 0;
 border-color: #555555;
}

a.menu:hover {
 color:            #FFFFFF;
 background-color: #FF8C00;
 border-color:     #DDCC00;
 /*
 width: 76%;
 padding-left: 17%;
 font-size: 150%;
 background-image: url('hl2.ico');
 background-repeat: no-repeat;
 background-position: center left;
 */
}