/* --- Layout --- */

#header { background-color: #094; color: #fff; }
#header ul { padding: 5px 4px; list-style: none; }
#header li { padding: 0 12px; display: inline; color: #999; }
#header a { color: #fff; }
#header a.current { padding: 2px 4px; background-color: #094; color: #000; }

#menu { background-color: #222; border-bottom: 2px solid #063; }

#page { margin: 40px auto; }

.wrapper {
	margin: 0 auto;
	padding: 0 1em;
	max-width: 56.25em; /*  900px / 16px = 56.25em */
}

h1, h2 {
	margin-left: 11.111%; /* 100px / 900px = 0.11111 */
	width: 88.889%; /* 550px / 900px = 0.61111 */
}

.entry {
	float: left;
	width: 100%;
}

.entry .title {
	float: right;
	width: 88.889%;
}

.entry .info {
	float: left;
	margin-top: .72727em;
	width: 9.333%;
}

.entry .content {
	float: right;
	width: 88.889%;
}

.entry .main {
	float: left;
	width: 68.75%;
}

.entry .meta {
	float: right;
	width: 29.25%;
}

/* --- Foundation styles --- */

html, body { margin:0; padding:0; }
body { background: #f7f7f7; color: #333; font: normal 100% Helvetica, Arial, sans-serif; }

a { color: #094; text-decoration:none; }
a:hover { color: #000; text-decoration:underline; }

p { margin-bottom: 1em; }

/* --- Type --- */

h1 {
	margin-bottom: .5em;
	text-transform:uppercase;
	line-height:.9em;
	font-size:4.5em;	/* 72px / 16 px = 4.5em */
	color:#094;
}
h2 {
	margin-top: 1em;
	padding-bottom: .3em;
	text-transform:uppercase;
	font-weight: normal;
	line-height:.9em;
	font-size:3em;
}
h2 span {color: #9db;}

.logo { color: #fff !important; font-size: 1.375em; }

.entry .info,
.entry .meta {
	font-size: .83em;
	font-weight: bold;
	line-height: 1.45455;
}

.entry h3 {
	margin-top:0;
	margin-bottom: .66667em;
	padding:0;
	font-family: Georgia, Times, serif;
	font-size:1.75em;
	color: #000;
}
.entry .info { letter-spacing: .08em; text-transform: uppercase; }
.entry .main { line-height: 1.475em; }
.entry .meta { margin-top: .875em; color: #999; }

.entry .each h3 { font-weight: normal; font-size:1.35em; color: #999; }
.entry .each h3 a { color: #000; }
.entry .each h3 a:hover { color: #094;}
.entry .each p { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dotted #999; }

.footer {font-size: .83em; }
.footer .main { margin-top: 20px; padding-top: 16px; border-top: 1px dotted #999; }

/* Pretty printing styles. Used with prettify.js. */

pre { overflow: auto; width: 100%; font-size: .83em; background-color: #f7f7f7;  padding: 2px; font:normal 12px/13px "Bitstream Vera Sans Mono","Monaco","Courier New",monospace; }

.str {color: #094;} /* string */
.kwd {color: #222; font-weight: bold} /* keyword */
.com {color: #888;} /* comment */
.typ {color: #0086b3;} /* predefined function */
.lit {color: #369;} /* number */
.pun {color: #444;} /* punctuation */
.pln {color: #222;} /* regular - default */
.tag {color: #3875d7;}
.atn {color: #15b100;} /* html attributes name */
.atv {color: #907;} /* html attributes value */
.dec {color: #606;}