awayken

/**
 * Shadow Play
 */
body {
	color: #000;
	background: #fff;
	font-family: arial, sans-serif;
	font-size: 9em;
	font-weight: bold;
	letter-spacing: -10px;

awayken

/**
 * CSS3 Ligatures and Kerning Pairs
 */
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911);

body {
	font-family: Verdana;
	font-size: 0.8em;
	text-rendering: optimizeSpeed;

awayken

/**
 * On the move. The Chevrolet '70s.
 */

awayken

/**
 * Qualitest® - an ugly package redone in CSS.
 */
body { color: #000; background: #fff; }
.qualitest { width: 900px; padding-bottom: 9px; background: gold; font-size: 1.2em; font-family: 'Arial Black', arial, sans-serif; }
.qualitest .code { padding: 0 10px; }
.qualitest h1 { width: 80%; margin: 0 0 0.5em 0; padding: 0 10px; line-height: 1; font-size: 2em; font-weight: normal; text-transform: uppercase; }
.qualitest strong { display: inline-block; height: 34px; padding: 0 6px 0 10px; vertical-align: bottom; color: #fff; background: #000; font-family: arial; font-weight: bold; font-size: 0.8em; letter-spacing: 4px; line-height: 32px }
.qualitest .details { padding: 0 10px; }
.qualitest .details span:first-child { float: none; }

awayken

/***
    Typografaces
    Some faces done in pure CSS and typography.
***/

.toolbox { padding: 0.5em 1em; margin: 0 0 1em 0; border: 1px solid #ddd; border-radius: 8px; background: #000; font-size: medium; }
.toolbox a { display: inline-block; margin: 0 8px; color: white; text-decoration: none; }

/***
    Typografaces

awayken

/***
Forgotten English
A CSS experiment. Just mimicking my one-a-day calendar, called Forgotten English.
***/

/** Get our font **/
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic|IM+Fell+English+SC|Cardo:400,400italic);

/** reset, normalize.css from jsFiddle **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

awayken

// http://meyerweb.com/eric/tools/css/reset/ 
// v2.0 | 20110126
// License: none (public domain)
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,

awayken

/******************
	jQuery Plugin
	Name: PLUGIN
	Author: Miles Rausch (http://awayken.com)
	Version: VER
******************/
(function($){
	$.PLUGIN = function(el, PARAM, options){
		// To avoid scope issues, use 'base' instead of 'this'
		// to reference this class from internal events and functions.

awayken

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

awayken

/**
 * Flipboard - detail, with hover.
 */
 
@-webkit-keyframes grow {
	from { top: 44px; bottom: 88px; }
	to { top: 0; bottom: 0; }
}

body {