body,
button,
input,
select,
textarea {
    background: #000;
    color: #fff;
}
pre {
    background: #101010;
}
code,
kbd,
tt,
var {
    color: #fff;
}
abbr,
acronym {
    border-bottom: 1px dotted #fff;
}
mark,
ins {
    background: #101010;
}

blockquote { border-left: 5px solid #fff}
blockquote:before {color: #666}

hr { background-color: #888}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {background: #ff0; color: #000}

button:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after {background: #fff; color: #000}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0}

button:hover:after,
input[type="button"]:hover:after,
input[type="reset"]:hover:after,
input[type="submit"]:hover:after {color:#000; background-color:#ff0}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus { color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0; outline: none}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select {border: 2px solid #ff0}
textarea {border: 2px solid #ff0}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    color: #000;
    border-color: #ff0;
    background: #ff0;
    -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0;
}

input[type="text"]:focus:after,
input[type="email"]:focus:after,
input[type="url"]:focus:after,
input[type="password"]:focus:after,
input[type="search"]:focus:after,
textarea:focus:after,
select:focus:after {
    border: 56px solid #ff0 ;
}

h1,
h2,
h3,
h4,
h5,
h6 {border-color: #222}

a,
a:visited { color:#ff0; border-color: #ff0}
a:focus {outline: 2px solid #ff0}

a.newWindow { background-image: url("images/hc/icoNewWndw.png")}

a.more-link,
a.more-link:visited {background:#ff0; color:#000}

a.more-link:after,
a.more-link:visited:after {background: #fff; color: #000}

a.more-link:hover, 
a.more-link:focus {color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0}

a.more-link:hover:after, 
a.more-link:focus:after {color:#000; background-color:#ff0}

a.more-link:focus {outline: 2px solid #ff0}

.main-navigation {border-top: 1px solid #e2e2e2}

.main-navigation li a, .main-navigation li a:visited {color: #ff0}

.main-navigation li.hover a,
.main-navigation a:hover,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a {border-color: #ff0; color: #000; background: #ff0}
.main-navigation li.hover a:focus,
.main-navigation a:focus,
.main-navigation li.current_page_item > a:focus,
.main-navigation li.current-menu-item > a:focus,
.main-navigation li.current_page_ancestor > a:focus {outline: 2px solid #fff}

.main-navigation ul ul {background: #ff0; border-bottom: 5px solid #fff}

.main-navigation ul li.hover ul ul {background: #000}

.main-navigation ul ul li a,
.main-navigation ul ul li a:visited, .main-navigation ul ul li.hover a {background: #ff0; color: #000 !important}
.main-navigation ul li.hover ul li a {color: #ff0}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li.hover a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_ancestor > a {background: #000; color: #ff0 !important}

.main-navigation ul ul ul li a:hover,
.main-navigation ul ul ul li a:focus,
.main-navigation ul ul ul li.current_page_item a,
.main-navigation ul ul ul li.current-menu-item a
.main-navigation ul ul ul li.current_page_ancestor a {background: #ff0; color: #000 !important}

.nav-links li a:hover, .nav-links li a:focus {border-color: #ff0}

.page-numbers span,
.page-numbers a,
.page-numbers a:visited,
.subpage-numbers span,
.subpage-numbers a,
.subpage-numbers:visited {background: #ff0; color: #000}

.nav-links .page-numbers span,
.nav-links .page-numbers a,
.nav-links .page-numbers a:visited,
.nav-links .subpage-numbers span,
.nav-links .subpage-numbers a,
.nav-links .subpage-numbers a:visited {color: #000; background-color: #ff0}

.nav-links .page-numbers .dots, .nav-links .subpage-numbers .dots {color: #fff}

.nav-links .page-numbers .current, .nav-links .subpage-numbers .current {color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0}

.nav-links .page-numbers a:focus, .nav-links .page-numbers a:hover, .subpage-numbers a:focus, .subpage-numbers a:hover {color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0}

h2.entry-title,
h2.page-title {color: #fff; border-color: transparent}

.index-page .post {border: 1px solid #aaa}

h3.entry-title a, h3.entry-title a:visited {color: #ff0}
h3.entry-title a:hover {border-color: #ff0; color: #ff0}
h3.entry-title a:focus {color: #ff0}

.entry-thumbnail {background: #ff0}
.entry-thumbnail a:focus {outline: 2px solid #fff}
.gallery-link,
.gallery-link:visited {background: #ff0}
.gallery-link:focus {outline: 2px solid #fff}
.gallery-item a,
.gallery-item a:visited {background: #ff0}
.gallery-item a:focus {outline: 2px solid #fff}

.entry-meta {color: #fff}

.author a, author a:visited {color: #ff0; border-color: #ff0}
.author a:hover, .author a:focus {color: #ff0}

.entry-footer {background: #101010}

.entry-footer a, .entry-footer a:visited {color: #ff0}
.entry-footer a:hover, .entry-footer a:focus {border-color: #ff0}

.post-search {border-bottom: 2px solid #aaa}

.comments-area h3 {border-left: 5px solid #222; color: #fff}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback { border-top:2px solid #aaa}

.comment-author .avatar {border: 2px solid #222}

.comment-author .fn {color: #fff}
.comment-author a, .comment-author a:visited {border-bottom: 1px solid #ff0}

.comment-metadata a, .comment-metadata a:visited {border-bottom: 1px solid #ff0}

a.comment-reply-link,
a.comment-reply-link:visited {background:#ff0; color:#000}

a.comment-reply-link:after,
a.comment-reply-link:visited:after {background: #fff; color: #000}

a.comment-reply-link:hover, 
a.comment-reply-link:focus {color:#ff0; background-color:#000; box-shadow: 0 0 0 2px #ff0; -webkit-box-shadow: 0 0 0 2px #ff0; -moz-box-shadow: 0 0 0 2px #ff0}

a.comment-reply-link:hover:after, 
a.comment-reply-link:focus:after {color:#000; background-color:#ff0}

a.comment-reply-link:focus {outline: 2px solid #ff0}

.required {color: #fff}

.font-contrast {color: #ff0}
.font-contrast:hover {color: #ff0; border-color: #ff0}
.font-contrast:focus {color: #ff0; outline: 2px solid #ff0}

.font-list a:focus {outline: 2px solid #ff0}

#skip-links a:active {background:#ff0; border: 2px solid #000; color: #000}

.site-title a, .site-title a:visited {color: #ff0; border-bottom: 1px solid transparent}
.site-title a:hover {color: #ff0; border-color: #ff0}
.site-title a:focus {color: #ff0; outline: 2px solid #ff0}

#sidebar a, #sidebar a:visited {color: #ff0; border-bottom: 1px solid #ff0}

#content-wrapper {border-top: 2px solid #222}

#content table {border: 1px solid #fff}
#content table th {background: #fff; color: #000}
#content table td {border: 1px solid #fff}

#crumbpath {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #111}

#crumbpath li a, #crumbpath li a:visited {color: #ff0}
#crumbpath li a:hover, #crumbpath li a:focus {border-color: #ff0; color: #ff0}

#search-wrapper {border-top: 1px solid #aaa; border-left: 1px solid #aaa}
.search-form input[type="search"]:focus {outline: 2px solid #ff0}
.search-submit:focus {outline: 2px solid #ff0}

.page-content .search-form input[type="search"] {border: 2px solid #ff0}
.page-content .search-form input[type="search"]:focus {box-shadow: 0 0 0 1px #ff0; -webkit-box-shadow: 0 0 0 1px #ff0; -moz-box-shadow: 0 0 0 1px #ff0; border-color: #ff0}

.site-footer {border-top: 1px solid #aaa; border-bottom: 2px solid #222}

.widget h2 {color: #fff; border-bottom: 2px solid transparent}

.widget {border-bottom: 5px solid #fff}
.widget:first-child {border-top: 5px solid #fff}

#sidebar .textwidget a, #sidebar .textwidget a:visited {color: #ff0}
#sidebar .textwidget a:hover, #sidebar .textwidget a:focus {color: #ff0}

#sidebar .menu li {border-top: 1px solid #aaa}

#sidebar .menu li a,
#sidebar .menu li a:visited {color: #ff0}
#sidebar .menu li a:hover,
#sidebar .menu li a:focus,
#sidebar .menu li.hover a,
#sidebar .menu li.hover a
#sidebar .menu li.current-menu-item a,
#sidebar .menu li.current_page_item a,
#sidebar .menu li.current_page_ancestor a {background: #ff0; color: #000}

#sidebar .menu ul {background: #ff0}

#sidebar .menu ul li a,
#sidebar .menu ul li a:visited {background: #ff0 !important; color: #000}
#sidebar .menu ul li a:hover,
#sidebar .menu ul li a:focus,
#sidebar .menu ul li.hover a
#sidebar .menu ul li.hover a,
#sidebar .menu ul li.current-menu-item a,
#sidebar .menu ul li.current_page_item a,
#sidebar .menu ul li.current_page_ancestor a {background: #000 !important; color: #ff0; outline: 2px solid #ff0}

#sidebar .menu ul ul li a,
#sidebar .menu ul ul li a:visited {background: #000 !important; color: #ff0}
#sidebar .menu ul ul li a:focus,
#sidebar .menu ul ul li a:hover,
#sidebar .menu ul ul li.current-menu-item a,
#sidebar .menu ul ul li.current_page_item a,
#sidebar .menu ul ul li.current_page_ancestor a {background: #ff0 !important; color: #000}

.widget_calendar caption {color: #fff}
.widget_calendar th {background: #fff; color: #000}
.widget_calendar td {border: 1px solid #fff}

.widget_calendar td#today {background: #222}
#sidebar .widget_calendar a, #sidebar .widget_calendar a:visited {background: #ff0; color: #000}
#sidebar .widget_calendar a:hover, #sidebar .widget_calendar a:focus {background: #000; color: #ff0; outline: 2px solid #ff0}

#sidebar .widget_calendar tfoot a, #sidebar .widget_calendar tfoot a:visited {background: #ff0; color: #000}
#sidebar .widget_calendar tfoot a:hover, #sidebar .widget_calendar tfoot a:focus {background: #000; color: #ff0; outline: 2px solid #ff0}

#sidebar .widget_archive a:hover, #sidebar .widget_archive a:focus {color: #ff0; border-color: #ff0}

#sidebar .widget_categories a:hover, #sidebar .widget_categories a:focus {color: #ff0; border-color: #ff0}

#sidebar input[type="search"] {border: 2px solid #ff0}
#sidebar input[type="search"]:focus {background: #ff0; outline: none; color: #000; border: 3px solid #ff0}
#sidebar .search-submit {background: none}

#sidebar .widget_tag_cloud a, #sidebar .widget_tag_cloud a:visited {color: #ff0}
#sidebar .widget_tag_cloud a:hover, #sidebar .widget_tag_cloud a:focus {border-color: #ff0; color: #ff0}

#sidebar .widget_pages a:hover, #sidebar .widget_pages a:focus {color: #ff0; border-color: #ff0}

#sidebar .widget_recent_entries a, #sidebar .widget_recent_entries a:visited {color: #ff0}
#sidebar .widget_recent_entries a:hover, #sidebar .widget_recent_entries a:focus {color: #ff0; border-color: #ff0}
.widget_recent_entries .post-date {color: #fff}

#sidebar .widget_meta a:hover, #sidebar .widget_meta a:focus {color: #ff0; border-color: #ff0}

#sidebar .widget_recent_comments a, #sidebar .widget_recent_comments a:visited {border-bottom: 1px solid #ff0}
#sidebar .widget_recent_comments a:hover, #sidebar .widget_recent_comments a:focus {color: #ff0}

#sidebar .widget_rss a, #sidebar .widget_rss a:visited {color: #ff0}
#sidebar .widget_rss a:hover, #sidebar .widget_rss a:focus {color: #ff0; border-color: #ff0}

.widget_rss .rss-date {color: #fff}

#sidebar {border-color: #222}
.addition-navigation {border-color: #222}

#slider .slider-text {background: #111}
#slider h2 {color: #fff; text-shadow: none}
#slider p {color: #fff; text-shadow: none}

#slider a.more-link, #slider a.more-link:visited {background: #ff0; color: #000}
#slider a.more-link:after,
#slider a.more-link:visited:after {background: #fff; color: #000}

#slider a.more-link:hover, 
#slider a.more-link:focus {color: #ff0; background-color: #000}

#slider a.more-link:hover:after, 
#slider a.more-link:focus:after {color: #000; background-color: #ff0}

#slider a.more-link:focus {outline: 2px solid #ff0}

.goto-top a,
.goto-top a:visited {background-color: #ff0; color: #000; text-shadow: none; border: none}
.goto-top a:after {color: #000; text-shadow: none; border: none; background: none}

@media only screen and (max-width: 800px) {
    .main-navigation.toggled .menu {background: #101010}
}
@media only screen and (max-width: 640px) {
    .menu-toggle .icon,
    .menu-toggle .icon:after,
    .menu-toggle .icon:before {background-color: #000}
    
    .menu-toggle:hover .icon,
    .menu-toggle:hover .icon:before,
    .menu-toggle:hover .icon:after,
    .menu-toggle:focus .icon,
    .menu-toggle:focus .icon:before,
    .menu-toggle:focus .icon:after {background-color: #ff0}
    
    button.menu-toggle:focus {outline: 2px solid #ff0}
    
    .main-navigation.toggled ul {background: #101010; border-bottom: 5px solid #ff0}
    
    .main-navigation.toggled ul ul {background: #101010}    
    .main-navigation ul li {background: none}
}