@charset "utf-8";
/* CSS Document */
/*
Theme Name: Basic Asf
Description: Because browser and mobile compatability (issues are a drag)
Version: 1
Author: Sarah Steever
Author URI: http://sarmonster.net
Tags: chickens, bees, coffee, social media
*/

body { /*background-image:url(images/bgwoods.jpg); 
	background-repeat:repeat-x; */
	background-color:#ffffff;
	font-family:Tahoma, Geneva, sans-serif;
		background-image:url(images/layer_0.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
  
}
img { padding:8px;
}
.main {  font-size: 1.2em;
    color: #333333;
    margin-left: auto;
    margin-right: auto;
	margin: 20px;
	text-align: center;
	background-color:rgba(255,255,255,0.7); 
	padding: 20px;

    /*clear: both; */
}
.news { font-size: .75em;
	vertical-align:text-top;
}
.article {
	text-align:justify;
	display:inline-block; 
	padding: 5px;
	margin: 5px;
	max-width: 300px;
	font-size: 1.1em;
	vertical-align: top;
}
.article>a:link {
	color: #330033;
	text-decoration: none;
}
.article>a:visited {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
a:active {
	color: #F00;
	text-decoration: none;
}
.nav { color:#C90;
	background-color:#603;
	padding:20px;
	}
.smbox3 {
	max-width:300px;
	padding:8px;
	display: inline-block;
	border:1px;
	border-style: solid;
    border-color: #000000;
	background-color:rgba(255,255,255,0.3); 
	margin: 8px;
	text-align:left; 
	vertical-align:top;
	/* height: 150px; */
}
.thumb { 	max-width:350px;
	padding:8px;
	display: inline-block;
	color:#F60;
	border:1px;
	border-style: solid;
    border-color: #000000;
	background-color:#603; 
	margin: 8px;
	text-align:center; 
	vertical-align:top;
    cursor: pointer;
}
.bigbox {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bigbox>div
{
    margin: auto auto;
    display: table-cell;
    vertical-align: middle;
}
.bigbox>div>img
{
    max-width: 100%;
    max-height: 100%;
}
input[name="hide"] {
    position: absolute;
    left: -99px;
}

input[name="hide"]:checked+.bigbox
{
    display: none;
}

#close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
form {display: inline-block; }
form table tr td:first-child {text-align: right; font-size: 1.2em}
form table tr td {text-align: left; }
form table input[type=text], input[type=email], textarea {font-size: 1.5em; border-radius: 20px; padding: 0 20px; }