html, body {margin:0; padding:0; height:100%; line-height:1;}
a {text-decoration:none; outline:0 none;}
img {vertical-align:middle;}
h1, h2, h3, h4, h5, h6, form, fieldset, input, div, p, ol, ul, dl, dt, dd, article, aside, footer, header, nav, section {margin:0; padding:0;}
/* End reset, begin specifics */

body {height:90%; margin:auto; padding:0; background-color:rgb(240,240,240); color:rgb(000,030,028); font:normal 16px/1.5425em "Helvetica Neue",Arial,sans-serif;}
body a {color:rgb(048,108,140); text-decoration:none;}
body a:visited, body a:active {text-decoration:none; color:gray;}
body a:hover, body a:focus {text-decoration:none; outline:0 none; color:black;}
article, aside, nav, section, header, footer, video, audio {display:block;}
article {width:60%; margin:2% 0;}
aside {width:28%; padding:0; margin:2% 0; font-size:78%; line-height:1.4em;}
header h1 {font-size:2.6em; font-weight:500;}
footer {font-size:.78em; line-height:1.4em; position:relative;}
footer .inner {border-top:1px solid silver;}
input[type="text"], input[type="password"] {padding:2px 3px; outline-color:white; border:1px solid gray; font-family:"Helvetica Neue",Arial,sans-serif !important; font-size:12px; line-height: 18px;}
textarea {width:96%; min-height:250px; height:auto; margin:1em 0; padding:2%; font-size:1em; line-height:1.6em; color:black; font-family:"Helvetica Neue",Arial,sans-serif !important;}
video, video poster {width:100%; height:auto; margin:8px auto 16px;}

#top {background:#444 url(../images/topshade.png) repeat-x left -36px; font-weight:400;}
#top .inner {padding:56px 16px; color:silver;}
#top .inner a {color:silver;}
#top .inner a:visited, #top .inner a:active {color:gray;}
#top .inner a:hover, #top .inner a:focus {color:white;}
#top #logo {font-family:"Forelle",cursive; font-size:60px; display:inline-block; color:silver;}
#top .inner h1 {margin-bottom:8px; font-weight:normal;}
#content {background:url(../images/topshade.png) repeat-x left -25px;}
#content p {margin:.4em 0 1em;}
.inner {width:998px; height:auto; position:relative; padding:16px; margin:auto;}
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.centered {text-align:center;}
.justified {text-align:justify;}
.inline {display:inline;}
.block {display:block;}
.inline-block {display:inline-block;}
.inline li {display:inline; list-style:none;}
.block li {display:block;}
.inline-block li {display:inline-block; list-style:none;}
.single {margin:0 auto 24px; padding:0;}
.single h2, .single h3 {padding:6px 8px; margin:0; font-weight:500; font-size:1.1em; background:#d4d4d4; color:#344; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;}
.single ul {list-style:none; margin:0; padding:4px 8px; background:white; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
.single ul li {margin:.3em auto;}
.single div {padding:4px 8px; background:white; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
.graphic {text-indent:-9999em; overflow:hidden; text-align:left !important;}
.clearer {clear:both;}

#topmenu {text-align:right;}
#topmenu li a {display:inline-block; margin:0 10px;}
#searchbox {text-align:right; margin:4px 0; padding:4px;}
#main {font-weight:300; margin: 1% 0; position:relative;}
#main em {font-weight:400; font-style:normal;}
#main strong {font-weight:800; color:#344;}
#main .post {margin:1em 0 3em;}
#main a:link {color:#366; text-decoration:underline;}
#main a:hover, #main .post a:hover {color:#022; text-decoration:none; outline:0 none;}
#main a img {text-decoration:none;}
#main h1 {letter-spacing:-1px;}
#main h1 a:link, #main .post h1 a:link {text-decoration:none !important;}
#main .post h1 {font-size:1.7em; font-weight:500;}
#main .commentsbox h1 {font-size:1.4em !important; font-weight:500 !important;}
#main .commentsbox h2 {font-size:1.2em;}
#main .commentsbox textarea {min-height:180px !important; height:auto;}
#main p.date {font-size: .8em; line-height:1.4em; font-weight:500; padding:4px 0; border-top:1px solid #cdcdcd;}
#main nav.paginator {font-size:.8em; line-height:1.3em; font-weight:normal; padding:6px 9px; background:#cfdfdf; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin:100px auto;}
#switch {padding:4px 8px; margin:3px 0 16px;}
#switch li {display:block; list-style:none; border-bottom:1px solid silver; padding:4px 0; line-height:16px;}
#switch .swatch {display:inline-block; padding:4px; margin-right:8px; width:4px; height:4px; vertical-align:middle;}
#switch .gray {background:rgb(240,240,240); border:4px solid #444;}
#switch .blue {background:rgb(118,228,236); border:4px solid rgb(018,020,036);}
#switch .green {background:green; border:4px solid olive;}
#switch li a {display:block;}
#switch li a:hover, #switch li a:focus {background:rgba(255,255,255,0.6);}
#catlist {font-weight:300; position:relative; background:white; border-bottom:1px solid silver;}
#catlist .inner {padding:2px 16px 4px 16px; font-size:.85em; position:relative;}
#catlist .inner h1 {font-size: inherit; display:inline-block; padding:2px 0;}
#catlist .inner ul {position:absolute; z-index:999; padding:1px 4px;}
#catlist .inner ul li {padding:0; margin:0;}
#catlist .inner ul li ul {display:none; position:absolute; padding:1px 0; min-width:140px; width:auto;}
#catlist .inner ul li:hover ul, #catlist .inner ul li:focus ul {display:block;}
#catlist .inner ul li ul li {padding:0; border-bottom:1px solid #4ab; width:100%;}
#catlist .inner ul li a {display:inline-block; background:rgba(255,255,255,0.93); color:black; padding:2px 10px;}
#catlist .inner ul li a:hover, #catlist .inner ul li a:focus, #catlist .inner ul li a:active {background:rgb(247,250,250); color:#144;}
#catlist .inner ul li a.current {background:#444; color:white;}
#catlist .inner ul li ul li a {display:block;}
#catlist .inner ul li ul li a:hover, #catlist .inner ul li ul li a:focus, #catlist .inner ul li ul li a.current:hover, #catlist .inner ul li ul li a.current:focus {background:#444; color:silver;}
#catlist .inner ul li ul li a.current {font-weight:800; background:rgba(255,255,255,0.93); color:#566;}
#bottom {position:relative;}
#bottom .inner {font-size:.85em; font-weight:500; padding:3px 16px 16px 16px;}
#bottom .inner a {font-weight:700; text-decoration:none;}
#bottom .inner a img {color:rgb(240,240,240); text-decoration:none; outline:0 none; vertical-align:top; margin-top:-10px;}
.footnote {padding:3px 0; margin:8px 0; border-top:1px dotted gray; width:75%; font-weight:400 !important; color:gray !important;}
.footnote {padding:3px 0; margin:8px 0; border-top:1px dotted gray; width:75%; font-weight:400 !important; color:gray !important;}
#position {display:none !important;}
#videobox {background:#212; color:silver; font-size:11px; line-height:1.6em; text-align:center;}

/* Admin styles */
#admin {background:white; color:black; font-weight:normal; font-family:Georgia,serif; padding:5%;}
#admin fieldset {padding:2%; border:0 none;}
#admin legend {font-size:1.2em; color:gray;}
#admin textarea {border:1px solid silver;}
#admin textarea:hover, #admin textarea:focus {outline-color:#f4f9fe;}