body { font-family: Arial,Helvetica,sans-serif; background-image: url(../images/background.png); background-color: #ffff00; color: #ffffff; line-height: 1.5em; width: 1000px; margin-left: auto; margin-right: auto; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.25); text-align: justify; }
#wrapper {background-color: #101010;  border: 1px solid transparent; padding: 0.25em; margin: 4em 0; box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.5);  background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: top right; }
hgroup { margin: 0.5em; }
hgroup h1 { font-weight: normal; font-size: 3em; }
hgroup a, #navPrimary a { }
hgroup a:hover, #navPrimary a:hover { text-decoration: none;}
#navPrimary { border-bottom: 1px solid #696969; box-shadow: 0px 1px 0px rgba(100, 100, 100, 0.3); margin: 0.5em 0.5em 1em 0.5em; }
#navPrimary ul { list-style-type: none; margin: 0; padding: 0; font-weight: bold; font-size: small; line-height: 2em; }
#navPrimary li ul { display: none; position: absolute; z-index: 1; }
#navPrimary li:hover > ul { display: block; }
#navPrimary > ul > li { display: inline-block; }
#navPrimary > ul > li > a { }
#navPrimary > ul > li > a:hover {  }
#navPrimary > ul > li > ul a { width: 100%; background-color: #101010; box-shadow: 0px 3px 3px rgba(100, 100, 100, 0.75); }
#navPrimary > ul > li > ul > li ul {left: 100%; }
#navPrimary a { display: inline-block; margin: 0; padding: 0 1em; border-bottom: 4px solid #696969; }
#navPrimary a:hover, #navPrimary li:hover > a, #navPrimary .current > a { background-color: #696969; border-bottom: 4px solid #ffff00; border-radius: 3px 3px 0 0; }
#navContents { font-size: 1em; float: right; width: 220px; margin: 0 6px 1em 0; background-color: transparent; border: 1px solid transparent; border-radius: 5px 5px 5px 5px; padding: 0 1em; z-index: 0; box-shadow: 0px 3px 3px #323232, inset 0 -200px 150px -200px rgba(100, 100, 100, 0.3);}
#navContents h2 { margin: 0.5em 0 0 0; font-weight: normal; }
#navContents ol { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
#navContents li { margin: 0; padding: 0; }
a { color: #ffff00; text-decoration: none; text-shadow: 1px 1px 0px #454545;}
a:hover { color: #ffffff; text-decoration: underline;}
article { background-color: transparent; border: 1px solid transparent; border-radius: 5px 5px 5px 5px; margin: 0 0.5em 2em 0.5em; padding: 0 1em; z-index: 0; box-shadow: 0px 3px 3px #323232, inset 0 -200px 150px -200px rgba(100, 100, 100, 0.75); }
article p, article ul, article ol { font-size: 0.9em; }
h1, h2, h3, h4 { color: #ffff00; text-shadow: 1px 1px 0px #454545; }
article h1, article h2, article h3, article h4 { border-bottom: 1px dotted #555555; font-weight: normal; }
article h1 { font-size: 1.5em; }
article h2 { font-size: 1.25em; }
article h3 { font-size: 1em; font-weight: bold; }
article h4 { font-size: 1em; font-weight: bold; margin-left: 1em; }
#content {float: left; position: relative; width: 725px; min-width: 725px; }
.modifiedDate { font-size: small; text-align: right; font-style: italic; }
.downloadSourceLink {font-size: small; text-align: right; margin: 0; padding: 0; position: relative; margin-top: -3em;}
footer {clear: both; text-align: center; padding-top: 0.5em; border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 0.5em; font-size: small; box-shadow: 0px -1px 0px #ffffff; }

/*Twitter widget stuff*/
#twitterWidget {float: left; margin: 0 0 1em 6px; position: relative; z-index: 0; }
.twtr-doc { border: 1px solid transparent;  border: 1px solid transparent; border-radius: 5px 5px 5px 5px;  box-shadow: 0px 3px 3px #323232, inset 0 -75px 75px -100px rgba(255, 255, 255, 0.75);}
.twtr-ft { border-top: 1px solid #ffffff; }
.twtr-hd { border-bottom: 1px solid #ffffff; }
.twtr-tweets { }
.twtr-tweet { box-shadow: 0px 3px 3px #323232,inset 0 -75px 75px -100px rgba(255, 255, 255, 0.75); border: 0 !important; margin: 0;}