@charset "UTF-8";
body
{
	margin: 0px;
	padding: 0px;
	background: 
		linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 10%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.25) 90%, rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.25) 100%),
		url("img_007_green.png");
	/*background-size: 16px;*/
	background-repeat: repeat;
	color: #33FF33;
	height: 100%;
	min-height: 100vh;
	font-family: arial;
}
a:link, a:visited
{
	text-decoration: none;
	color: #FF9900;
}
body > header,
body > nav,
body > content > article,
body > table,
body > footer
{
	/*background-color: rgba(0,0,0,0.25);*/
	background-color: rgba(0,0,0,0.5);
	/*filter: blur(4px);*/
}
body > header {
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #FF9900;
    box-shadow: 0 0 1.5em #000000;
}
body > header > div
{
	text-align: center;
	margin: 0em auto;
	padding: 1em 0;
}
body > header > div > img,
body > header > div > h1,
body > header > div > h2
{
	padding: 0.1em 0;
	margin: 0;
}
body > header > div > div {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url("favicon.png");
}
body > header > div > h1
{
	font-size: 1.6em;
}
body > header > div > h2
{
	font-size: 1.2em;
}
body > nav
{
	text-align: center;
}
body > nav > a
{
	display: inline-block;
	padding: 1em;
	font-weight: bold;
}
body > nav > a:hover
{
	background-color: #FF9900;
	color: #FFFFFF;
}

body > content
{
	padding: 1em 10%;
	display: block;
}
@media (max-width: 640px) {
    body > content {
        padding: 1em 1%;
    }
}

article
{
	padding: 0em;
	display: block;
	border-style: dashed solid;
    border-width: 1px 2px;
    border-color: #FF9900;
    margin-bottom: 2.5em;
    box-shadow: 0 0 1em #000000;
}

article > p {
    /*text-align: center;*/
    margin: 1em;
    padding: 0.25em;
}

article > footer {
    display: none;
}
article > header {
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    /*border-color: #4CBCFF;*/
    border-color: #FF9900;
}
article > header > h3 {
    margin: 0px;
    padding: 0.5em;
    color: #FF9900;
}

article.portrait {
    border-radius: 50%;
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-color: #FF9900;
    /*border-color: #FF0000;*/
    margin-top: 1.5em;
    
}

article.portrait > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border-radius: 50%;
    border-color: #4CBCFF;
    /*border-color: #FF0000;*/
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 3em /*hsla(36, 100%, 50%, 50%)*/hsla(202, 100%, 65%, 75%);
}

article.message, article.tag-list, article.table {
    border-radius: 8px;
    margin-top: 1em;
}

article.message > content > p {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
}
article.red > header {
    border-color: #FF0000;
}
article.red, article.red h3, article.red p { 
    border-color: #FF0000 !important; 
    color: #FF0000; 
    text-align: center;
    /*text-shadow: 0 0 4px #AA0000;*/
}
article.red p {
    color: #FF7777;
    text-shadow: 0 0 4px #FF0000;
    -webkit-text-shadow: 0 0 4px #FF0000;
}
article p.right { 
    text-align: right; 
    
}

/*article < .social_link { 
    text-align:center; 
}*/
article.facebook-feed {
    
}



article.facebook-feed > div {
    margin-left: auto;
    margin-right: auto;
    /*display: inline-block;*/
}
article > content > div > iframe {
    display: inline-block !important;
    vertical-align: top;
}

article > content {
    /*text-align: center;*/
    padding: 1em;
}
article > content > p {
    margin: 1em;
    text-indent: 0em;
}

.fb-page > span, .fb-page > span > iframe {
    /*width:100%;
    height: 420px;*/
}

article.instagram-feed > content > div {
    text-align: center;
}

article.tag-list > content {
    /*text-align: center;*/
}
article.tag-list > content > center > div {
    border-style: solid;
    border-radius: 8px;
    border-width: 1px 0px;
    border-color: #4CBCFF;
    padding: 4px 12px;
    margin: 8px 4px;
    transition: padding 0.25s, margin: 0.25s;
    display: inline-block;
}
article.tag-list > content > center > div.green {
    border-color:#00FF00;
    color: #00FF00;
}
article.tag-list > content > center > div:hover {
    padding: 8px 12px;
    margin: 4px 4px;
    transition: padding 0.25s, margin: 0.25s;
}
article.tag-list > content > center > div > div {
    display: inline-block;
}

