body
{
	background-color: #333333;
	min-width: 500px;
}

header
{
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	min-width: 500px;
	z-index: 99999;
	background-color: #f8f8f8;

	top: 0;
	left: 0;
}

header.light { background-color: #f8f8f8; color: #222222; }
header.dark { background-color: #333333; color: #f8f8f8; }

header section
{
	max-width: 960px;
	margin: 0 auto 0 auto;
}

header h1
{
	float: left;

	text-decoration: none;

	text-indent: -9999px;
	z-index: 1;

	padding: 20px 30px 20px 0;

	width: 226px;
	height: 40px;
}
header.dark h1 { background: url("/?originalUrl=https%3A%2F%2Fwww.allthingsgit.com%2Fimages%2Fheader-white.png") 30px 24px no-repeat; }
header.light h1 { background: url("/?originalUrl=https%3A%2F%2Fwww.allthingsgit.com%2Fimages%2Fheader-black.png") 30px 24px no-repeat; }

div#fullheight
{
	min-width: 500px;
}

section
{
	max-width: 900px;
	margin: 0 auto 0 auto;
}

main.fullwidth section.image
{
	max-width: none;
}
@media (max-width: 675px)
{
	main.fullwidth section.image
	{
		margin: 90px 0 0 0;
	}
}


section#fullheight nav#external
{
	max-width: 960px;
	margin: 0 auto 0 auto;
}
@media (max-width: 725px)
{
	main#frontpage nav#external ul li#rss
	{
		display: none;
	}
}
@media (max-width: 650px)
{
	main#frontpage nav#external ul li#facebook
	{
		display: none;
	}
}


main
{
	min-height: 300px;
}
@media (max-width: 675px)
{
	main, main.fullwidth
	{
		margin: 106px 0 0 0;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)
{
	header.dark h1
	{
		background: url("/?originalUrl=https%3A%2F%2Fwww.allthingsgit.com%2Fimages%2Fheader-white-2x.png") 30px 24px no-repeat;
		background-size: 226px 40px;
	}
	header.light h1
	{
		background: url("/?originalUrl=https%3A%2F%2Fwww.allthingsgit.com%2Fimages%2Fheader-black-2x.png") 30px 24px no-repeat;
		background-size: 226px 40px;
	}
}

header #links-button
{
	display: none;
}

header nav#links
{
	float: right;
	padding: 40px 30px 0 0;
	text-transform: uppercase;
	font-size: 13px;
}
@media (max-width: 675px)
{
	header nav#links
	{
		clear: both;
		float: left;
		margin: -11px 0 0 15px;
		padding: 0;
		height: 37px;
	}
}

header nav#links ul
{
	list-style-type: none;
}
header nav#links ul li
{
	display: inline;
	margin-left: 15px;
}
header nav#links ul li a
{
	text-decoration: none;
}
header.light nav#links ul li a { color: #111111; }
header.light nav#links ul li a:hover { color: #444444; }
header.dark nav#links ul li a { color: #e8e8e8; }
header.dark nav#links ul li a:hover { color: #a8a8a8; }
header nav#links li#link_subscribe
{
	position: relative;
}
header nav#links li#link_subscribe > a
{
	background: url("/?originalUrl=https%3A%2F%2Fwww.allthingsgit.com%2Fimages%2Frss.svg") no-repeat;
	background-size: 13px 13px;
	background-position: center right;
	text-decoration: none;
	display: inline-block;
	padding-right: 19px;
}
header nav#links li#link_subscribe > a:hover
{
	color: #e8e8e8;
	opacity: 0.72;
}

header li#link_subscribe ul#subscribe_links
{
	position: absolute;
	top: 25px;
	left: -23px;
	visibility: hidden;
}
header li#link_subscribe ul#subscribe_links.visible
{
	visibility: visible;
}
header li#link_subscribe ul#subscribe_links li
{
	display: list-item;
	list-style-type: none;
	margin: 5px 100px 5px 25px;
}
header li#link_subscribe ul#subscribe_links li:last-of-type
{
	margin-bottom: 15px;
}
header.light li#link_subscribe ul#subscribe_links
{
	background-color: #f8f8f8;
	color: #a8a8a8;
}
header.dark li#link_subscribe ul#subscribe_links
{
	background-color: #333333;
	color: #666666;
}

footer
{
	max-width: 900px;
	margin: 0 auto 0 auto;
}