/*
Theme Name: Brabantse Wal blog
Author URI: http://www.svevo.nl
Description: Blog van Stichting De Brabantse Wal
Author: Svevo de Weert
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: Brabantse Wal
Copyright: (c) 2012 Stichting De Brabantse Wal
*/

	body 
	 {
		 background: url('./images/background.top.png') repeat-x;
		 font-family: 'Roboto', sans-serif;
		 font-weight: 400;
	 }
	 
	a
	 {
	  color: #64a0ce;
	 }
	 
	a:hover
	 {
	  text-decoration: none;
	 }
	 
	h1, h1 a
	 {
	  font-weight: 700;
	  font-size: 36px;
	  color: #64a0ce;
	  line-height: 1.3em;
	  text-decoration: none;
	  margin-bottom: 5px;
	 }
	 
	h2
	 {
	  font-weight: 300;
	  font-size: 22px;
	  color: #043e7a;
	  line-height: 1.5em;
	 }
	 
	h2 a
	 {
	  background: #e5f3c7 url('./images/arrow.right.png') no-repeat 98% 50%;
   color: #96b364;
   padding: 5px;
   padding-right: 40px;
   text-decoration: none;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   transition:         padding 0.3s;
   -moz-transition:    padding 0.3s;
   -webkit-transition: padding 0.3s;
   -o-transition:      padding 0.3s;
	 }
	 
	h2 a:hover 
	 {
	  padding-right: 50px;
	 }
	 
	h3, h3 a
	 {
	  font-weight: 300;
	  font-size: 26px;
	  color: #043e7a;
	  text-decoration: none;
	 }
	 
	h4
	 {
	  padding: 10px;
	  border: 1px solid #043e7a;
	  color: #043e7a;
	  text-transform: uppercase;
	  text-align: center;
	  margin: 10px 0px 25px 0px;
	 }
	 
	strong
	 {
	  font-weight: 700;
	 }
	
	.header
	 {
	  padding-top: 50px;
	  padding-bottom: 25px;	  
	  margin-bottom: 25px;
	 }
	 
	.post
	 {
	  margin-bottom: 50px;
	 }
	 
	.post-meta
	 {
	  margin: 10px 0px 10px 0px;
	  padding: 5px 0px 5px 0px;
	  /*border-top: 1px solid #043e7a;
	  border-bottom: 1px solid #043e7a;*/
	  color: #043e7a;
	  font-size: 14px;
	 }
	 
	.post-meta a
	 {
	  color: inherit;
	 }
	 
	.post p
	 {
	  line-height: 1.5em;
	  color: #404040;
	 }
	 
	.sidebar
	 {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  color: #043e7a;
	 }
	 
	.sidebar h2
	 {
	  text-transform: uppercase;
	  font-size: 18px;
	  font-weight: 700;
	  color: #043e7a;
	  margin-bottom: 10px;
	 }
	 
	.sidebar > li
	 {
	  margin-bottom: 50px;
	 }
	 
	.sidebar > li > ul
	 {
	  padding-left: 20px;
	 }
	 
	.button
	 {
	  float: left;
	  display: block;
	  padding: 10px;
	  padding-left: 40px;
	  color: white;
	  line-height: 30px;
	  background: #64a0ce url('./images/arrow.left.png') no-repeat 2% 50%;
	  text-decoration: none;
	  transition:         background 0.3s;
	  -moz-transition:    background 0.3s;
	  -webkit-transition: background 0.3s;
	  -o-transition:      background 0.3s;
	  border-radius:         5px;
	  -moz-border-radius:    5px;
	  -webkit-border-radius: 5px;
	 }
	 
	.button:hover 
	 {
	  background: #043e7a url('./images/arrow.left.png') no-repeat 2% 50%;
	 }
	 
	.separation
	 {
	  margin-bottom: 25px;
	 }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}