/* init */

body { background-color: #F5F5F5; }
body, input, select, textarea { color: #4B4C4C; }
a { color: #800080; }
a:hover { color: #4B4C4C; }
strong, b { color: #656666; }
h1, h2, h3, h4, h5, h6 { color: #656666; }
hr { border-bottom-color: #E5E5E5; }
blockquote { border-left-color: #E5E5E5; }
pre { background-color: #F8F8F8; border-color: #E5E5E5; }
code { background-color: #F8F8F8; }

/* section */

header.major p { border-top-color: #E5E5E5; color: #4B4C4C; }

/* form */

label { color: #656666; }
input[type="text"], input[type="password"], input[type="email"], select, textarea { background-color: #F8F8F8; border-color: #E5E5E5; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus { border-color: #800080; }
input[type="checkbox"] + label, input[type="radio"] + label { color: #4B4C4C; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before { background-color: #F8F8F8; border-color: #E5E5E5; }
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { background-color: #FB0106; border-color: #FB0106; }
input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before { border-color: #800080; }

/* icon */

.icon.major { background-color: #FB0106; }

/* list */

ul.alt li { border-top-color: #E5E5E5; }

/* table */

table tbody tr { border-color: #E5E5E5; }
table tbody tr:nth-child(2n + 1) { background-color: #F8F8F8; }
table th { color: #656666; }
table thead { border-bottom-color: #E5E5E5 }
table tfoot { border-top-color: #E5E5E5 }
table.alt tbody tr td { border-color: #E5E5E5; }

/* button */

input[type="submit"], input[type="reset"], input[type="button"], .button { background-color: #FB0106; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover { background-color: #FF1217; }
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active { background-color: #E10005; }
input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt { color: #4B4C4C }
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, .button.special { background-color: #800080; }
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, .button.special:hover { background-color: #911191; }
input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, .button.special:active { background-color: #730073; }
input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, .button.disabled, .button:disabled { background-color: #4B4C4C !important; color: #F5F5F5 !important; }

/* ------------------------------------------------------------------------------------------------------------------------

  layout

------------------------------------------------------------------------------------------------------------------------ */

/* header */

#header { background-color: #800080; color: #9B8E79; }
#header h1 a { color: #5D5548; }
#header h1 a:hover { color: #413B32; }

#header nav > ul > li a { color: #FEFFFF; }
#header nav > ul > li a:hover, #header nav > ul > li a.currentAncestor { color: #9B8E79; }
#header nav > ul > li a.icon:before { color: #5D5548; }
#header nav > ul > li.active a { color: #9B8E79; }
#header nav > ul > li.active a.icon:before { color: #9B8E79; }
#header nav > ul > li.current a { color: #9B8E79; }

.dropotron { background-color: #FFFFFF; border-top-color: #C2A738; }
.dropotron li a { color: #5D5548; }
.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span { background-color: #F5EEE1; color: #90887B }
.dropotron li.current { background-color: #F5EEE1; }
.dropotron li.current a { color: #90887B; }

/* banner */

#banner { background-color: #9B8E79; color: #FFFFFF; }
#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { color: #FFFFFF; }
#banner input[type="submit"], #banner input[type="reset"], #banner input[type="button"], #banner .button { color: #FFFFFF; }

/* two */

#two { background-color: #C2A738; color: #F0E9CD; }
#two input[type="submit"], #two input[type="reset"], #two input[type="button"], #two .button { background-color: #FFFFFF; color: #C2A738; }
#two input[type="submit"]:hover, #two input[type="reset"]:hover, #two input[type="button"]:hover, #two .button:hover { color: #AE9632; }
#two a { color: #FFFFFF }
#two a:hover { color: #F0E9CD }

/* content */

#content > header p { border-top-color: #E5E5E5; color: #4B4C4C; }

/* pc */

#primary-content .blog-entry { border-bottom-color: #E5E5E5 }
#primary-content .blog-archive-headings-wrapper { border-bottom-color: #E5E5E5; }

/* sc */

#secondary-content #blog-categories { border-bottom-color: #E5E5E5; }
#secondary-content #blog-archives { border-bottom-color: #E5E5E5; }
#secondary-content #blog-tags { border-bottom-color: #E5E5E5; }

/* three */
/* four */

#four { background-color: #9B8E79; color: #E6E3DE; }
#four input[type="submit"], #four input[type="reset"], #four input[type="button"], #four .button { background-color: #FFFFFF; color: #9B8E79; }
#four input[type="submit"]:hover, #four input[type="reset"]:hover, #four input[type="button"]:hover, #four .button:hover { color: #8B7F6C; }
#four a { color: #FFFFFF }
#four a:hover { color: #E6E3DE }

/* five */
/* breadcrumb */

#breadcrumb { border-top-color: #E5E5E5; border-bottom-color: #E5E5E5; }

/* six */
/* footer */

#footer { background-color: #FFFFFF; }
#footer .copyright { color: #999999; }
#footer a { color: #777777; }
#footer a:hover { color: #555555; }

/* media queries */

@media only screen and (max-width: 840px) {
    #navButton .toggle:before { background-color: #5D5548; }
    #navPanel { background: #5D5548; }
    #navPanel .link { border-top-color: #534C40;; color: #B2AA9D; }
}