/* 
   chainsofthought style sheet 
   Filename: styles.css

   Author:   chains
   Date:     09 July 2016
 */

/* reset styles */
article, body, div, footer, header, h1, h2, p {
	border: 0;
	padding: 0;
	margin: 0;
}

/* body and page container */
.container {
   position: relative;
   top: 10em;
   max-width: 640px;
   margin: 0 auto;
   background-color: ivory;
}

/* headings */
header {
	width: 100%;
	max-width: 640px;
	position: fixed;
	top: 0;
    background-color: darkblue;
    /*z-index: -1;*/
}
h1 {
   padding: 0.4em;
   color: white;
   text-align: center;
}
h3 {
   padding: 0.4em;
   color: black;
   background-color: ivory;
   text-align: center;	
}
h2 {
	padding: 0.4em 0.6em;
}
p.logo {
	padding: 0.2em;
	border: 2px solid ivory;
	color: goldenrod;
	position: absolute;
	top: 2em;
	left: 2em;
}

/* main content */
article {
	width: 70%;
	float: right;
}
article p {
	padding: 0 1em 1em;
}

/* sidebar */
aside {
   width: 30%;
   padding: 1em 0;
   background-color: lightgreen;
}
aside p {
	padding: 0.4em 0;
	margin: 0 0.6em;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

/* footer section */
footer {
   clear: right;
   padding: 0.6em;
   color: white;
   background-color: darkblue;
   text-align: center;
}
footer p {
	margin: 0.4em;
}
footer p.accent {
   color: lightgreen;
}