@media screen, projection {
.BeNiceToMacIE5 { /* reveal @media rules to MacIE */
font-family: "\"}\"";
font-family: inherit;
}
body {
background-color: #fff;
color: #000;
}
.nav ul {
margin: .5em 0 0 0;
border-bottom: 1px solid #ccc;
text-align: right;
list-style: none;
}
.nav li {
display: inline;
font-size: 90%;
color: #fff;
}
/* MacIE makes a terrible mess of inline lists with padding :(
We need to hide the next few rules from it.
WinIE 5.0 also does not support padding on inline elements,
but it does (erroneously) support width, so we'll specify
a width for that browser. (escaped comment hack follows) \*/
.nav li {
padding: .1em 0 .1em 20px;
background: #2a2a2a url(images/slash.png) 0 100% no-repeat;
}
.nav li.first {
background-image: url(images/slash-end.png);
}
* html body .nav li,
* html body .nav li a {
width: 5em;
wid\th: auto;
} /* end IE hacks */
.nav a {
padding-left: 12px;
padding-right: 10px;
background: #2a2a2a url(images/bullet.png) -20px 50% no-repeat;
color: #fff;
text-decoration: none;
border-left: 1px solid #ccc;
}
/* Hide from MacIE, again \*/
.nav li a {
border-width: 0;
} /* end MacIE hack */
.nav a:hover {
background-position: 1px 50%;
text-decoration: none;
color: #fff;
}
/* divider bar */
.nav .divider {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 10px;
overflow: hidden;
width: 100%;
background: #575756 url(images/divider.jpg) 75% 0 no-repeat;
}
/* readability aid */
.content {
max-width: 85%;
margin: 1em auto;
}
} /* end media rules */