/* Inspired by:
 * http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
 */

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body {
    background: #444;
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #ddd;
    line-height: 120%;
} 

.body {
    padding: 20px 10% 20px 10%;
}

/* Banner */
#banner {
    margin: 0 auto;
    padding: 2.5em 50px 2.5em 10%;
    background: #111;
    color: #fff;
    border-bottom: 2px solid #aaa;
}
#banner h1 {font-size: 3.571em; line-height: .6;
    text-shadow: 1px 1px 1px #bbb;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #fff;
	padding: 0 1px;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}


/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

.github-fork-ribbon {
	background-color: #444;
}