/*
Theme Name: Indra's Net
Author: Anthony Librizzi
Aurthor URI: pogaltd.com
Description: Custom WP responsive theme powered by pogagrid Designed for Infinity Foundation
Version: 0.1
*/
@import "pogagrid.css"; 
/* Table of Content
==================================================
	#Basic Styles
	#Typography
	#Blockquotes 
	#Links
	#Lists
	#Images
	#Forms
	#Buttons
	#Columns
	#Table
	#Navigation
	#Widget Area
	#Responsive Video
	#Comment Form
	#Meta Styles
	#Template Styles
	#Misc
	#Media Queries
	#Font Face
	*/
/* #Basic Styles
================================================== */
	body{  
		background-color: #745c33;
		background: url('images/bg.jpg')top center repeat, linear-gradient(to bottom, #9F7859, tan);
		background-attachment: fixed;
		font-family: 'Philosopher', sans-serif;
		color: #000;
		}
	
	.wrap, [class*='wrap-']{}
	.grid, [class*='grid-']{max-width:1100px; width: 90%; background-color: #fff; margin:20px auto; padding:0;
		box-shadow: 3px 3px 5px #000; border-radius: 15px;}
		
	/* header */
	.header img{border-top-left-radius: 15px; border-top-right-radius: 15px;}
	.headersm img{border-top-left-radius: 15px; border-top-right-radius: 15px;}
	.headersm{display:none;}
	 
	/* middle */
	.middle {}
	.pgspace{padding: 20px 25px;}
	.content{padding:0 20px;}

	/* sidebar */
	.sidebar{margin-top:20px;}
	.insidebar{}

	/* footer */
	.footer.spacer{}
	.footer a, .footer a:visited{text-decoration:none; color: #fff; font-size:90%; }
	.footer a:hover{color:#CFDB76; text-decoration:underline;}
	.footer {
		background: #001f00;
		background: linear-gradient(to bottom,  #001f00 0%,#005500 100%); 
		padding:30px; 
		text-shadow: 1px 1px 1px #000; 
		color:#fff; 
		font-family: 'Philosopher', sans-serif;
		font-size:90%;
		border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
		}

/* #Custom Grid 
================================================== */
/* header */
.c-logo{width:100%;}
.c-search{width:50%}
.c-nav{width:100%;}

/* center body total must equal 100% */
.c-main{width:70%;}
.c-sidebar{width:30%;}
.c-sidebar2{}

/* footer */
.c-footer{width:100%;}

	
/*  #Typography 
================================================== */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: normal; 
	font-style: normal; 
	color: #005500; 
	text-shadow: 1px 1px #545E0E;
	line-height: 1.1; 
	margin-bottom: 14px; 
	margin-top: 14px; 
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #889815; line-height: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:none; }
h1 { font-size: 1.8em; line-height: 48px; margin-bottom: 12px;}
h2 { font-size: 1.7em; line-height: 42px; margin-bottom: 8px; }
h3 { font-size: 1.6em; line-height: 36px; margin-bottom: 6px; }
h4 { font-size: 1.5em; line-height: 32px; margin-bottom: 4px; }
h5 { font-size: 1.4em; line-height: 27px; }
h6 { font-size: 1.3em; line-height: 27px; }
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { color: #2795b6; }
a:focus { color: #2ba6cb; outline: none; }
p { margin-bottom: 10px; padding:10px 0; font-size: 14px; line-height: 21px; font-family: 'Philosopher', sans-serif;}
p span {color: #46aae3; }
p a, p a:visited { line-height: inherit; }
p.note { background-color: #f0f0f0; padding: 15px 10px 20px; box-shadow:0 1px 3px rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);}
p.alert, .alert { background-color: #fff6aa; border-color: #ffc814; padding: 15px 10px 15px; box-shadow:0 1px 3px rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); }
p.alert, p.alert * { color: #454545; text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important;  }
p.alert.success { background-color: #d7e87c; border-color: #97ae1e; }
p.alert.error { background-color: #edb39b; border-color: #ed6127; }
p.alert.info { background-color: #d9edf0; border-color: #b8e7f5; }
p:empty{ margin-bottom: 0; padding:0; font-size: 0; line-height: 0;}
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }

/*	#Blockquotes 
================================================== */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	hr { border: solid #748211; border-width: 1px 0 0; }
	
/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	.green a, .green a:visited { color: #636D12; text-decoration: none; }
	.green a:hover, .green a:focus { text-decoration: underline; }
	
/* #Lists 
================================================== */
ul, ol, dl { font-family: 'Philosopher', sans-serif; font-size: 14px; line-height: 1.6; margin: 0 0 8px 20px;  text-indent: 5px; color: #000; }
ul li ul, ul li ol { margin-left: 10px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 12px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
ol { margin-left: 10px; }
ol li ul, ol li ol { margin-left: 10px; margin-bottom: 0; }

/* #Images
================================================== */
	img, img.scale-with-grid {
		max-width: 100%;
		height: auto; }
		
/* #Form Elements 
================================================== */
	form { margin-bottom: 20px; font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777;}
	fieldset { margin-bottom: 20px; }
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], 		input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
		background: #ffffff;
		border: 1px solid #cccccc;
		padding: 4px 6px;
		vertical-align: middle;
		outline: none;
		        border-radius: 2px;
		        transition: border linear 0.4s, box-shadow linear 0.4s;
		     -o-transition: border linear 0.4s, box-shadow linear 0.4s;
		   -moz-transition: border linear 0.4s, box-shadow linear 0.4s;
		-webkit-transition: border linear 0.4s, box-shadow linear 0.4s;
		margin: 0;
		width: 800px;
		max-width: 90%;
		display: block;
		margin-bottom: 0px; 
		}
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
		border: 1px solid;
		border-color: rgba(127, 142, 19, 0.8);
 		color: #444;
 		        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(127, 142, 19, 0.5);
		}
	textarea{min-height:120px; }
	input[type="checkbox"] {display:inline;}
	label span, legend span { font-size:12px; color:#444;} 
.wpcf7-form{
}
.wpcf7-form h2{  
}
.wpcf7-form input, .wpcf7-form textarea {
    	border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
    	border-style: solid;
    	border-width: 1px;
    	padding: 4px;
    	line-height: 16px;
    	font-size: 14px;
    	float: none;
    	margin: 0 0 10px 0;
}
.wpcf7-form textarea{
    	line-height: 16px;
    	font-size: 14px;
    	height: 100px;    	
}
.wpcf7-form p{
    	font-size : 14px;
    	margin-left: 10px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	padding: 0 0 10px;
 }
 
/* Form Widget */
.gform_widget,
.widget_custom_cf7 {
    background: none repeat scroll 0 0 #F9F9E8;
   	border: 2px solid #8D9D16;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 4px 4px 2px #888888;
    font-size: 80%;
    margin-bottom: 20px;
    padding: 5px 20px 0 20px;
	line-height: 16px;
	max-width:320px;
}
.gform_widget .gform_wrapper .top_label .gfield_label { clear: both; display: inline-block; font-weight: bold; line-height: 0.75em; margin: 0;}
.gform_widget .gform_wrapper .gform_footer {clear: both; margin: 16px 0 0; padding: 0; }
.widget_custom_cf7 p, 
.widget_custom_cf7 h3,
.widget_custom_cf7 button{margin:12px 0; padding:0;}

/* #Buttons 
================================================== */
	.button, button, input[type="submit"], input[type="reset"], input[type="button"]	{display:inline-block; padding:7px 20px; margin-bottom:10px;
	font: 14px/20px; color:#F7FBFC !important; text-shadow: 1px 1px #000; text-align:center; cursor:pointer; background: #005500; 
	background: linear-gradient(to bottom,  #005500 65%, #001F00); border:1px solid #bbbbbb; border-color:rgba(0,0,0,0.1);
	border-color:#eee; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
	
	.button:hover, button:hover,	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:active,
	button:active, input[type="submit"]:active, input[type="reset"]:active, 	input[type="button"]:active
	{color:#000 !important; text-shadow: 1px 1px #fff; background:#8d9d16; background:linear-gradient(to bottom,#001F00, #005500 35%);}
	
	button.large{padding:10px 35px; font-size:15px;}
	
	button.small{padding:3px 13px; font-size:13px;}

/*  #Columns  
================================================== */
	.twocol{
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;
	  }
	  .threecol{
		-moz-column-count: 3;
		-moz-column-gap: 2em;
		-webkit-column-count: 3;
		-webkit-column-gap: 2em;
		column-count: 3;
		column-gap: 2em;
	  }
	  
/* #Table 
================================================== */

	table {
		border-spacing: 0;
		width: 100%;
		border: solid #ccc 1px;
		border-radius: 6px;
		box-shadow: 0 1px 1px #ccc;
	}   
	td, th {
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 10px;
		text-align: left;    
	}
	th {
		background-color: #d9edf0;
		background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
		box-shadow:  inset 0 1px 0 rgba(255,255,255,.8);
		border-top: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	}

	.wp_wunderground td, .wp_wunderground th{border-left:none;}
	
	.toc td{border:none;}
	.toc table {border:none; border-shadow:none;}

/* #Navigation
================================================== */

.nav-bar {background:#002200; background: linear-gradient(to bottom, #001f00, #005500); padding-left: 12px; top:-3px;}
.main-nav ul{list-style: none; margin: 0;}
.main-nav li{	float: left; position: relative;} 
/* .navbar li + li {border-left: 1px solid #BECAD1;}  */
.main-nav a {color: #F7FBFC; font: bold 13pt/32px 'Philosopher', sans-serif; display: block; padding: 0 12px; text-decoration: none;}
.main-nav ul ul {display: none; position: absolute; top: 32px; left: 0; float: left; width: 220px; z-index: 99999;}
.main-nav ul ul li {min-width: 220px;}
.main-nav ul ul ul {left: 100%; top: 0;}
.main-nav ul ul a {	background: #003000; line-height: 1em; padding: 10px; width: 220px; height: auto;}
.main-nav ul ul li:last-child > a {background: #003000;} 
.main-nav li a:hover, .main-nav  ul ul li:last-child > a:hover{background:#df9e00; background: linear-gradient(to bottom, #DF9E00, #FEF53B); color:#001f00;}
.main-nav ul li:hover > ul {display: block;}
/* .main-nav ul li.current_page_item > a, .main-nav ul li.current-menu-ancestor > a, */
.main-nav .current-menu-item > a, .main-nav .current-menu-parent > a {color: #DF9E00;}
#show-nav {display: none;}

/* #Widget Areas
================================================== */
	.widget-area ul {	list-style: none; margin-left: 0;}
	.widget-area ul ul {list-style: square; margin-left: 1.3em;}
	.widget-area select {max-width: 100%;}
	.widget_search #s {width: 90%; margin:0 0 20px 0;} /* This keeps the search inputs in line */
	.widget_search label {display: none;} 
	.widget-container {margin: 0 0 18px 0;}
	.widget-title {color: #222;	font-weight: bold;}
	.widget-area a:link,
	.widget-area a:visited {text-decoration: none;}
	.widget-area a:active,
	.widget-area a:hover {text-decoration: underline;}
	.widget-area .entry-meta {font-size: 11px;}
	#wp_tag_cloud div {line-height: 1.6em;}
	
	/*   Calendar   */
	#wp-calendar {width: 100%;}
	#wp-calendar caption {	color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left;}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar thead th {}
	#wp-calendar tbody {color: #aaa;}
	#wp-calendar tbody td {background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center;}
	#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}
	
	/*    RSS   */
	.widget_rss a.rsswidget {color: #000;}
	.widget_rss a.rsswidget:hover {color: #ff4b33;}
	.widget_rss .widget-title img {width: 11px; height: 11px;}
	
	
/* #Responsive Video 
================================================== */

.video-container, .youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .youtube iframe,
.video-container object, .youtube object,
.video-container embed, .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe, object, embed{max-width: 100%;}

/* #Comment Form
================================================== */	
	#respond textarea {width: 98%;}
	#respond label{margin-bottom: 8px;}
	#respond input {margin-bottom: 8px;}
	
/* #Meta Styles
================================================== */
	/* meta formating */
	.meta{margin-bottom:10px; font-size: 80%; color:#7D8C13;}
	.comment-meta.commentmetadata {font-size: 80%; margin: 8px 0;}
	.post-edit-link, .postmetadata, .navigation{font-size:80%;}
	.navigation{margin-top:4px;}
	
/* #Template Styles
================================================== */
#paypal_donations-2 > h3 {
    text-align: center !important;
}
.shopping_cart{margin-top:2em;}

/* #Misc
================================================== */
	.excerpt p{margin-bottom:2px;}
	.facebook { overflow: hidden; border: 1px solid #2c2c2c;box-shadow: 4px 4px 2px #888888; background:#FFF;}
	#wp_paypal_wp_paypal_donation_widgets_widgets, .widget_wp_paypal_shopping_cart_widgets{text-align:center;}
	#socialprofiles-2{text-align:center;}
	.ghead, .ghead:hover{color: #005500;}
	.ghead:hover{text-decoration:underline;}
	.ghead > h5:hover {text-decoration: underline;}

/* #Media Queries
================================================== */
	@media (min-width: 1161px){
	.main-nav{display:block !important;}
	}
	
	@media (max-width: 1160px){
	/* Nav-Bar */
	.nav-bar{padding: 0;}
	.main-nav {display: none;}
	.main-nav a {}
	.main-nav ul li {float: none; width:100%;}
	.main-nav ul ul {position: relative;top: 0; display: block; padding:0; margin: 0; width:100%;}
	.main-nav ul ul a:before{content:""; position:absolute; top:12px; left:25px; border:5px solid transparent; border-left:5px solid #fff;}
	.main-nav ul ul a {padding: 0 20px 0 40px; width: auto; line-height: 32px; margin:0;} 
	.main-nav ul ul ul{display:block; left:0; width:100%;}
	.main-nav ul ul ul a:before{content:""; position:absolute; top:12px; left:45px; border:5px solid transparent; border-left:5px solid #fff; }
	.main-nav ul ul ul a {padding: 0 20px 0 60px; width: auto; line-height: 32px; margin:0;}
		
	#show-nav {display: block; top:-3px;}
	#show-nav a {color: #F7FBFC; font: bold 12pt/32px tahoma; display: block; padding: 0 12px; text-decoration: none;}
	#show-nav {display: block; background-color: #000; width: 100%; height: 37px;	position: relative;}
	#show-nav :after {content:""; background: url('images/nav-icon.png') no-repeat; width: 30px; height: 30px;
	display: inline-block; position: absolute; right: 15px;	top: 10px;}
	
	}
	
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.grid{ width:95%; max-width:900px;}
	.hide{display:none;}
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media (max-width: 850px) {
	[class*='c-']{width: 100%;}
	.grid{border-radius:0; width:100%; margin:0 auto;}
	.header img, .headersm img{border-top-left-radius: 0; border-top-right-radius: 0;}
	.footer{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.header{display:none;}
	.headersm{display:block;}
	}
	
	
	/* Custom Reset  */
	@media only screen and (max-width: 660px) {
		.frow{width:100%; margin: 0 auto; box-shadow: 3px 3px 5px #000;}
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.phide{display:none;}
	}
	
	#attachment_699{margin:0 auto;}