/* Brown + GrayscaleTheme */
body {background-color: #9A5F3A;}
a:hover, a:active, form input.submit:hover {color: #9A5F3A;}
a, form input.submit, .callout h2 {color: #B3734D;}
h1 {color: #000000;}
h2 {color: #222222;}
h3 {color: #111111;}
.whoa {color: #B92837; font-weight: bold;}
#header, #nav p {color: #FFFFFF;}
#container, form input.submit {background-color: #fafafa;}
#header span {color: #000000;}
#nav ul, .callout, .sample {background-color: #eeeded; border-color: #333333;}

html {height: 100%;}
body {position: relative; padding: 0px 0px 0px 25%; margin: 0px; font: 12px/21px "Courier New", Courier, monospace; height: 100%;}
p {padding: 0px; margin: 0px 0px 20px 0px;}
h1 {font-size: 25px; margin: 44px 0px 5px -9px; padding: 0px;}
h2 {font-size: 20px; margin: 22px 0px 5px -9px; padding: 0px;}
h3 {font-size: 17px; margin: 18px 0px 5px 0px; padding: 0px;}
h4 {font-size: 11px; font-weight: normal; margin: -5px 0px 2px 0px; padding: 0px; color: #AAAAAA;}

form {width: 400px; font: bold 14px/23px "Courier New", Courier, monospace;}
form span {font-weight: normal; font-size: 11px;}
form input {display: block; margin: 2px 0px 8px 2px; font: normal 14px/16px "Courier New", Courier, monospace;}
form textarea {display: block; margin: 2px 0px 8px 2px; font: normal 14px/16px "Courier New", Courier, monospace;}
form input.submit {font: bold 15px/15px "Courier New", Courier, monospace; text-decoration: underline; border: none; padding: 0px; text-align: left;}

.callout {float: right; width: 35%; font-size: 11px; line-height: 17px; text-align: center; margin: 5px 0px 12px 18px; padding: 0px 16px 0px 16px; border-width: 3px; border-style: dashed;}
.callout h2 {font-size: 22px; margin-left: 0px;}
.clear {clear: both;}
#content .column {float: left; width: 40%; margin-right: 4%; padding-top: 5px;}
#content .column li {margin-bottom: 10px; line-height: 17px;}
#content .samples li {font-weight: bold; font-size: 16px; margin-bottom: 11px;}
#content .samples li a {text-decoration: none;}
#content .samples li span {display: block; font-size: 11px; line-height: 11px; font-style: italic; font-weight: normal;}
.sample {display: block; float: right; width: 60px; text-align: center; font-size: 11px; line-height: 11px; margin: -18px 0px 12px 12px; padding: 8px; border-width: 3px; border-style: dashed;}
.sample img {display: block; margin: 0px auto 2px auto; text-align: center; border: 0px;}

a#header {position: fixed; display: block; width: 25%; top: 50px; left: 0%; text-align: center; font-size: 30px; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none;}
a#header span {display: block;}
#container {width: 100%; margin: 0px; min-height: 101%;}
#content {margin: 0px; padding: 20px 20px 20px 29px;}
#content ul {padding: 0px 0px 0px 16px; margin: 0px 0px 4px 14px;}
#content ul li {margin-bottom: 16px; list-style-type: square;}
#nav {position: fixed; width: 25%; top: 120px; left: 0%;}
#nav ul {width: 100%; padding: 12px 0px 12px 0px; margin: 0px; list-style-type: none; border-width: 3px; border-style: dashed; border-left: none; border-right: none;}
#nav ul li {text-align: center; padding: 5px 11px 5px 0px; font-size: 16px; font-weight: bold;}
#nav ul li.small {font-size: 11px; padding-top: 8px;}
#nav p {padding: 15px 0px 5px 0px; width: 70%; margin: 0px auto 0px auto; text-align: center; font-size: 11px; line-height: 16px;}

#p-home #header {font-size: 56px; line-height: 56px; width: 100%; top: 65px;}
#p-home #nav {width: 42%; padding: 0% 28% 0% 28%; top: 135px;}
#p-home #nav ul li {font-size: 19px; padding-bottom: 8px;}