@import url("https://fonts.googleapis.com/css?family=Miltonian+Tattoo");
@import url("https://fonts.googleapis.com/css?family=Miltonian");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
body {
  font-family: "Open Sans", Meiryo, sans-serif;
  color: #000;
  background-image: url("images/header.jpg");
  background-size: 100%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center -5px, bottom left, bottom right; }
  @media screen and (max-width: 768px) {
    body {
      background-image: url("images/header.jpg");
      background-size: 768px;
      background-position: top right; } }

div.col-xs-12 {
  padding: 0 !important; }

/* Common Elements */
a,
#component_buddyblogs_showall,
#component_buddies_showall,
.pagination > li > a {
  color: #8782a5;
  text-decoration: none;
  font-weight: bold; }

a:hover, a:focus,
#component_buddyblogs_showall:hover,
#component_buddies_showall:hover,
.pagination > li > a:hover {
  color: #555170;
  text-decoration: none; }

div.post {
  background: #fff;
  background-image: url("images/arrow-border.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  padding: 1em 1em 0 1em; }
  @media screen and (min-width: 769px) and (max-width: 991px) {
    div.post {
      background-image: url("images/arrow-border-med.png"); } }
  @media screen and (max-width: 500px) {
    div.post {
      background-image: url("images/arrow-border-sm.png"); } }

div.fb_like_button {
  margin: -1em 0 0 0;
  background: #fff;
  padding: 1em 0 10px 1em; }

.component_comment_content {
  padding-bottom: 1em; }

.post-header h2 a, .post-header h2 a:focus, .post-header h2 a:active, .post-header h2 a:hover {
  color: #000;
  font-weight: normal;
  transition: color 250ms ease-out;
  font-family: "Miltonian", Meiryo, serif; }

.post-header h2 a:focus, .post-header h2 a:active, .post-header h2 a:hover {
  color: #8782a5;
  outline: 0;
  transition: color 250ms ease-in;
  -webkit-transition: color 250ms ease-in; }

.progress-bar {
  background-color: #8782a5;
  box-shadow: none;
  border-radius: 0 10px 10px 0; }

.progress {
  border-radius: 0 10px 10px 0; }

.component_poll_result_count {
  color: #fff;
  font-weight: bold; }

.notices li, #component_introduction_buddy_status span {
  font-family: "Miltonian Tattoo", Meiryo, serif;
  font-size: 1.25em;
  background-color: #8782a5;
  color: #fff;
  padding: 8px 10px; }

.notices li {
  margin-top: 0;
  border-radius: 0; }

#component_introduction_buddy_status span {
  font-family: "Miltonian Tattoo", Meiryo, serif;
  font-size: 1.25em;
  background-color: #8782a5;
  color: #fff;
  padding: 8px 10px;
  border-radius: 14px; }

.post-header h2 {
  font-family: "Miltonian Tattoo", Meiryo, serif;
  color: #000;
  font-size: 32px;
  overflow: visible;
  line-height: 32px;
  padding: 20px 0 0;
  text-align: left;
  margin-top: 0; }

.sidebar-container h3 {
  font-family: "Miltonian Tattoo", Meiryo, serif;
  text-align: center;
  margin-bottom: 15px;
  display: block;
  color: #000;
  font-size: 21px;
  padding: 8px 10px; }

#component_buddies_buddy {
  font-size: .89em; }

#component_introduction_statement {
  line-height: 1.4; }

span#component_introduction_by a, .component_categories_category a, .component_history_item a, .author a {
  font-size: 1em;
  font-weight: bold; }

.btn {
  display: block;
  font-size: 16px;
  color: #8782a5;
  padding: 2.5px 13px;
  background: #fff;
  margin-top: 10px;
  border: 2px solid #8782a5;
  border-radius: 14px;
  font-family: "Miltonian Tattoo", Meiryo, serif, sans-serif;
  transition: background 200ms ease-in, color 200ms ease-in; }

@media screen and (min-width: 769px) and (max-width: 1199px) {
  div#menu div#component_poll div#component_poll_data form input.btn {
    padding: 2.5px 7px !important;
    font-size: 14px !important; } }

.btn:hover, .btn:focus {
  color: #fff;
  background: #8782a5;
  border-color: #8782a5;
  transition: all 250ms ease-in; }

.post_poll {
  margin-left: 0;
  padding-left: 20px;
  border: 0;
  border-left: 8px solid #8782a5; }

#menu #component_poll_data .poll-label {
  width: 87%; }

.calendar_button,
.calendar_button:hover,
.calendar_button:focus,
.calendar_button:active {
  color: #8782a5; }

#component_calendar_container a {
  font-weight: normal; }

#component_calendar th {
  color: #8782a5; }

