@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

body {
    font-family: "Noto Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Serif", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

#header {
    background: #c8e8f5;
}

.searchbox {
    border: 1px solid #c8e8f5;
    background: #7dd6f5;
}

#sidebar ul li.visited > a .read-icon {
    color: #c8e8f5;
}

.searchbox label, .searchbox input, .searchbox span {
    color: #8d8989;
}

.searchbox input::-webkit-input-placeholder, .searchbox input:-moz-placeholder, .searchbox input::-moz-placeholder, .searchbox input:-ms-input-placeholder {
    color:    #909;
}

textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
    border-color: #c8e8f5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(133, 215, 245, 0.7);
}

#sidebar-toggle {
    color: #c8e8f5;
}