/* ==== HTML5 ======================================================= */

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

/* ==== RESET RULES ================================================= */

*
{
/*	margin:					0;
	padding:				0;*/
	color:					inherit;
}
/* ================================================= RESET RULES ==== */

/* ==== HIDE THESE ================================================== */

form,
#comments-header,
#leave-comment,
#site-sections header,
#site-sections-list dt,
#site-sections-list dd,
#site-search,
#site-aside,
#site-feeds,
#profiles,
#software,
#copyright-and-licensing header,
p.read-more,
#earlier-entries,
#later-entries
{
	display:				none;
}
#site-sections-list dt.current-section,
#site-sections-list dd.current-section
{
	display:				inline-block;
}

/*
#posts > header,

#comments-header,
#leave-comment legend,

#licence-notice
{
	display:				none;
}

/# ---- List labels --------------------------------------------- #/

#posts-list,

#site-aside ol,  #site-aside ul,
#site-footer ol, #site-footer ul
{
	list-style-type:			none;
}
*/
/* ================================================== HIDE THESE ==== */

/* ==== GENERATED CONTENT =========================================== */

#site-sections-list dt.current-section:after
{
	content:				": ";
}
section[role="main"] a:after,
article[role="main"] a:after
{
	content:				" [" attr(href) "]";

	font-size:				75%;
	line-height:				1em;
	text-decoration:			none;
}
section[role="main"] a[rel="tag"]:after,
article[role="main"] a[rel="tag"]:after
{
	content:				"";
}
/* =========================================== GENERATED CONTENT ==== */

