/*-------------------------------------------------------------------*/
/* New css sheet in progress. The goal is to separate out the        */
/* color schemes from the layout schemes.                            */
/* By Eonwe-(Valar)                                                  */
/*-------------------------------------------------------------------*/

body {
  margin:0%;
  padding:0%;
  background:black url('../Pictures/GP/Shldvig.jpg') no-repeat fixed center;
  font-family:tahoma;
  font-size:11pt;
  color:lightblue;
}

[id="Dol"] {
  border-bottom:blue inset 2px;
  margin-top:5px;
  margin-left:79%;
  margin-right:1%;
  padding:.5%;
  font-size:85%;
}

[id="Dol"] a, [id="Dol"] a:hover, [id="Dol"] a:visited, [id="Dol"] a:active {
  padding:.1% 1% .1% 1%;
  display:inline;
  text-align:center; 
  color:lightblue;
  text-decoration:none;
  font-weight:bold;
}


[id="Gwaith"] {
  font-family:Book Antiqua;
  font-size:600%;
  color:#BABABA;
  font-weight:bold;
  text-align:center;
  margin:1% 2% 2% 2%;
}


[id="Men"] {
  width:13.4%;
  cursor:pointer; 
  margin:0% 2%;
  float:left; 
}

[id="Men"] [class="MHead"] {
  color:goldenrod; 
  background:darkblue; 
  font-size:110%; 
  font-weight:bold; 
  border:royalblue 1px solid; 
  text-indent:4px;
  display:block;
}

[id="Men"] [class="MBody"] {
  display:block;
  font-size:90%;
  color: royalblue;
  font-weight:bold;
  text-indent:2px;
  background:lightblue;
}

[id="Men"] [class="SBody"] { display:none;}

[id="Men"] [class="Item"]:hover > [class="SBody"] > [class="Item"], [class="Item"] {
  background:lightblue;
  color:royalblue;
  display:block;	
}

[id="Men"] [class="Item"]:hover, [id="Men"] [class="SHead"]:hover, [id="Men"] [class="Item"]:hover > [class="SBody"] > [class="Item"]:hover {
  background-color:yellow;
  color:red;
}

[class="Item"] + [class="Item"] {
  border-top:royalblue 1px solid;
}

[id="Men"] [class="Item"]:hover > [class="SBody"] {
  display:block;
  font-size:80%;
  width:170px;
  text-align:left;
  position:absolute;
  left:194px;
  margin-top:-16px;
  background:lightblue;
  border:yellow solid 1px;
  border-left-width:5px;
}

[id="Men"] a { color:royalblue; text-decoration:none;}
[id="Men"] a:visited { color:royalblue;  text-decoration:none;}
[id="Men"] a:hover { color:royalblue;  text-decoration:none;}
[id="Men"] a:active { color:royalblue;  text-decoration:none;}

[id="Nole"] {
  width:70%;
  margin: 0% 1%; 
  padding:0%;
  float:left; 
}

[id="Nole"] .Block {
  margin:0% auto 1%;
  font-family:timesnewroman;
  width:96%;
  font-weight:bold;
  text-indent:5px;
  background:cornflowerblue; 
  border: cornflowerblue 4px ridge;
}

[id="Nole"] .EmptyBlock {
  margin:0% auto 1%;
  font-family:timesnewroman;
  width:96%;
  font-weight:bold;
  text-indent:5px;
}

[id="Nole"] .Block .Block {
  width:99%;
  margin:0% auto;
  padding:0%;
}

[id="Nole"] .Warcraft {
  color:white;
  background:darkblue;
  border: darkblue 4px groove; 
}

[id="Nole"] .LotRO {
  color:white;
  background:darkgoldenrod;
  border: darkgoldenrod 4px groove; 
}

[id="Nole"] .General {
  color:white;
  background:deepskyblue;
  border: deepskyblue 4px groove; 
}

[id="Nole"] .Starcraft {
  color:white;
  background:blue;
  border: blue 4px groove; 
}

