/*   
Theme Name: GF Press (Blank)
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do!
Author URI: http://monkeydo.biz
Version: 1
*/

@import url("reset.css");

/*** structure ***/
body { background: url(images/bg-pattern.jpg) center top; font-family: arial; }

#wrapper {width: 96%; max-width: 1000px; margin: 0 auto; background: url(images/big-heart.png) center top no-repeat; }

#header {display: block; width: 100%; padding: 0;  }

	.logo {font-size: 4em; line-height: 2em; margin: 1em 0 .25em 0; font-family: Georgia, "Times New Roman", Times, serif; }
		.logo a, .logo a:visited {color: #222; }
	
	.description { display: none; }
	
	#nav { display: block; width: 100%;    }
		#nav li {margin: 0; padding:0;  float: left;   }
			#nav a, #nav a:visited {color: #06F; font-size: 1.4em; line-height: 1.6em; padding: 8px 15px; text-decoration: none; float: left;  }
			#nav a:hover {color: #000; text-decoration: none; }
		#nav li.current-menu-item {  background: rgba(255, 255, 255, .75); box-shadow: 0px -2px 2px #888888; }
			#nav li.current-menu-item a {color: #F33;  }

		
hr {display: block; width: 80%; margin: 0 auto; height: 1px; border: 0; height: 1px; background: #999; }

#content { background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); padding: 1em 10%; overflow: auto; width: 80%; margin: 0 auto;
		border-bottom: 20px solid #fff;   }
		
	.post {margin-bottom: 40px; }
	/* frontpage stuff */
	
	.intro { 	}
	/*.blog { float: left; clear: both;  }
		.blog h2 {width: 30%; float: left; }
		.blog .postDetails {width: 30%; float: left; display: none;  }
		.blog .entry {width: 65%; float: right; }*/
	
.cols { overflow: auto; clear: both; }
	.col1 {float: left; width: 45%; margin-right: 5%;   }
		.col1 p { }
	.col2 {float: left; width: 50%; }



#footer { background-color: rgba(38, 17, 87, .8); width: 80%; padding: 1em 10%; margin: 0 auto 40px auto;  clear: both;   font-size: 1.2em; line-height: 1.4em;  color: #fff; overflow: auto;  }
	#footer .widget {width: 30%; margin: 0 3% 0 0; float: left;  }
	#footer .widget h3 { font-size: 1.4em; margin-bottom: 1em; }
	#footer .widget a {color: #FF0; }
	#footer .widget li {margin: 0 0 1em 0; }





/*** styles ***/


h1 { font-size: 2.4em; line-height: 2.8em; margin: 0 0 .5em 0; padding: 0 0 .1em 0; border-bottom: 1px solid #F33; font-family: Georgia, "Times New Roman", Times, serif;  }
	h1 a, h1 a:visited {color: #000; }
	h1 a:hover {text-decoration: none; }
	h1.logo {border: none; }
	
h2 { font-size: 2.0em; line-height: 1.2em; margin: 2em 0 0 0; font-weight: bold; clear: both; font-family: Georgia, "Times New Roman", Times, serif;    }
	h2 a:hover {color: #006; text-decoration: none; }
	.blog h2 {font-size: 1.8 em; margin: 0; }

a { text-decoration: none; }
a:hover {text-decoration: underline; }


p {font-size: 1.4em; line-height: 1.6em; margin: 0 0 1em 0;  }
.home .intro p {font-size: 1.8em; line-height: 1.8em; }
.blog .post { padding: 0 0 2em 0; border-bottom: 1px solid #F33;}
.blog .post .entry {padding: 2em 0; max-width: 600px; }
.post ul { font-size: 1.4em; line-height: 1.5em;  }
.post ul li {margin: 0 0 .5em 2em; list-style: disc; }


img {max-width: 100%;  }
.post img {border: 8px solid #fff; box-shadow: 0px 2px 5px #888888;  }
.alignleft {float: left; margin: 0 1em 2em 0; }
.alignright {float: right; margin: 0 0 2em 1em; }
	h2 img.alignleft {margin: .5em 1em 6em 0; }

	
	
iframe { border: 1px solid #ccc; margin: 20px auto; }


.wpcf7-form { max-width: 100%; margin: 2em 0; border-top: 1px solid #fff; padding-top: 20px;  }
	form p {clear: both; margin: 0 0 15px 0; }
	label {width: 35%; display: block; float: left;  }
	input[type="text"], input[type="email"] {width: 60%;  }
	input, textarea, submit { font-size: 14px; padding: 3px; background: #fff; border: 1px solid #999; margin: 0 0 3px 0; }
	input:focus, textarea:focus {border: 1px solid #000; }
	textarea { min-width: 80%; }
	submit, .submit, .wpcf7-submit {padding: 10px; background:#6C3; font-weight: bold; font-size: 16px; }
	submit:hover, .submit:hover, .wpcf7-submit:hover { background: #3F0; }

	.wpcf7-response-output {font-size: 1.8em; line-height: 1em;  }



.intro {}
/*.blog { margin-top: 10px; padding: 10px 2em; background: #fff; }*/






/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}