body {
    font-family: Futura, sans-serif;
    background-color: #ffeedd;
    color: #444433;
    margin: 50px 50px 50px 50px;
    padding: 0;
}


a {
    color: #998877;
}

a:active {
    color: #aa8866;
}

a:visited {
    color: #ccbbaa;
}

h1 {
    font-size:36pt;
    letter-spacing:-2.5px;
    text-align: center;
} /* for spacing for Jim Davies */

p.email {
    text-align: center;
}

div.posts {
    display: none;
    background-color: #443333;
    padding: 8px;
}

div.twitter {
    width: 20%;
    margin-right: 0.5%;
    float: left;
}

div.science-of-imagination {
    width: 38%;
    margin-right: 0.5%;
    float: left;
    padding: 8px;
}

div.blogger {
    width: 38%;
    float: left;
    padding: 8px;
}

.rss-title {
    font-size: larger;
}

footer, .clear {
    clear: both;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 9%;
}
.span_4_of_5 {
	width: 18%;
}
.span_3_of_5 {
	width: 30%;
}
.span_2_of_5 {
	width: 18%;
}
.span_1_of_5 {
	width: 9%;
}
.span_picture {
    width: 28%;
}
.span_extra {
    width: 68%;
}

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS */

@media only screen and (max-width: 768px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 768px) {
	.span_4_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
	    width: 100%;
	}
	.span_extra {
	    width: 68%;
	}
	.span_picture {
	    width: 18%
	}
}