/*
based on 16px default text size:
1em  => 16px
1.5  => 25px
.625 => 10px

NOTE: Try to define EM sizes far down in the display hierarchy,
in order to avoid inheritance confusion.
*/

html {
	background-color:#F5F5F5;
}


body {
	
	color:black;
	font-family: Georgia, Times, Trebuchet, Serif;
	font-size:.75em; /*16px*/
	line-height:1.5em;
	text-align:left;
	padding:2em 4em;
}
a {
	text-decoration:none;
	color:#FF5200;
}
a.active {
	color:inherit;
}
p.right {
	text-align:right;
}
div#container {
	margin:.5em auto 0 auto;
	width: 53.5em;
}
div.clear {
	clear:both;
}





/* Header */
#header {
	margin-right: .5em;
	text-align:right;
}
#header ul li {
	display: inline;
	padding-left:2em;
}


/* Sections Shared */
.section {
	margin-right: .5em;
	border-top:1px solid #CCC;
	padding-top:.5em;
}
.section h1 {
	font-size:3em;
	line-height:1em;
}
.section h4 {
	padding-left: .3em;
}
.section p {
	margin-top: 1.5em;
}
p.large {
	margin-top: 3em;
	font-size:1.5em;
	line-height:1.5em;
}
.section ul {
	padding:2em 0;
}
.section li {
	list-style-type:disc;
}


/* Comparison */
#comparison {
	border-top:1px solid #CCC;
	padding-top:.5em;
}
#comparison div {
	width:25.25em;
	padding:.5em;
	float:left;
	overflow:hidden;
	background-color:#E3E3E3;
}
#comparison div:first-child {
	margin-right:.5em;
}
#comparison img {
	width:100%;
}
#comparison p {
	padding:.5em;
	color:black;
}



/* Stream */
#stream {
	margin-right:-1em;
	line-height:.5em;
	text-align:center;
}
#stream img {
	height: 75px;
	background-color:#E3E3E3;
	padding:.5em;
	width: 75px;
	margin:0 1.4em 1.4em 0;
	display:inline;
}
#stream p {
	margin-top:2em;
}
.pagination {
	margin-bottom:.5em;
}




/* Footer */
#footer {
	border-top:1px solid #CCC;
	padding-bottom:4em;
}
#footer ul li {
	display: inline;
	padding-right:2em;
}










/* Guidelines */
#guidelines {
	border-top:1px solid #CCC;
	padding-top:2.5em;
}
#guidelines li {
	list-style-type:decimal;
	margin-bottom:.5em;
}
#guidelines div.half.column {
	width:50%;
	float:left;
}
#guidelines div.half.column img {
	width:90%;
}