.social_link {
    border-radius: 8px;
    border-style: solid;
    border-width: 1px 0px;
    border-color: #4CBCFF;
    padding: 4px 16px;
    margin: 8px 4px;
    display: inline-block;
    transition: padding 0.25s, margin 0.25s, border-color 0.25s;
}
.social_link:hover {
    padding: 8px 16px;
    margin: 4px 4px;
    border-color:#FF9900;
    transition: padding 0.25s, margin 0.25s, border-color 0.25s;
}

table
{
	width: 100%;
	max-width: 640px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
}



table tr
{
	/*text-align: center;*/
}

table tr th
{
	background-color: #4cbcff;
	color: #000000;
}

table tr td
{
	width: 50%;
	padding: 0.25em;
}
article.table > content > table > tr > td:first-child,
article.table > content > table > tbody > tr > td:first-child {
    text-align: left;
}
article.table > content > table > tr > td:last-child,
article.table > content > table > tbody > tr > td:last-child {
    text-align: right;
}
tr td {
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    border-color: #4CBCFF;
}
tr:nth-child(odd)
{
	background-color: rgba(0, 0, 0, 0.25);
}
tr:nth-child(even)
{
	background-color: rgba(0, 0, 0, 0.5);
	color: #bbe6ff;
}

table h3 {}
table h4
{
	padding: 0.5em 0;
	margin: 0;
}
table tr td {
    padding: 0.75em;
}
table tr:last-child td {
    border-width: 0px;
}

table input[type="checkbox"]
{
	display: none;
}
table input[type="checkbox"] + label span
{
	display: inline-block;
	font-size: 1em;
	padding: 0.1em;
	background-color: #000;
	border: 1px solid #4cbcff;
	cursor: pointer;
	width: 1em;
	line-height: 1em;
	vertical-align: middle;
}
table input[type="checkbox"] + label span:after
{
	content: "\A0";
}
table input[type="checkbox"]:checked + label span
{
	border-color: #00ff00;
	color: #00ff00;
}
table input[type="checkbox"]:checked + label span:after
{
	content: "\2714";
}

table input[type="text"],
table input[type="password"]
{
	background-color: #000;
	color: #4cbcff;
	border: 1px solid #4cbcff;
	padding:0.25em;
	font-size: 1em;
}

table input[type="submit"]
{
	padding: 1em 4em;
	font-weight: bold;
	font-size: 1em;
	background-color: #000;
	border: 1px solid #ff9900;
	color: #ff9900;
}
table input[type="submit"]:hover
{
	cursor: pointer;
	background-color: #ff9900;
	color: #000;
}


footer
{
	padding: 0 10%;
	text-align: center;
	column-rule-width: 0;
	border-style: dashed;
    border-width: 1px 0px 0px 0px;
    border-color: #FF9900;
    font-size: 0.8em;
    margin-top: 1em;
    box-shadow: 0 0 1.5em #000000;
}
footer > p
{
	margin: 0;
	display: block;
	/*background-color: rgba(0,0,0,0.25);*/
	padding: 1em 0;
	
}
footer > ul
{
	margin: 1px 0;
	padding: 0;
	width: 50%;
	display: inline-block;
	
	background-color: rgba(0,0,0,0.25);
}
footer > ul > li
{
	text-align: center;
	list-style-type: none;
	padding: 1em 0;
}

.text-center 
{
	display: block;
	text-align: center;
}

/*
ul.tag-list {
    text-align: center;
    margin: 1px 0;
	padding: 0;
}
ul.tag-list > li {
    list-style-type: none;
    display:inline-block;
}
ul.tag-list > li > span {
    border-style: solid;
    border-radius: 8px;
    border-width: 1px 0px;
    border-color: #4CBCFF;
    padding: 4px 12px;
    margin: 8px 4px;
    transition: padding 0.25s, margin: 0.25s;
    display:inline-block;
}
ul.tag-list > li > span:hover {
    padding: 8px 12px;
    margin: 4px 4px;
    transition: padding 0.25s, margin: 0.25s;
}*/