/* pre is used as orange text block */
body,input, textarea, pre, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color:#6d6d6d; line-height:122%}
body {margin:0;padding:0}
img {border:none}

a {color:#6d6d6d}

#logo {position:absolute; top:36px}
#nav, #meta {position:absolute; left:20px; width:220px; top:120px}
#meta {top:546px; font-size:x-small;}
#content {position:relative; left:280px; top:117px; width:480px}

ul, li { margin:0;padding:0;list-style-type:none}
#nav {}
#nav a {color:#000; text-decoration:none; text-transform:lowercase}
#nav a:hover, #nav li.current a {color:#ffa800}
#nav li {font-size:230%; font-weight:bold;margin-bottom:27px}
.sIFR-active #nav li {visibility: hidden;font-family: Verdana;line-height: 1em; font-size:285%; margin-bottom:0px}
#nav .sIFR-alternate {font-size: x-large} /* print on active sifr */

/* .typography is a silverstripe specific class for content. used by tinymce area in the admin section */
.typography h1 {color:#ffa800; font-size: 130%; margin-top:0; margin-bottom:18px}
.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {font-size: 95%; margin-bottom:0}
.typography p {font-size:95%; margin-top:0; margin-bottom:18px}
.typography pre {color:#ffa800; font-size:135%; line-height:122%; font-family: Verdana, Arial, Helvetica, sans-serif; white-space:normal}
.typography pre a {color:#ffa800}

form {padding:15px 0; background-color:#ececec}
form fieldset {margin:15px 0;padding:0;border:none}
form label.left {display:block;float:left;width:120px;text-align:right; padding: 2px 15px 0 0}
form .text input, form .textarea textarea {width:250px; margin-bottom:5px}
form .textarea {margin-top:18px}
form .Actions {border-top:1px solid white; margin-top:10px; padding:15px 15px 0 0; text-align:right}
form .Actions input {background-color:#ffa800; color:#fff; border:none; padding:2px 4px}

#SilverStripeNavigatorMessage{top:0px !important; padding:5px !important}