/**
 * Handwritten stylesheet, 
 * not minified to ease reading for developers having to evaluate my skills.
 *
 * Strict usage of my prefered class name strategy, accepting the overhead 
 * of unnessecary list margin definitions as I favor consistency.
 *
 * Usage of presentational semantics instead of data meanings as I regard
 * this approach as more usable in big systems (not to mention the selector cap of IE9)
 */

/**
 * Basic Styles, normalize/core only
 * =================================
 */
h1 {
	margin-bottom: 0.5em;
	
	font-size: 1.4em;
	color: #D9E760;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

a {
	color: #003399;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	position: relative;
	top: 1px;
	
	text-decoration: underline;
}

ul {
	margin-top: 0.5em;
	margin-left: 0;
	margin-bottom: 0.5em;
	padding-left: 0;
}


/**
 * Individual styles, classes only 
 * ===============================
 */
.wrapper {
	margin-top: 5%;
	margin-left: 5%;
	
	text-align: justify;
	font-family: serif;
}

.list {
	margin-left: 0.25em;
	margin-right: 0.25em;
}

.list.list--flowcontent {
	display: inline;
}

.list.list--flowcontent > .list_item {
	display: inline;
}

/* support for IE lt 8 skipped */
.list.list--flowcontent > .list_item:after {
	content: ", ";
}

/* support IE 8 by avoiding :last-child */
.list.list--flowcontent > .list_item.last:after {
	content: "";
}

/* support IE 8 by avoiding :last-child */
.list.list--flowcontent > .list_item.list_item--endsentence:after {
	content: ".";
}

.signature {
	font-style: italic;
}