@charset "utf-8";

h1 {
  padding: 10px 15px;
  background-color: #666666;
  color: white;
  text-shadow: 5px 5px 2px black;
  border-radius: 5px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
  font-size: 180%;
}

h2 {
  text-decoration: underline;
  font-style: italic;
  text-shadow: 2px 2px 2px gray;
}

@media screen and (min-width: 750px) {
  .left-column {
    float:left;
    width: 550px;
  }
  .right-column {
    float:left;
    width: 350px;
  }
}
@media screen and (max-width: 750px) {
  h1 {
    font-size: 130%;
  }
  .left-column {
  }
  .right-column {
    padding-top: 20px;
  }
}

a:hover { 
  color: #44A6CC; 
}

.pankuzu {
  margin-top: 20px;
  color: gray;
}
.pankuzu a {
  color: gray;
}

.hline-table {
  border-collapse: collapse;
}
.hline-table td {
  border-top: 1px solid #aaaaaa;
  padding: 5px 10px;
}
.hline-table td.item {
  font-weight: bold;
}


a.link_button {
  background-color: #ff0000;
  border-radius: 3px;
  padding: 5px 15px;
  text-decoration: none;
  font-weight: bold;
  color: white;
}
a.link_button:hover {
  background-color: #ee0000;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

/*
 * Pagination
 */
.nav {
  margin-top:10px;
  text-align:center;
}
.pagination {
}
.pagination .actarrow {
  cursor: pointer;
  color: blue;
  padding: 0px 3px;
  margin: 0px 4px;
}
.pagination .inactarrow {
  cursor: default;
  color: gray;
  padding: 0px 3px;
  margin: 0px 4px;
}
.pagination .number {
  cursor: pointer;
  color:blue;
  text-decoration: underline;
  margin: 0px 4px;
}
.pagination .current {
  cursor: pointer;
  margin: 0px 4px;
}
@media screen and (max-width: 750px) {
  .pagination .number,.pagination .current {
    margin: 0px 8px;
  }
}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.mb50 {margin-bottom: 50px;}
.pd10 {padding-bottom: 10px;}
.pd20 {padding-bottom: 20px;}
.pd30 {padding-bottom: 30px;}
.txtC {text-align:center;}
.txtR {text-align: right;}
.clear {clear: both;}


.indent {
  padding-left: 1em;
  text-indent: -1em;
}