/*
Theme Name: colored blocks
Theme URI: http://moogy.org/
Description: muted colors, blocks, simple, modern, sans-serif, happy
Version: 1
Author: Madeleine
Author URI: http://moogy.org/
Tags: muted colors, blocks, simple, modern, sans-serif, happy
*/





/* style */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
	}


body {
	font-size : 12px;
	font-family : Arial, sans;
	color : #333;
	background: #111;
	font-weight: normal;
	text-align: left;
	}

p {
	font-size: 1.2em;
	text-indent: 1em;
	line-height: 1.5em;
	}

a, a:visited {
	color: inherit;
	text-decoration: none;
	background-color: none;
	padding: 00.071em 0.4em;
	}
a:hover {
	color: inherit;
	background-color: none;
	}
a:before { content: ">>"; }
a:after { content: "<<"; }

h1 {
	font-familiy: helvetica, sans;
	font-size: 57px;
	color: #333;
	text-align: right;
	font-weight: bold;
	}
h2 {
	font-familiy: arial, sans;
	font-size: 27px;
	color: #666;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	}
h3 {
	font-familiy: arial, sans;
	font-size: 21px;
	color: #999;
	text-align: right;
	letter-spacing: 0.1em;
	font-weight: bold;
	}
h4 {
	font-familiy: helvetica, sans;
	font-size: 15px;
	color: #E198A7;
	text-align: center;
	letter-spacing: 0.4em;
	font-weight: bold;
	text-transform: lowercase;
	}
h5 {
	font-familiy: helvetica, sans;
	font-size: 17px;
	color: #000;
	text-align: center;
	letter-spacing: 0em;
	font-weight: bold;
	text-transform: lowercase;
	}
h6 {
	font-familiy: helvetica, sans;
	font-size: 12px;
	color: #000;
	text-align: center;
	letter-spacing: -0.02em;
	font-weight: bold;
	text-transform: lowercase;
	}

ol {
	padding: 0 1em;
	}


/* style-quote */

blockquote {
	border-left: 0.5em solid #000;
	margin: 1em 0;
	padding: 0 1em;
	}

blockquote, q {
	font-weight: normal;
	word-spacing: 0.2em;
	letter-spacing: 0.2em;
	font-size: 1em;
	}




/* style-colors */

.h1 {	height: 1em;	}
.h2 {	height: 2em;	}
.h3 {	height: 3em;	}
.h5 {	height: 5em;	}
.h12 {	height: 12em;	}
.h16 {	height: 16em;	}
.h20 {	height: 20em;	}
.h21 {	height: 21em;	}
.h24 {	height: 24em;	}
.h26 {	height: 26em;	}
.h28 {	height: 28em;	}
.h51 {	height: 51em;	}

.blue {	background: #8AC5F0;	}	/*21*/
.white {	background: #fff;	}	/*21*/
.molly {	background: #8AC5F0;	}	/*51*/
.virgil {	background: #8C1C23;	}	/*28*/
.virgil2 {	background: #538807;	}	/*28*/
.lucy {	background: #E198A7;	}	/*26*/
.orange {	background: #F08F24;	} /*20*/
.pink {	background: #E198A7;	}	/*14*/
.green {	background: #87D517;	}	/*12*/
.red {	background: #8C1C23;	}	/*20*/


.post_author {
	background: #fff;
	margin-bottom: 10em;
	padding: 1em 0;
	}
.post_title {
	background: #fff;
	padding: 1em 0 0;
	}
.post_title h1 {
	font-family: arial, sans;
	font-size: 24px;
	color: #000;
	text-align: right;
	letter-spacing: 0.1em;
	font-weight: bold;
	}
.post_meta {
	background: #ccc;
	padding: 1em;
	}
	.post_meta p {
		text-indent: 0;
		letter-spacing: 0;
		}



/* style-grid */

/*general grids*/

.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width: 0;
	height: 0;
	}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display:inline;
	float:left;
	margin: 1em 0.5em;
/*	border: 0.179em solid #333;*/
	}



.container_12 {
	background-color: #fff;
	width: 74em;
	margin: auto;
	float: left;
	margin-left: 2%;
	margin-top: 0;
	padding: 3em;
	}
.container_9 {
	background-color: #fff;
	width: 54em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_8 {
	background-color: #fff;
	width: 48em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_7 {
	background-color: #fff;
	width: 42em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_6 {
	background-color: #fff;
	width: 36em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_5 {
	background-color: #fff;
	width: 30em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_4 {
	background-color: #fff;
	width: 24em;
	margin: auto;
	float: left;
	margin-left: 0;
	}
.container_3 {
	background-color: #fff;
	width: 16em;
	margin: auto;
	float: left;
	margin-left: 0;
	}


.grid_1 {	width: 4em;	}
.grid_2 {	width: 10em;	}
.grid_3 {	width: 16em;	}
.grid_4 {	width: 22em;	}
.grid_5 {	width: 28em;	}
.grid_6 {	width: 34em;	}
.grid_7 {	width: 40em;	}
.grid_8 {	width: 46em;	}
.grid_9 {	width: 52em;	}
.grid_10 {	width: 58em;	}
.grid_11 {	width: 64em;	}
.grid_12 {	width: 70em;	}

.grid_1 img {	max-width: 3em;	}
.grid_2 img {	max-width: 9em;	}
.grid_3 img {	max-width: 15em;	}
.grid_4 img {	max-width: 21em;	}
.grid_5 img {	max-width: 27em;	}
.grid_6 img {	max-width: 33em;	}
.grid_7 img {	max-width: 39em;	}
.grid_8 img {	max-width: 45em;	}
.grid_9 img {	max-width: 51em;	}
.grid_10 img {	max-width: 57em;	}
.grid_11 img {	max-width: 63em;	}
.grid_12 img {	max-width: 69em;	}




/* style-nav */

.nav {
	color: #fff;
	background: #fff;	
	text-align: right;
	margin-bottom: 4em;
	}
	.nav ul {
		list-style: none;
		}
	.nav ul li {
		float: left;
		}
	.nav ul li a, .nav ul li a:visited {
		display: block;
		padding: 0.1em 0.7em;
		color: #4D6D7C;
		font-weight: bold;
		text-decoration: none;
		}
	.nav ul li a:hover {
		color: #D4E1E8;
		}


/* style-head */

.head {
	text-transform: uppercase;
	font-weight: bold;
	}
.head h1 {
	font-size: 10em;
	color: #FF4E4C;
	padding-top: 0;
	}
.head h2 {
	font-size: 1.5em;
	color: #1D88B7;
	font-style: italic;
	word-spacing: 0.1em;
	letter-spacing: -0.1em;
	text-transform: lowercase;
	font-weight: normal;
	}



/* style-footer */

.footer {
	margin-top: 4em;
	}
.footer *{
	font-weight: bold;
	padding:0.5em;
	}



/* style-comments */

.comments {
	margin-top: 4em;
	}
ul.commentlist {
	list-style: none;
	}
	ul.commentlist li {
		margin-top: 4em;
		}
.comment_meta {
	background: #ccc;
	padding: 1em 0;
	}



/* style-sidebar */

.sidebar ul {
	list-style: none;
	}