/*********
 * FONTS *
 *********/
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
kbd, pre, code { font-family: "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; }
div.entry h2 { letter-spacing: -2px; margin: 0; }

kbd, pre, code { padding: 3px;}
body { padding: 0; font-size: 76%; position: relative; margin: 20px 0px 0px 0px; }
img { border-style: none; }
acronym { border-bottom: 1px dashed #bbbbbb; cursor: help; cursor: default; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
#content h1 { display: none; }
dl, dt, dd, ul, ol, li { margin-top: 0; margin-bottom: 0; }
dt { font-weight: bold; }
dd { position: relative; left: -2.5em; margin-bottom: 15px; }
hr { border: 0px none; height: 1px; }

.nodhr { display: none; }
.left { float: left; clear: left; }
.right { display: block; text-align: right; white-space: nowrap; }
.center { text-align: center; margin: auto; }

body.fixed .wrappatron { position: relative; margin: auto; width: 780px; }

#menubar { margin: 2px 10px 0px 11px; padding-top: 6px; border: 1px solid #618AB3; height: 38px; text-transform: lowercase; }
#menubar ul { padding-left: 1px; }
#menubar ul li { display: inline; padding-left: 0; font: 0.75em verdana; letter-spacing: 1px; }
#menubar ul li a:link, #menubar ul li a:visited { padding: 4px 12px; border: 1px solid #335C87; text-decoration: none; }
#menubar ul li a:hover { padding: 4px 12px; border: 1px solid #618AB3; text-decoration: none; }
#menubar ul li #button { position: absolute; top: 3px; left:13px; }
* html #menubar ul li a { display:inline-block; }
#menubar #width { position:absolute; right: 12px; top: 4px; }
* html #menubar #width { top: 4px; }
#content { position: absolute; top: 55px; left: 11px; right: 0; }
#content .zenwrap { padding-top: 1px; font: 1em/1.7 verdana,"bitstream vera sans",arial,helvetica,sans-serif; margin-right: 222px; }
div.entry { margin: 5px; padding: 10px 20px; border: 1px solid #404040; }
div.entry h2 { font-size: 2.0em; font-weight: bold; font-weight: normal; }
div.entry h2 a:link { text-decoration: none; }
div.entry h2 a:visited { text-decoration: none; }
div.entry h2 a:hover { text-decoration: underline; }
div.footer { text-align: right; font-weight: bold; margin-top: 5px; }
#content ul, #nav div.info ul { position: relative; left: -20px; }
#content ol, #nav div.info ol { position: relative; left: -15px; }
#nav ul#navbar { position: relative; left: 0px; }
#nav { position: absolute; top: 0px; right: 0; padding-right:10px; width: 210px; padding-top: 20px; }
#nav ul#navbar { margin: 0; padding: 0; list-style: none; }
* html #nav ul#navbar li { display: inline-block; line-height: 1em; }
#nav ul#navbar li { display: block; text-align: right; font: 0.8em verdana; letter-spacing: 1px; }
#nav ul#navbar li a:link { display: block; margin-left: 1px; padding: 5px 10px 5px 0; text-decoration: none; border-top: 1px solid #eee; }
#nav ul#navbar li a:visited { display: block; margin-left: 1px; padding: 5px 10px 5px 0; text-decoration: none; border-top: 1px solid #eee; }
#nav ul#navbar li a:hover { display: block; margin-left: 1px; padding: 5px 10px 5px 0; text-decoration: none; border-top: 1px solid #eee; }
#nav div.info,
#nav div.ninfo { margin: 20px 0 0 1px; padding: 10px; font: 0.9em verdana; }
#nav div.info h2 { font-size: 1.2em; font-weight: bold; }
#nav div.info h3 { margin: 5px; font-size: 1.1em; font-weight: bold; margin-top: 5px; }
#nav div.info ul { margin-left: 2em; padding: 0; list-style: none; }
#nav div.info li { margin-bottom: .15em; padding: 0; }
#nav div.info li a { padding-left:.5em; border-left: .6em solid #4088b8; text-decoration: none; }
#nav div.info li a:focus { border-left-color: #eee; text-decoration: underline; }
#nav div.info li a:active { border-left-color: #eee; text-decoration: none; }
#nav div.info li a:hover { border-left-color: #eee; text-decoration: underline; }
#footer { padding: 5px; font: 0.8em/1.3em verdana; border-top: 1px solid #618AB3; font-style: normal; }
#footer p { margin: 0; text-align: center; }
#footer a:link { text-decoration: none; border-bottom: 1px solid #FFFFFF; }
#footer a:visited { text-decoration: none; border-bottom: 1px solid #FFFFFF; }
#footer a:hover { text-decoration: none; border-bottom: 2px solid #FFFFFF; }

/** COLOUR! **/

hr { background-color: #dadada; }
kbd, pre, code { background-color: #000; color: #fff; }
#menubar { background-color: #4088b8; }
#menubar ul li a:hover { background-color: #dadada; }
div.entry { background-color: #fff; }
#nav ul#navbar li { background-color: #4088b8; }
#nav ul#navbar li a:hover { background-color: #dadada; }

a:link,
a:visited { color: #00f; text-decoration: none; }
a:hover { color: #008; text-decoration: underline; }

#footer,
#nav div.info,
#nav div.info a,
#menubar,
#menubar ul li a:link,
#nav ul#navbar li a:link,
#menubar ul li a:visited { color: #fff; }

body,
div.entry,
#nav ul#navbar li a:hover,
#menubar ul li a:hover { color: #000; }

div.entry h3,
div.entry h3 a:link,
div.entry h3 a:visited,
div.entry h3 a:hover,
div.entry h2,
div.entry h2 a:link,
div.entry h2 a:visited,
div.entry h2 a:hover { color: #4088b8; border-bottom:4px solid #dadada; }

#nav div.info,
#footer { background-color: #4088b8; }


#footer a:link,
#footer a:visited,
#footer a:hover { color: #00f; }

#nav div.ninfo,
body,
#content .zenwrap,
#nav,
.wrappatron { background-color: #ccc; }

h1 { font-size: 3em; letter-spacing:-3px;margin:0; padding:0; color:#eee; }
h1 span { font-size: small; }
#nav div.info .active a { border-left-color: #eee; text-decoration: none; }

blockquote { border-top: 1px dotted #dadada; border-bottom: 1px dotted #dadada; font-size: smaller; background-color: #fef; padding: 5px; margin: 10px; }

pre { overflow: auto; }