html, body {
        background: #cff0ff;
        color: #555555;
        font-family: Arial, sans-serif;
        font-size: 100%;
        font-weight: normal;
        margin-left: auto;
        margin-right: auto;
        max-width: 35em;
        width: 90%; 
        /* background-image: url(cloud2.gif); */
	}

h1,h2,h3,h4,h5,h6 {
/*		background: #c0f0ff; */
		background: #a0f0ff;
        color: #0080ff;
        font-style: italic;
        margin-left: -4%;
        /* margin-bottom: -0.3em; */
	padding: 0.5em;
	text-shadow: #00a0ff 0.3em 0.2em 0.2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.3em;
	-webkit-box-shadow: 0.3em 0.3em 1em #00a0ff;
	-moz-box-shadow: 0.3em 0.3em 1em #00a0ff;
	-o-box-shadow: 0.3em 0.3em 1em #00a0ff;
	box-shadow: 0.3em 0.3em 1em #00a0ff;
        }

p    {  
        font-size: 1em;
        line-height: 1.2em;
        margin-bottom: -0.5em;
        margin-left: auto;
        margin-right: auto;
        max-width: 35em;
        word-spacing: normal;
        letter-spacing: normal;
        text-indent: 1em; /* just while articleContent is there */
        text-align: justify;
	}

a:hover { background: blue;
        color: white;
        text-decoration: underline;
        }

div.article {
	-webkit-column-count: 2;
	-o-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-o-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	}	

/* Logo special effects */
/*  Credit to stu nicholls | CSS PLaY | two colour text */
h1.split {
	font-size:2.6em; 
	position:relative; 
	font-family:georgia, "times new roman", serif; 
	height:1em; 
	overflow: hidden; 
	text-shadow: #00a0ff 0.2em 0.2em 0.4em; 
	}

h1.split span.line {
	position:absolute; 
	left:0.5em; top:0.2em;
	color:#0a0; 
	height:0.6em; 
	overflow:hidden; 
	border-bottom:5px solid #ff0;
	}

h1.split:before {
	content:attr(title); 
	position:absolute; 
	left:0.5em; top:0.2em; 
	color:#0080ff;
	}

h1.ln:before {
	color:#0080ff;
	}

div#logo a:link { 
	background: #a0f0ff;
	color: #0d0;	
	text-decoration: none;
	}

div#logo a:visited { 
	background: #a0f0ff;
	color: #0b0;	
	text-decoration: none;
	}

div#logo a:hover { 
	background: #a0f0ff;
	color: #080;	
	text-decoration: none;
	}

div#logo p {
	text-indent: 0;
        text-align: center;
	}

div#logo span#rainforest {
	color: #0a0;
        background: #cff0ff;
	}

div#logo span#sea {
	color: #0080ff;
        background: #cff0ff;
	}

div#logo span#sand {
	color: #bb0;
        background: #cff0ff;
	}

/* Use media query to set narrow displays like iPhone to one column and images as blocks */
@media only screen and (max-width: 480px) {
	div.article {
	-webkit-column-count: 1;
	-o-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	}
img,object {
		margin: 10px auto;
		float: none;
		display: block;
	}
}