#component_calendar td a:hover {
  text-decoration: underline; }

.component_calendar_today {
  font-weight: bold;
  color: #8782a5;
  border: 1px solid #8782a5;
  border-radius: 14px;
  padding: 0 6px; }

#component_calendar_container table tr {
  border-top: 1px solid #ddd;
  background: #f9f9f9; }

#component_calendar_container table tr:nth-child(even) {
  background: #fff; }

#component_search_data .btn {
  margin: 0 auto; }

.component_categories_category, .component_history_item {
  border-bottom: 1px dotted #8782a5; }

#component_categories a,
#component_categories a:hover,
#component_categories a:active,
#component_categories a:focus,
#component_history a,
#component_history a:hover,
#component_history a:active,
#component_history a:focus {
  color: #473a23; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background: transparent; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 0; }

.component_latestcomments_comment {
  text-align: left;
  border: 0; }
  .component_latestcomments_comment .content {
    border: 0; }

.component_latestcomments_comment .content {
  background: transparent; }

.component_latestcomments_comment {
  border-top: 1px dotted #8782a5;
  padding: 10px 0 0 0; }

.component_latestcomments_comment:first-child {
  border: 0;
  padding-top: 0; }

#menu > div {
  margin: 0 0 1em;
  padding: 0 16px 1em;
  border-bottom: 8px solid transparent;
  border-image: url(images/dotted-border.png) 0 0 100% repeat;
  -webkit-border-image: url(images/dotted-border.png) 0 0 100% repeat;
  -o-border-image: url(images/dotted-border.png) 0 0 100% repeat; }

#menu > div:last-child {
  border: none;
  padding: 0 16px 0; }

@media screen and (max-width: 767px) {
  #menu {
    border-top: 8px solid transparent;
    border-image: url(images/dotted-border.png) 20 0 100% repeat;
    -webkit-border-image: url(images/dotted-border.png) 20 0 100% repeat;
    -o-border-image: url(images/dotted-border.png) 20 0 100% repeat; } }
#menu a {
  color: #8782a5; }
  #menu a:hover {
    color: #555170; }

.component_latestcomments_comment .author, .component_latestcomments_comment .date {
  font-size: 1em; }

#comments .comment_info {
  font-size: 1em;
  line-height: 1.3;
  color: #000; }

#component_reply_position, .component_reply_explain, #component_reply_image, #component_comment_marker {
  font-size: 1em; }

.component_reply_explain, #component_reply_image, #component_comment_marker {
  font-style: italic; }

/* Custom Styles */
#component_freespace_data {
  padding: 15px;
  margin: 0 -15px;
  background: transparent; }

#component_freespace {
  background: #fff;
  padding: 0 25px; }

.freespace {
  background: transparent;
  color: #000;
  font-weight: bold; }

.content, ul.notices {
  background-color: transparent; }

div.row.content {
  margin: 0;
  background: #fff; }
  @media screen and (max-width: 767px) {
    div.row.content {
      margin: 0; } }

ul.notices {
  padding: 0 15px;
  margin: 20px 0 0; }
  @media screen and (min-width: 992px) {
    ul.notices {
      margin: 30px 0 0; } }
  ul.notices li {
    background: #8782a5;
    color: #fff; }

#comments ul.notices {
  margin: 10px 0; }

#buddyblogs {
  color: #000;
  font-size: 1em;
  margin: 5px 0 !important;
  background: #fff; }

#buddyblogs a, #buddyblogs a:active, #buddyblogs a:hover, #buddyblogs a:focus {
  color: #8782a5; }

#buddyblogs a:hover {
  color: #555170; }

#post_component_thread,
.component_comment {
  color: #000;
  border: 0; }

#buddyblogs h2, #post_component_thread h2 {
  color: #000;
  font-size: 24px; }

#buddyblogs h2 {
  font-family: "Miltonian", Meiryo, serif; }

.blog-header {
  text-align: right;
  padding-top: 40px; }

.blog-header h1 {
  padding: 0;
  position: relative;
  line-height: 1.3;
  font-family: "Miltonian Tattoo", Meiryo, serif, sans-serif;
  max-width: 60%;
  float: right; }
  @media screen and (max-width: 680px) {
    .blog-header h1 {
      max-width: 70%; } }
  @media screen and (max-width: 620px) {
    .blog-header h1 {
      max-width: 80%; } }
  @media screen and (max-width: 550px) {
    .blog-header h1 {
      max-width: 90%; } }
  @media screen and (max-width: 500px) {
    .blog-header h1 {
      max-width: 100%; } }

.blog-header address {
  clear: both;
  float: right; }

.blog-header h1 a {
  font-family: "Miltonian Tattoo", Meiryo, serif;
  color: #000;
  font-weight: normal; }

