/* Stylesheet for AvatarDev */

body {
  background:transparent;
  /*font-family:verdana, arial, helvetica, sans-serif;*/
  font-size: 12px;
  background-color: black;
  color: #FFFF00;
  margin:0px;
  padding:0px; /* For Opera */ 
}
  
h1,h4 {
font-size: 1.2em;
font-weight:bold;
color: #00FF00; /* Green */
text-align:left;
margin:0px 0px 5px 0px;
padding:0px;
line-height:1.1em;
}

h4 { text-align:left; }

a {
color:#FF0;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}

a:link { color: #FFFF00; text-decoration:none; }
a:visited { color: #FFEE00; }
a:hover { color: #FFFFCC; text-decoration:underline; }
a:active { color: #BFBF00; text-decoration:none; }

#Header {
background:transparent url("Images/AvatarIcon_small2.jpg") top left no-repeat;
font-family:"Times New Roman", serif;
font-size: 3.0em;
font-weight:bold;
text-align:center;
width:1000px;
margin:10px 0px 10px 0px;
padding:17px 0px 0px 2px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:90px; /* 14px + 17px + 2px = 33px */
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:40px;
background-color:black;
color: yellow;
height:90px; /* the correct height */
}

#Header a {
color:#FF0;
text-decoration:none;
font-weight:600;
font-family:"Times New Roman", serif;
}

#Content {
position:absolute;
top:130px;
margin:0px 50px 50px 200px;
border:2px solid olive;
padding:10px;
width:600px;
text-align:left;
}
#Content h1,h2 {
text-align:left;
border:2px solid olive;
background:#008000;
}
#Content h2 {
text-align:center;
line-height:17px;
}
#Content h4 {
text-align:center;
line-height:17px;
}
#Content li {
margin-left:8em;
text-align:left;
}
#Content times {
	text-align:left;
	border:2px solid olive;
	background:#008000;
}
#Content edit {
	text-align:right;
	position:absolute;
	top:0px;
}


#Menu {
background:transparent url("Images/MiniLogo_Nav.jpg") top left no-repeat;
position:absolute;
top:160px;
left:20px;
width:172px;
padding:10px;
border:2px solid olive;
line-height:17px;
width:150px;
}

/* Menu bar Headline */
#Menu h1,h2,h3,ul {
font-size: 0.8em;
font-weight:bold;
text-align:right;
margin:0px 0px 0px 0px;
padding:0px;
line-height:1.0em;
}
#Menu ul {
margin:0px 10px 10px 0px;
}
#Menu h1 {
font-size: 1.0em;
font-weight:bold;
}
#Menu h2 {
font-size: 0.6em;
margin:0px 10px 10px 0px;
}
#Menu h3 {
 font-weight:normal;
 font-size: 1.8em;
 font-color: green;
}
#Menu h3 a:link { color: green; text-decoration:none; }
#Menu h3 a:hover { color: #00FF00; text-decoration:bold; }

#Menu li {
 list-style:none;
}

/* Last updated box */
#LastUpdated {
background:transparent;
position:absolute;
top:130px;
left:20px;
width:160px;
padding:5px;
border:2px solid olive;
line-height:10px;
width:160px;
}

#LastUpdated h1 {
font-size: 0.8em;
color: #00FF00; /* Yellow */
font-weight:bold;
text-align:right;
margin:0px 0px 0px 0px;
padding:0px;
line-height:1.0em;
}

/* Online Status */
#OnlineStatus {
background:transparent;
position:absolute;
top:130px;
left:20px;
width:160px;
padding:5px;
border:2px solid olive;
line-height:10px;
width:160px;
}

#OnlineStatus h1 {
font-size: 0.8em;
color: #00FF00; /* Yellow */
font-weight:bold;
text-align:right;
margin:0px 0px 0px 0px;
padding:0px;
line-height:1.0em;
}

#ErrorBox {
position:absolute;
top:210px;
left:200px;
width:600px;
padding:5px;
border:4px solid olive;
line-height:10px;
width:600px;
}

#ErrorBox h1 {
font-size: 2.0em;
color: #FF0000; /* Red */
font-weight:bold;
text-align:center;
}

#Footer {
position:absolute;
top:650px;
left:20px;
width:160px;
padding:5px;
border:2px solid olive;
line-height:10px;
width:160px;
}

#calendar {
padding: 150;
margin: 50;
text-align: center;
}

.nav, .nav a {
text-align: center;
text-decoration: none;
}

td.month {
border: 0px;
font-weight: bold;
text-align: right;
width: 140px;
background:#008000;
color: #00FF00; /* Green */
}

td.day {
font-weight: bold;
}
.today {
background: #008000;
}

.today, td.today a, td.today a:link, td.today a:visited {
font-weight: bold;
}

td {
border-right: 2px solid olive;
border-bottom: 2px solid olive;
border-top: 2px solid olive;
width: 40px;
height: 40px;
text-align: center;
}

td a {
text-decoration: none;
font-weight: bold;
display: block;
}