/* ==== DISPLAY STYLE =============================================== #/

figure.video dl.video-download-links ul,
figure.video dl.video-download-links li
{
	display:				inline;
}

#site-sections-list dt
{
	display:				inline-block;
}

figure,
figure.video video,
figure.video object,
#promotion a,
time.comment-time
{
	display:				block;
}
/# ==== DISPLAY STYLE =============================================== #/

/# ==== FLOATS ====================================================== #/

figure.video dl.video-download-links dt
{
	float:					left;
}
/# ====================================================== FLOATS ==== #/





/# ==== PAGE WIDTH ====================================================

	22 columns of 2.5em
	Rows 1.5em tall		(based on default type size)

-------------------------------------------------------------------- #/

body
{
	margin:					0 auto;
	padding:				0 0.5em;
	width:					55em;
}
/# ================================================== PAGE WIDTH ==== #/

/# ==== HEADER TO TOP =============================================== #/
#site-header
{
	position:				absolute;
	z-index:				20;
	top:					0;
	width:					55em;
	height:					7em;
}

#posts,
#page-not-found,
article.page,
article.post,
#site-aside
{
	padding-top:				10.5em;
}
/# =============================================== HEADER TO TOP ==== #/





/# ==== WEBFONTS ==================================================== #/
/#
Droid Serif, Droid Sans, and Droid Sans Mono:

	Copyright (C) 2008 The Android Open Source Project

	Licensed under the Apache License, Version 2.0 (the "License");
	you may not use this file except in compliance with the License.
	You may obtain a copy of the License at
  
		http://www.apache.org/licenses/LICENSE-2.0
  
	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.

Raleway:

	Copyright (c) 2010, Matt McInerney (http://pixelspread.com|matt@pixelspread.com),
	with Reserved Font Name Raleway.

	This Font Software is licensed under the SIL Open Font License, Version 1.1.
	This license is available with a FAQ at: http://scripts.sil.org/OFL
#/

/# ---- Droid Serif --------------------------------------------- #/

@font-face
{
	font-family:				'Droid Serif';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Regular-webfont.eot');
	src:					local('Droid Serif'),
						local('DroidSerif-Regular'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Regular-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Regular-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Regular-webfont.svg#webfontEtSsk1JN') format('svg');
	font-weight:				normal;
	font-style:				normal;
}
@font-face
{
	font-family:				'Droid Serif';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Italic-webfont.eot');
	src:					local('Droid Serif Italic'),
						local('DroidSerif-Italic'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Italic-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Italic-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Italic-webfont.svg#webfontNZohlgxV') format('svg');
	font-weight:				normal;
	font-style:				italic;
}
@font-face
{
	font-family:				'Droid Serif';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Bold-webfont.eot');
	src:					local('Droid Serif Bold'),
						local('DroidSerif-Bold'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Bold-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Bold-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-Bold-webfont.svg#webfontKcmVwBB9') format('svg');
	font-weight:				bold;
	font-style:				normal;
}
@font-face
{
	font-family:				'Droid Serif';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-BoldItalic-webfont.eot');
	src:					local('Droid Serif Bold Italic'),
						local('DroidSerif-BoldItalic'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-BoldItalic-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-serif/DroidSerif-BoldItalic-webfont.svg#webfont8zI8rTdy') format('svg');
	font-weight:				bold;
	font-style:				italic;
}
/#
Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2010 02:08:31 AM America/New_York
#/

/# ---- Droid Sans ---------------------------------------------- #/

@font-face
{
	font-family:				'Droid Sans';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-webfont.eot');
	src:					local('Droid Sans'),
						local('DroidSans'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-webfont.svg#webfontbC7tRKrq') format('svg');
	font-weight:				normal;
	font-style:				normal;
}

@font-face
{
	font-family:				'Droid Sans';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-Bold-webfont.eot');
	src:					local('Droid Sans Bold'),
						local('DroidSans-Bold'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-Bold-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-Bold-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans/DroidSans-Bold-webfont.svg#webfont5dL3IGk2') format('svg');
	font-weight:				bold;
	font-style:				normal;
}
/#
Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2010 02:08:04 AM America/New_York
#/

/# ---- Droid Sans Mono ----------------------------------------- #/

@font-face
{
	font-family:				'DroidSansMonoRegular';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/droid-sans-mono/DroidSansMono-webfont.eot');
	src:					local('Droid Sans Mono'),
						local('DroidSansMono'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans-mono/DroidSansMono-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans-mono/DroidSansMono-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/droid-sans-mono/DroidSansMono-webfont.svg#webfontGzFJ3WpO') format('svg');
	font-weight:				normal;
	font-style:				normal;
}
/#
Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2010 02:02:22 AM America/New_York
#/

/# ---- Raleway ------------------------------------------------- #/

@font-face
{
	font-family:				'Raleway';
	src:					url('http://adelie.obfuscatepenguin.net/fonts/raleway/raleway_thin-webfont.eot');
	src:					local('Raleway'),
						url('http://adelie.obfuscatepenguin.net/fonts/raleway/raleway_thin-webfont.woff') format('woff'),
						url('http://adelie.obfuscatepenguin.net/fonts/raleway/raleway_thin-webfont.ttf') format('truetype'),
						url('http://adelie.obfuscatepenguin.net/fonts/raleway/raleway_thin-webfont.svg#webfontkd6dQnDz') format('svg');
	font-weight:				normal;
	font-style:				normal;
}
/#
Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2010 02:02:59 AM America/New_York
#/
/# ==================================================== WEBFONTS ==== #/

/# ==== TYPEFACES =================================================== #/

/# ---- Serif --------------------------------------------------- #/

body,

#site-aside h1,
#site-footer h1,
#copyright-notice
{
	font-family:				'Droid Serif', 'Linux Libertine', 'Liberation Serif', 'Georgia', 'Cambria', 'Garamond', 'Times', 'Times New Roman', serif;
}

/# ---- Sans ---------------------------------------------------- #/

h1, h2, h3, h4, h5, h6,

#site-header dt,

#site-aside,
#site-footer
{
	font-family:				'Droid Sans', 'Liberation Sans', 'Akzidenz Grotesk', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/# ---- Monospaced ---------------------------------------------- #/

pre,
kbd
{
	font-family:				'Droid Sans Mono', monospace;
}

/# ---- Decorative ---------------------------------------------- #/

#site-name,
#site-tagline,
#site-sections-list dd
{
	font-family:				'Raleway', 'St Marie Thin', 'Quicksand Light', 'Lobster', 'Lobster 1.3', 'Segoe UI Light', 'Liberation Sans', 'Akzidenz Grotesk', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/# =================================================== TYPEFACES ==== #/

/# ==== TYPE SIZE AND LEADING ======================================= #/

*
{
	font-size:				inherit;
	line-height:				inherit;
}

body
{
	line-height:				1.5em;
}

#site-name
{
	font-size:				250%;
	line-height:				1.75em;
}

#site-tagline,
#site-sections-list dd,
#page-title,
#post-title,
#not-found-header h1,
#not-found-results-header h1,
#perhaps-header h1,
h1.excerpt-heading
{
	font-size:				150%;
	line-height:				1em;
}

#site-sections a
{
	font-size:				125%;
	line-height:				1.7em;
}

#leave-comment-header h1
{
	font-size:				125%;
	line-height:				1.2em;
}

#post-main-content section header h1,
#page-main-content section header h1
{
	font-size:				125%;
	line-height:				1.2em;
	position:				relative;
	top:					-0.2em;
}
#post-main-content section header h2,
#page-main-content section header h2,
#post-main-content section section header h1,
#page-main-content section section header h1
{
	font-size:				112.5%;
	line-height:				1.33333333em;
}

figcaption,
p.page-date,
.post-date,
.post-tags,
#comments-list,
#comment-form,
#dents-list li footer,
#site-feeds-list,
#profiles-list,
#software-list,
#copyright-and-licensing
{
	font-size:				75%;
	line-height:				2em;
}

sup,
sub
{
	font-size:				75%;
	line-height:				1em;
}

#promotion a
{
	line-height:				0;
}
/# ======================================= TYPE SIZE AND LEADING ==== #/

/# ==== TYPE WEIGHT ================================================= #/

*
{
	font-weight:				inherit;
}

.url.not-found,
strong,
b
{
	font-weight:				bold;
}
/# ================================================= TYPE WEIGHT ==== #/

/# ==== ALIGNMENT =================================================== #/

/# ---- Left ---------------------------------------------------- #/

#comment-allowed-tags,
#comment-content,
figcaption
{
	text-align:				left;
}
/# ---- Right --------------------------------------------------- #/

figure.video dl.video-download-links dt,
p.page-date,
.post-date,
.post-tags,
article.comment footer,
#your-comment
{
	text-align:				right;
}

/# ---- Center -------------------------------------------------- #/

#page-title,
#post-title,
#not-found-header h1,
div.photo,
figure,
#copyright-notice
{
	text-align:				center;
}
/# ==== ALIGNMENT =================================================== #/

/# ==== TYPE PADDING ================================================ #/

#post-main-content ol,
#post-main-content ul
{
	padding:				0.75em 0 0.75em 4em;
}
#page-main-content ol,
#page-main-content ul
{
	padding:				0.75em 0 0.75em 4.5em;
}

figure.video dl.video-download-links ul,
#post-main-content figure.video dl.video-download-links ul,
#posts-list,
#archives ol
{
	padding:				0;
}

h1.excerpt-heading a
{
	padding:				0.33333333em;
}
/# ---- Top ----------------------------------------------------- #/

#post-main-content section,
#page-main-content section
{
	padding-top:				1.5em;
}
#post-main-content > section,
#page-main-content > section
{
	padding-top:				3em;
}

#page-footer #post-comments
{
	padding-top:				9em;
}

#post-comments
{
	padding-top:				3em;
}

figure + figure,
p + figure,
#no-posts-message,
header.excerpt-header,
#post-footer,
#page-footer,
#post-main-content p + p,
#page-main-content p + p,
#post-main-content figure + p,
#page-main-content figure + p
{
	padding-top:				1.5em;
}

#page-title,
#not-found-results-header,
#perhaps-header
{
	padding-top:				1.25em;
}

#post-title,
#not-found-header h1
{
	padding-top:				1em;
}

div.photo
{
	padding-top:				0.75em;
}

#comment-author-info
{
	padding-top:				0.5em;
}

#site-tagline
{
	padding-top:				0.33333333em;
}

#promotion img
{
	padding-top:				0.5em;
}

#post-main-content figcaption p + p,
#page-main-content figcaption p + p
{
	padding-top:				0;
}
/# ---- Bottom -------------------------------------------------- #/

#page-footer
{
	padding-bottom:				6em;
}

#page-header
{
	padding-bottom:				3.5em;
}

#comments-list li,
#comments-list
{
	padding-bottom:				2em;
}

#comment-author-info
{
	padding-bottom:				1.5em;
}

#page-title,
#post-header,
#not-found-header
{
	padding-bottom:				1.25em;
}

#post-title,
#not-found-header h1
{
	padding-bottom:				1em;
}

div.photo
{
	padding-bottom:				0.75em;
}

header.excerpt-header,
#not-found-results-header,
#perhaps-header
{
	padding-bottom:				0.25em;
}

#site-sections-list a
{
	padding-bottom:				0.2em;
}

h1.excerpt-heading
{
	padding-bottom:				0.16666666em;
}

/# ---- Left ---------------------------------------------------- #/

#page-footer #post-comments
{
	padding-left:				12em;
}

p.page-date
{
	padding-left:				10em;
}

#page-main-content
{
	padding-left:				7.5em;
}

#page-main content pre
{
	padding-left:				5em;
}

#post-comments,
#post-main-content pre
{
	padding-left:				4.5em;
}

.post-tags
{
	padding-left:				6.66666666em;
}

#site-tagline,
#page-title
{
	padding-left:				3.33333333em;
}

#post-main-content figcaption p + p,
#page-main-content figcaption p + p
{
	padding-left:				2.66666666em;
}

#post-title,
#not-found-header h1
{
	padding-left:				1.6666666em
}

#not-found-info,
#not-found-results-header,
#perhaps-header,
p.perhaps-info,
#no-posts-message,
#post-main-content,
#post-footer,
div.excerpt-content
{
	padding-left:				0.5em;
}

#site-name
{
	padding-left:				0.2em;
}

/# ---- Right --------------------------------------------------- #/

#page-footer #post-comments
{
	padding-right:				12.5em;
}

p.page-date
{
	padding-right:				10em;
}

#page-main-content
{
	padding-right:				7.5em;
}

#post-comments
{
	padding-right:				5em;
}

#page-title
{
	padding-right:				3.33333333em;
}

#post-title,
#not-found-header h1
{
	padding-right:				1.66666666em
}

figure.video dl.video-download-links li
{
	padding-right:				0.33333333em;
}
/# ================================================ TYPE PADDING ==== #/

/# ==== WIDTHS ====================================================== #/

#site-sections-list a
{
	width:					6em;
}

#comment-content
{
	width:					100%;
}

#post-main-content video
{
	width:					37em;
}

figure.video dl.video-download-links dt
{
	width:					8.66666666em;
}
figure.video dl.video-download-links dd
{
	margin-left:				9.33333333em;
	width:					36.66666666em;
}
/# ====================================================== WIDTHS ==== #/

/# ==== HEIGHTS ===================================================== #/

#comment-content
{
	height:					18em;
}

#post-main-content video
{
	min-height:				21em;
}
/# ===================================================== HEIGHTS ==== */

/* ==== TRANSFORMATION AND DECORATION =============================== */

#site-header a,
h1.excerpt-heading a,
#site-aside a,
#site-footer a,
a[rel="tag"]
{
	text-decoration:			none;
}

a
{
	text-decoration:			underline;
}

/* =============================== TRANSFORMATION AND DECORATION ==== */