.blog-header h1 a:hover {
  text-decoration: none;
  outline: none;
  text-shadow: 2px 2px #fff;
  transition: text-shadow 250ms ease-in;
  color: #333333; }

.blog-header address {
  display: inline-block;
  font-family: "Miltonian Tattoo", Meiryo, serif, sans-serif;
  color: #000;
  margin: 0;
  font-size: 1em; }

.buddy-posts,
.blog-thread {
  background: #eff5fc;
  border-right: 1px solid #e5eef9;
  border-bottom: 1px solid #e5eef9; }

.sidebar-container .progress {
  background-color: #e8e4df; }

#comments hr {
  display: none; }

.blog-footer, #component_paginator_pageIndex {
  color: #000;
  font-weight: normal; }

.blog-footer {
  margin: 15px 0;
  overflow: hidden;
  padding: 0; }

.blog-footer a {
  color: #000;
  font-weight: bold; }

.pagination-footer {
  margin-bottom: 1.5em; }

#component_paginator_pageIndex {
  padding: 0;
  font-size: 1em; }

.notifications .col-xs-12 {
  padding: 0; }

#component_buddies_showall,
#component_introduction .btn,
#component_introduction_buddy_status .btn {
  background: #fff;
  color: #8782a5;
  text-transform: capitalize;
  padding: 8px 10px;
  margin-top: 15px;
  border-radius: 14px;
  border: 2px solid #8782a5; }

#component_buddies_showall:before,
#component_introduction .btn:before, #component_buddies_showall:before {
  font-family: 'FontAwesome';
  content: "\f003";
  margin-right: 8px;
  font-size: 1.2em; }

#component_introduction_buddy_status .btn:before {
  content: "\f118"; }

#component_buddies_showall:before {
  content: "\f055"; }

#component_buddies_showall:hover,
#component_introduction .btn:hover,
#component_introduction_buddy_status .btn:hover {
  color: #fff;
  background: #8782a5;
  text-decoration: none; }

.post-date-month, .post-date-day {
  font-weight: normal;
  color: #000; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #000;
  background-color: #20406f !important;
  border: 0 !important; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #8b7245;
  border: 0; }

.component_comment {
  background: #fff;
  border-top: 2px dotted #dddddd; }

.indent_level_0 {
  margin: 1em 0 1em 10%;
  width: 90%; }

.indent_level_1 {
  margin-left: 15%;
  width: 85%; }

.indent_level_2 {
  margin-left: 20%;
  width: 80%; }

.indent_level_3 {
  margin-left: 25%;
  width: 75%; }

.indent_level_4, .indent_level_5, .indent_level_6, .indent_level_7 {
  margin-left: 30%;
  width: 70%; }

#component_comment_reply {
  background: #fff;
  padding: 1em; }

.component_comment_userInfo img {
  margin-bottom: 10px;
  padding-right: 0;
  margin-right: 5px; }

.component_comment_content pre {
  color: #000; }

.component_comment .component_post_left, .component_comment .component_post_right {
  margin-top: 15px !important; }

.pagination > li > a {
  border: 0;
  background: transparent;
  font-family: 'Arial', sans-serif; }

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus,
.pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus {
  background: transparent;
  color: #8b7245; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  background: none; }

.post_footer {
  border-top: 4px solid #dddddd;
  margin-top: 4px; }

.post_footer li {
  margin: 0 5px 0 0; }

.post_footer li a, .post-header li a {
  color: #8782a5;
  font-weight: normal; }

.post_footer li a:hover, .post-header li a:hover {
  color: #555170; }

.poll-label {
  width: 91%; }

ul.post_footer, .post-header ul {
  font-family: arial, Meiryo sans-serif; }

#component_comment_delete blockquote {
  border: 2px solid #8782a5;
  color: #8782a5;
  font-weight: bold;
  background: #dddddd; }

#component_comment_delete .btn {
  display: inline-block; }

@media only screen and (max-width: 767px) {
  .table-responsive {
    border: 0; }

  .blog-header h1 a {
    font-size: 36px; } }
@media screen and (min-width: 992px) {
  .blog-header h1 a {
    font-size: 4vw; }

  .blog-header address {
    font-size: 1.6vw; } }
@media screen and (max-width: 991px) {
  .blog-header h1 a:hover {
    text-shadow: 1px 1px #fff; } }
@media screen and (max-width: 767px) {
  .sidebar-container {
    margin: 0 1em; } }
@media screen\0 {
  #menu > div {
    border-bottom: 2px solid #8782a5;
    border-image: none; } }
@media screen and (min-width: 0\0) and (max-width: 767px) {
  #menu {
    border-top: 2px solid #8782a5;
    border-image: none; } }

/*# sourceMappingURL=style.css.map */