﻿body {
    font-family: 'Muli', Verdana, Tahoma, Geneva, sans-serif;
    background: #FFF;
    color: #000;
    min-height: 100%;
    font-size: 14px;
}
div#content p  {
    line-height:1.5em;
    font-size: 1em;
    margin:0;
}
h1 {
    font-family: 'Italianno', Verdana, Tahoma, Geneva, sans-serif;
    color:#858585;
    font-size:5em;
}
h2 {
    font-size:25px;
    margin:0;
    margin-top:0.5em;
    margin-bottom:0.25em;
    color: #EB2F2D;
    text-transform: uppercase;
}
a {
    text-decoration: none;
    color: #000080;
}
div#content h3 {
    font-size:1.1em;
    margin:0;
    padding:0 0 5px;
    font-weight:bold;
    color: #858585;
    display: inline-block;
}
div#content h4 {
    font-size:1.0em;
    margin:0;
    padding:0 0 5px;
    font-weight:bold;
}
div#content a
{
    color: #000;
    text-decoration: none;
}
div#content a:hover {
    color:#000; 
}
div#content th {
    font-weight:bold;
    text-align:left;
    background-color:#EC2F2D;
    padding:4px;
    color: #FFF;
}
div.infobox td:first-child {
    white-space: nowrap;
}
div#content table {
    width: 100%;
}
div#content td {
    padding:4px;
}
div.indent1 {
    margin-left:20px;
}
div.indent2 {
    margin-left:40px;
}
div.indent3 {
    margin-left:60px;
}
.recentwins {
    font-size:90%;
}
div.recentwins a {
    color:#231f20;
}
#content .indent1 {
    margin-left:25px;
    text-align: justify;
    text-indent: -18pt;
}
#content .indent2 {
    margin-left:35px;
    text-align: justify;
    text-indent: -18pt;
}
#content .indent3 {
    margin-left:45px;
    text-align: justify;
    text-indent: -18pt;
}
#content .indent4 {
    margin-left:55px;
    text-align: justify;
    text-indent: -18pt;
}
#content .indent5 {
    margin-left:65px;
    text-align: justify;
    text-indent: -18pt;
}
#content .indent6 {
    margin-left:75px;
    text-align: justify;
    text-indent: -18pt;
}
#content ul {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 25px;
}

#content ol {
    list-style-type: decimal;
    list-style-position: inside;
}

#content ul ul, #content ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

#content ol ol,#content  ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

.body img {
    padding: 5px;
    text-align:center;
}
.videoWrapper {
    width: 990px;
    height: 604px;
}
.videoWrapper iframe {
    width: 990px;
    height: 604px;
}
div.imgcaption {
  text-align: center;
}
.imagealigncenter {
  text-align: center;
  margin: 0 auto;
}
div#content .list_title {
    vertical-align: top;
}
div#content .list_title h2 {
    display: block;
}
div#content .list_title a {
    color: #000;
    font-weight: bold; 
}
.category_contents_image {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}
.category_contents {
    display: inline-block;
    vertical-align: top;
    max-width: 700px;
}
figcaption {
    color: #333;
    font-size: 12px;
}
ul {
    display: table;
}
ul > li {
    list-style-type: circle;
}
ul > li::before {
    display: table-cell; /* aha! */
    text-align: right;
}

@media only screen and (max-width: 768px)
{
    #header #title h1
    {
        font-size: 20px;
    }
    div#content .list_title
    {
        max-width: 100%; 
        margin-left: 0px;
    }
    .videoWrapper
    {
        width: 100%;
        height: auto;
    }
    .videoWrapper iframe
    {
        width: 100%;
        height: auto;
    }
}