/*
You are allowed to do whatever you want with this layout. Though I would be pleased if you placed a link on your site to csseasy.com or to profit42.com (best "blog about hacking" ever). Donations are also welcome: paypal@profit42.com (or follow the donation button on csseasy.com)
*/

body {
width:800px;
margin:0 auto;
margin-top:30px;
font-family:Arial,Helvetica,sans serif;
background-color:#000000;
color:#ffffff;
}

a {
text-decoration:none;
}

img {
border:0px;
}

h3 {
text-decoration:underline;
}

h4 {
margin:.3em;
}

/* ----- HEADER ----- */



#header {
width:800px;
height:50px;
font-size:28px;
padding:5px;
}

#headerTitle, #headerTitle a, #headerTitle a:visited, #headerTitle a:active {
color:white;
float:left;
}

#topNoteWrap {
padding:3px;
border:2px solid #fff;
font-size:12px;
color:#000;
float:right;
}

#topNote {
padding:3px;
background-color:yellow;
text-align:right;
}

#topNote a, #topNote a:visited, #topNote a:active {
color:#000;
font-weight:bold;
}

/* ----- MAIN CONTENT ----- */



#content {
width:800px;
min-height:120px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:120px; /* for IE5.x and IE6 */
margin-top:2px;
font-family:Helvetica, Arial, sans-serif;
font-size: 32px;
text-align:left;
text-transform:uppercase;
letter-spacing:.05pt;
word-spacing:.5pt;
}



/* ----- FOOTER ----- */



#footer {
width:800px;
height:50px;
margin-top:2px;
border-top:1px solid #ffffff;
padding-top:4px;
}

#copyRight, #copyRight a:link, #copyRight a:active, #copyRight a:visited {
font-size:14px;
color:#888;
}

#copyRight a:hover {
text-decoration:underline;
color:#fff;
}

#footerMenu a, #footerMenu a:visited, #footerMenu a:active {
margin-left:18px;
color:white;
border-left:0px solid #fff;
border-right:0px solid #fff;
border-bottom:0px solid #fff;
}

#footerMenu a:hover {
text-decoration:underline;
color:yellow;
}

#footerMenu {
font-size:14px;
list-style:none;
display:inline;
float:right;
}

#footerLogo {
position:fixed;
bottom:0px;
right:0px;
}


/* ----- MISC ----- */

#rotate ul {
font-size:16px;
}

#planetReuse a:link, #planetReuse a:active, #planetReuse a:visited {
color:green;
}

#planetReuse a:hover {
background-color:white;
}

#luminopolis a:link, #luminopolis a:active, #luminopolis a:visited {
color:blue;
}

#luminopolis a:hover {
background-color:white;
}

#officePort a:link, #officePort a:active, #officePort a:visited {
color:red;
}

#officePort a:hover {
background-color:white;
}

.smallGrayText {
font-size:28px;
color:#888;
}

.yellowHighlite {
background-color:yellow;
color:black;
font-weight:bold;
padding:0 2px 0 2px;
}

#scriptError {
background-color:yellow;
color:red;
height:30px;
text-align:center;
padding:10px 0px 10px 0px;
}

#techMenu ul {
font-size:16px;
}

#eduSessions ol {
font-size:16px;
}

#eduSessions .afterText {
font-size:small;
font-style:italic;
color:#888;
text-transform:none;
}

#eduSessions a, #eduSessions a:visited, #eduSessions a:active {
color:yellow;
}

#eduSessions a:hover {
color:black;
background-color:yellow;
}