@import 'https://fonts.googleapis.com/css?family=Bree+Serif|Roboto';

/* Common Elements */
a,
#component_buddyblogs_showall,
#component_buddies_showall,
.calendar_button,
.pagination > li > a{
    color: #028db1;
}
a:hover,
#component_buddyblogs_showall:hover,
#component_buddies_showall:hover,
.calendar_button:hover,
.pagination > li > a:hover{
    color: #999;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover,
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background: #3c4a53;
    border: 1px solid #3c4a53;
}
.progress-bar {
    background-color: #3c4a53;
}
.btn-primary {
    background: #e74c3c;
    border: 1px solid #c93b2e;
}
.btn-primary:hover {
    background: #c93b2e;
    border: 1px solid #b53327;
}
.btn-default {
    border: 0;
    color: #fff;
    background: #2e3a42;
}
.btn-default:hover {
    background: #000;
    color: #fff;
}

/* Custom Styles */
body {
    font-family: 'Roboto', Meiryo, sans-serif;
    color: #423f4f;
    background: #fff;
    font-size: 15px;
}
.container div.row:first-child .col-sm-12 {
    padding: 0;
}
.blog-header {
    padding: 6em 1em 0;
    background: #fff url('images/header.jpg') no-repeat center center;
    background-size: cover;
    min-height: 360px;
    text-align: center;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
    text-shadow: 1px 1px 1px #000;
    word-wrap: break-word;
}
.blog-header h1 {
    font-family: 'Bree Serif', Meiryo, serif;
    font-size: 3.5em;
    padding: 1em 0 0.25em;
    
}
.blog-header address {
    font-size: 1.25em;
    padding: 0 0 1.5em 0;
}
.blog-header a,
.blog-header address {
    color: #fff;
}
#buddyblogs,
#post_component_thread,
#component_freespace,
#menu {
    border: 10px solid #eaeaea;
    padding: 1.25em;
    background: #fff;
}
#component_introduction_statement {
    margin: 1em 0;
}
.freespace,
#post_component_thread {
    margin-top: 1.5em;
}
#buddyblogs {
    margin: 1.5em 0;
}
#buddyblogs h2 {
    font-family: 'Bree Serif', Meiryo, serif;
    color: #000;
    font-size: 19px;
}
.buddy-posts,
.blog-thread {
    background: #fff;
}
.buddy-posts h4,
.blog-thread h4,
.sidebar h3 {
    color: #475d8f;
}
.post-header h2 {
    margin: 0;
}
.post-header h2 a {
    font-family: 'Bree Serif', Meiryo, serif;
    color: #028db1;
}
.posts article.comment {
    background: #eff5fc;
    border-right: 1px solid #e5eef9;
    border-bottom: 1px solid #e5eef9;
}
.posts .comment:nth-child(2n){
    background: #e8eff7;
}
.component_calendar_today {
    color: #000;
    font-weight: bold;
}
#comments hr {
    border-color: #ddd8f0;
}
.component_comment {
    border: 10px solid #eaeaea;
    background: #fff;
    margin: 0 0 1.5em 0;
}
.component_comment_content {
    margin: 0.5em 0;
}
#component_comment_reply {
    border-color: #eaeaea;
}
.comment_disabled {
    border: 10px solid #eaeaea!important;
    background: #fff;
}
.col-xs-12 {
    padding: 0;  
}
.notices li {
    margin: 1.5em 0 0 0;
    background: #000;
    color: #fff;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
}
.post_footer {
    border-top: 1px solid #eaeaea;
}
#menu {
    margin: 1.5em 0;
}
#menu > div {
    margin: 0 0 1.5em 0;
}
#menu h3 {
    font-family: 'Bree Serif', Meiryo, serif;
    font-size: 23px;
}
.component_buddies_buddy {
    font-size: 0.8em;
}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding: 4px 2px;
}
.component_latestcomments_comment, 
.component_history_item, 
.component_categories_category {
    border-color: #eaeaea;
}
#menu #component_history {
    margin: 0;
}
.blog-footer {
    background: #ccc;
    padding: 3em 1em;
}