[id="Nole"] .Diablo {
  color:white;
  background:darkred;
  border: darkred 4px groove; 
}

[id="Nole"] .Date {
  border: cornflowerblue 2px ridge;
  color:gold;
  background:cornflowerblue;
}

h1 {
  font-size:300%;
  text-align:center;
  font-family:"Times New Roman";
}

h2 {
  font-size:200%;
  text-align:center;
  font-family:"Times New Roman";
}

h3 {
  font-size:150%;
  font-family:"Times New Roman";
  margin:.5% 0%;
  padding:0%;
}

[id="Nole"] .BorderHeader {
  text-indent:2px;
  font-size:105%;
  padding:.2%;
  font-weight:bolder;
  margin: 0% auto%;
  }

[id="Nole"] .PageHead {
  color:mediumblue;
  background:royalblue;
  width:96%;
  margin: 0% auto 2%;
}

[id="Nole"] .PlainHeader {
  font-weight:bolder;
  padding:.5% 0% .5% .5%;
  margin: 0% auto;
}

[id="Nole"] td {font-size:80%; border: deepskyblue 0px solid;}

[id="Nole"] th {
  font-size:90%;
  border: deepskyblue 4px groove;
  margin: 0% auto;
}

[id="Nole"] tr:hover td, [id="Nole"] th:hover {background: orange; font-size:100%;}


[id="Nole"] .Text, [id="Nole"] tbody {
  padding:.5%;
  color:steelblue;
  font-weight:bold;
  background:aliceblue;
  text-align:left;
  padding-left:1%;
}

p {
  text-indent:15px;
  margin:0%;
  padding-left:1%;
}

p + p { margin-top:1%;}

p > ol, p > ul {
  padding:0% auto;
  margin:0% auto;
}

li { margin:.5%; }

p + h3 {margin-top:2%;}

ul.Images {
  padding:1% 0%; 
  margin:0% 2%; 
  text-align:center; 
  vertical-align:middle; 
  list-style-type:none;
  display:block;
}

li.Images {
 display:inline;
 margin:0 1%;
 padding:0 1%;
 white-space:nowrap;
}


ul.Innermenu {
  margin: 0% 0% 1% 0%;
  padding:0%; 
  text-align:center;
  vertical-align:middle; 
  list-style-type:none;
  display:block;
}

li.Innermenu {
 display:inline-block;
 margin:.5% .2%;
 padding:.5%;
 background:cornflowerblue;
 border:cornflowerblue 2px ridge;
 white-space:nowrap;
 cursor:pointer; 
}

[id="Nole"] th a {color:white; text-align:center; margin: 0% auto; cursor:pointer;}
[id="Nole"] th a:visited {color:white; text-align:center; margin: 0% auto;} 
[id="Nole"] th a:hover {color:white; text-align:center; margin: 0% auto;} 
[id="Nole"] th a:active {color:white; text-align:center; margin: 0% auto;}

[id="Nole"] td a[href] {color:steelblue;; font-weight:bold; background:none; cursor:pointer;}
[id="Nole"] td a[href]:visited { color:steelblue;; font-weight:bold; background:none;} 
[id="Nole"] td a[href]:hover { color:steelblue;; font-weight:bold; background:none;}
[id="Nole"] td a[href]:active { color:steelblue;; font-weight:bold; background:none;}

[id="Nole"] a[href], a[onclick] {color:black; text-decoration:none; font-weight:bold; cursor:pointer;}
[id="Nole"] a[href]:visited, a[onclick]:visited {color:darkblue; text-decoration:none; font-weight:bold;}
[id="Nole"] a[href]:hover, a[onclick]:hover {font-weight:bolder; color:Red;}
[id="Nole"] a[href]:active, a[onclick]:active {color:white; background:crimson;}

[id="Iath"] { 
  width:13.4%;
  margin:0% 2%;
  float:right;
  visibility:hidden;
}


[id="Tal"] {
  clear:both;
  width:90%;	
  font-size: 70%;
  text-align:right;
  margin:1% 2% 2% 2%;
  padding:1%;
  display:block;
}