/*

Theme Name: Starkers + 1140 Grid System

Theme URI: http://thedotmack.com

Description: The totally nude Wordpress theme and the totally amazing 1140 Fluid (all the way down to mobile) CSS Grid had a child, and this is it. Derived from Elliot Jay Stocks' Starkers Theme (http://starkerstheme.com/) and the 1140 CSS Grid (http://cssgrid.net/).

Version: 1.0

Author: Alex Newman

Author URI: http://thedotmack.com

Tags: starkers, naked, clean, basic

*/



#button {

	max-width: 300px;

  margin: 0px auto;

  text-decoration: none;

  background-color: rgba(0,0,0,1);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

	}

.hhimg {
	
	max-width: 80%;
	
    margin: 0px 10%;
	
	}

.white {

	background-color: rgba(255,255,255,.95);

	padding: 10px;

	margin-bottom: 30px;

	

	}

	

.indent {

	/*text-indent: 40px;*/

	text-align: center;

}



#bg {

  position: fixed; 

  top: -50%; 

  left: -50%; 

  width: 200%; 

  height: 200%;

  z-index: -100;

}

#bg img {

  position: absolute; 

  top: 0; 

  left: 0; 

  right: 0; 

  bottom: 0; 

  margin: auto; 

  min-width: 50%;

  min-height: 50%;

}

.red {

	background-color:rgba(255,0,0,.5);

	}



.blue {

	background-color:rgba(0,0,255,.5);

	}



.placemeat {

	height: 700px;

	}



.splash {

	max-width: 450px;

    width: 100%;

    padding-top: 10em;

	padding-bottom: 10em;

    margin: auto;

}



#social {

	padding-left: 2%;

}



a {

	border:0;

}



img {

	text-decoration: none;

}





a:link {

    color: #FFF;

	text-decoration: none;

}



a:visited {

    color: #FFF;

	text-decoration: none;

}





a:hover {

    color: #FFF;

	text-decoration: underline;

}



a:active {

    color: #FFF;

	text-decoration: underline;

}



#menubutton {

	color: #FFF;

	text-decoration:none;

	font-family: Helvetica, sans-serif;

	text-align:center;

}



.block {

	width:100%;

	display:block;

	text-align:center;

	padding-top: 50px;

}



/* Typography */



h1 {font-family: 'Open Sans', sans-serif;

    text-align: center;

    font-style: normal;

    font-weight: 700;

    font-size: 30px;

    text-transform: none;

    text-decoration: none;

    letter-spacing: 0em;

    word-spacing: 0em;

    line-height: 1.5em;

}



p {

	font-family: 'Noto Serif', serif;

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	text-transform: none;

	text-decoration: none;

	letter-spacing: 0.026em;

	word-spacing: 0em;

	line-height: 1.45;

	}



h2 {

	font-family: 'Oswald', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 16px;

letter-spacing: 0.03em;

}



h3 {

		font-family: 'Oswald', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 17px;

line-height: 2em;

letter-spacing: 0.026em;

}



h4 {

	font-family: 'Open Sans', sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 2em;

	-webkit-margin-before: 0em;

    -webkit-margin-after: 0em;

}



h5 {font-family: 'Open Sans', sans-serif;

font-style: normal;

font-weight: 700;

font-size: 12px;

text-transform: none;

text-decoration: none;

letter-spacing: 0em;

word-spacing: 0em;

line-height: 1.5em;

padding: 15px;

}



.grow { 

	padding: 25px 0;

	transition: all .2s ease-in-out; }



.grow:hover { transform: scale(1.03); }