/* Copyright 2014 Owen Versteeg; MIT licensed */body,textarea,input,select{background:0;border-radius:0;font:16px sans-serif;margin:0}.smooth{transition:all .2s}.btn,.nav a{text-decoration:none}.container{margin:0 20px;width:auto}label>*{display:inline}form>*{display:block;margin-bottom:10px}.btn{background:#999;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;margin:2px 0;padding:12px 30px 14px}.btn:hover{background:#888}.btn:active,.btn:focus{background:#777}.btn-a{background:#0ae}.btn-a:hover{background:#09d}.btn-a:active,.btn-a:focus{background:#08b}.btn-b{background:#3c5}.btn-b:hover{background:#2b4}.btn-b:active,.btn-b:focus{background:#2a4}.btn-c{background:#d33}.btn-c:hover{background:#c22}.btn-c:active,.btn-c:focus{background:#b22}.btn-sm{border-radius:4px;padding:10px 14px 11px}.row{margin:1% 0;overflow:auto}.col{float:left}.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}h1{font-size:3em;margin:0.1em 0;}.btn,h2{font-size:2em}.ico{font:33px Arial Unicode MS,Lucida Sans Unicode}.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}textarea,input,select{padding:8px;border:1px solid #ccc}textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em}.addon{padding:8px 12px;box-shadow:0 0 0 1px #ccc}.nav,.nav .current,.nav a:hover{background:#000;color:#fff}.nav{height:24px;padding:11px 0 15px}.nav a{color:#aaa;padding-right:1em;position:relative;top:-1px}.nav .pagename{font-size:22px;top:1px}.btn.btn-close{background:#000;float:right;font-size:25px;margin:-54px 7px;display:none}@media(min-width:1310px){.container{margin:auto;width:1270px}}@media(max-width:870px){.c1,.c2,.c3,.c4{width:33.333%}}@media(max-width:500px){.c1,.c2,.c3,.c4{width:50%}.btn.btn-close{display:block}.nav{overflow:hidden}.pagename{margin-top:-11px}.nav.active,.nav:active,.nav:focus{height:auto}.nav div:before{background:#000;border-bottom:10px double;border-top:3px solid;content:'';float:right;height:4px;position:relative;right:3px;top:14px;width:20px}.nav a{padding:.5em 0;display:block;width:50%}}.table th,.table td{padding:.5em;text-align:left}.table tbody>:nth-child(2n-1){background:#ddd}.msg{padding:1.5em;background:#def;border-left:5px solid #59d}
.hidden{display:none;}
.pic {
overflow: hidden;
position: relative;
text-align: center;
margin:1px;
}

.pic img {
width: 100%;
height: auto;
}

.pic aside {
position: absolute;
bottom: 0;
right: 0;
padding: 1em 0.5em;
color: white;
width: 100%;
font-size: 80%;
text-align: right;
background: linear-gradient(to bottom, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* W3C */
}

.pic aside span {
color: #aaa;
}

.pic aside span a {
color: #ccc;
text-decoration: none;
}

@media (min-width: 30em) {
.pic {
text-align: left;
}
}

.footer {
height:30px;
text-align:center;
}

/* tag cloud */
#tagcloud {
}

#tagcloud ul {
background:#f3f3f3;
padding: 10px;
border: 1px solid #e8e8e8;
text-align:center;
}

#tagcloud a:link, #tagcloud a:visited {
color:#515151;
text-decoration:none;
}

#tagcloud a:hover, #tagcloud a:active {
text-decoration: underline;
}

#tagcloud li {
display:inline;
padding: 4px;
margin:0px;
}

.smallest {
font-size: x-small;
}

.small {
font-size: small;
}

.medium {
font-size:medium;
}

.large {
font-size:large;
}
.largest {
font-size:x-large;
}

/* icon */


.icon {
position:relative;
display:inline-block; 
}

.icon a:link,
.icon a:visited {
display:block;
border:0;
padding-left:28px;
color:#c55500;
}

.icon a:hover,
.icon a:focus,
.icon a:active {
color:#730800;
background:transparent;
}

.icon:before,
.icon:after,
.icon a:before,
.icon a:after {
content:"";
position:absolute;
top:50%;
left:0;
}

.icon a:before,
.icon a:after {
margin:-8px 0 0;
background:#c55500;
}

.icon a:hover:before,
.icon a:focus:before,
.icon a:active:before {
background:#730800;
}



.full:before,
.full:after {
z-index:1;
left:8px;
width:3px;
height:8px;
border:5px solid #c55500;
border-width:5px 0;
margin-top:-8px;
/* css3 */
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.full:after {
/* css3 */
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.full:hover:before,
.full:hover:after {
border-color:#730800;
}

.full a:before,
.full a:after {
z-index:10;
width:4px;
height:0;
border-width:0 7px 7px;
border-style:solid;
border-color:transparent #c55500;
margin-top:-8px;
background:transparent;
}

.full a:after {
border-width:7px 7px 0;
margin-top:3px;
}

.full a:hover:before,
.full a:focus:before,
.full a:active:before,
.full a:hover:after,
.full a:focus:after,
.full a:active:after {
border-color:transparent #730800;
background:transparent;
}

/* FGH */
#B {text-align:center;background-color:black;padding:0px;height:auto;left:0;top:0;z-index:100;width:100%;height:100%;}
#F { vertical-align:bottom; }
#H { margin:0 auto;border:none;overflow:hidden;}



#Xb {
 text-decoration:none;
 border: 2px solid #666;
 border-radius: 30px;
 position: absolute;
 top: 10px;
 right: 10px;
 width: 30px;
 height: 30px;
 color: #666;
 font-weight: bolder;
 font-size: 26px;
}