/*
Theme Name: Geertdd
Theme URI: http://www.geertdedeckere.be/
Description: Custom theme for my blog
Version: 1
Author: Geert De Deckere
Author URI: http://www.geertdedeckere.be/
*/

@media screen {

/*  1. Reset
	2. General classes and elements
	3. General layout
	4. Specific pages */

/*  1. RESET */
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; }
	table { border-collapse:collapse; border-spacing:0; }
	table, input, select, textarea { font:inherit; }
	ins { text-decoration:none; }
	del { text-decoration:line-through; }


/*  2. GLOBAL CLASSES AND ELEMENTS */
	/* Classes */
	.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }
	.clear { clear:both; }

	/* Clearfix */
	.clearfix:after, .figure:after { content:' '; display:block; height:0; clear:both; visibility:hidden; }

	/* Links */
	a { border-bottom:1px solid #cddee3; color:#055a74; text-decoration:none; }
	a:visited { color:#2a7389; }
	a:hover { background:rgba(5,90,116,0.2); border-color:rgba(255,255,255,0); color:#044d63; }

	/* Feed icon links */
	a.feed { display:block; width:16px; height:16px; background:#333 url(images/feed-16x16-hifi.png); border:0; }
	a.feed img { width:0; }
	a.feed:hover { background-color:#044d63; }

	/* Headings */
	h1 { margin:0 0 40px -300px; padding:0 0 39px 300px; width:600px; border-bottom:1px solid #d6d6d6; font-size:72px; line-height:60px; letter-spacing:-0.07em; }
	h2 { margin:40px 0 20px; font-size:24px; text-transform:uppercase; letter-spacing:-0.05em; }
	h3 { margin:20px 0; font-size:18px; letter-spacing:-0.02em; }

	/* Quotes */
	blockquote { margin-bottom:20px; padding-left:40px; background:url(images/quote.png) no-repeat 0 0; font-size:14px; }
	.content blockquote { max-width:440px; }

	/* Code */
	pre { margin-bottom:20px; padding:10px; background:#fff; overflow-x:auto; }
	pre, code { font:14px Monaco,monospace; }

	/* Abbreviations */
	abbr, acronym { border-bottom:1px solid #ebebeb; cursor:help; }

	/* Tables */
	th { text-align:left; }
	th, td { border-bottom:1px solid #d6d6d6; }

	/* Figures */
	.figure { font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }
	.figure > a:first-child { border:none; }
	.figure img { display:block; width:100%; border:0; }
	.left { float:left; margin-right:20px; }
	.right, .pull { float:right; margin-left:20px; }
	.right { margin-right:120px; }
	.small { width:100px; }
	.medium { width:240px; }
	.large { margin-left:0; margin-right:0; width:480px; }
	.x-large { width:600px; }

	/* Content */
	.content p, .content ul, .content ol { margin-bottom:20px; max-width:480px; }
	.content table { margin-bottom:20px; min-width:480px; }
	.content .x-large { max-width:600px; }


/*  3. GENERAL LAYOUT */
	/* Wrapper */
	body { margin:40px 0 60px 360px; background:#fff url(images/idoe-accent.png) no-repeat 0 100% fixed; width:600px; font:16px/20px 'Helvetica Neue',Helvetica,sans-serif; color:#000; }
	body.grid { background:url(images/grid.gif); }

	/* My name */
	#logo a { font-weight:bold; color:#333; letter-spacing:-0.1em; }
	#logo a:hover { background:none; color:#044d63; }
	#firstname { z-index:9; position:fixed; bottom:112px; left:28px; font-size:72px; letter-spacing:-0.04em; }
	#lastname { z-index:8; position:fixed; bottom:68px; left:59px; font-size:36px; }

	/* Navigation */
	#nav { position:fixed; left:60px; bottom:0; margin:0; padding:120px 0 220px; width:240px; background:url(images/idoe-accent.png) no-repeat -60px 100%; list-style:none; font-weight:bold; }
	#nav a { border:0; color:#333; text-decoration:none; letter-spacing:-0.01em; }
	#nav a:hover { color:#044d63; }

	/* Footer */
	#footer { clear:both; float:left; margin:80px 0 0; padding:19px 0 60px; width:600px; border-top:1px solid #d6d6d6; font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }


/*  4. SPECIFIC PAGES */
	/* Homepage */
	body.home { margin-top:300px; }
	body.home #logo a { color:#000; }
	body.home #intro { position:fixed; top:60px; padding:19px 0 0; border-top:1px solid #d6d6d6;  }

	/* Single page */
	#meta, #intro { float:left; margin-left:-300px; width:240px; font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }
	#meta { margin-top:-100px; font-variant:small-caps; }
	#meta a, #intro a { color:inherit; }

	/* Multiple articles */
	#articles { float:left; margin-top:-40px; width:600px; list-style:none; }
	#articles h2 { clear:both; float:left; margin-bottom:0; width:240px; text-transform:none; }
	#articles h2 + p /* excerpt */ { float:right; margin:40px 60px 0 0; width:240px; font-size:14px; color:#666; }
	#articles h2 + p + p /* date */ { clear:left; float:left; font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }
	.pages { clear:both; float:left; margin:20px 0; width:600px; }
	.pages .prev { float:left; }
	.pages .next { float:right; }

	/* Comments */
	#comments { position:relative; margin-top:80px; padding:39px 0 0; border-top:1px solid #d6d6d6; }
	#comments .feed { position:absolute; top:39px; right:0; }
	.comment-list li { clear:both; width:600px; list-style:none; }
	.comment-meta { clear:both; margin:40px 0 20px; }
	.comment-meta strong /* author */ { float:left; letter-spacing:-0.01em; }
	.comment-meta em /* date */ { display:none; float:right; font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }
	.comment-meta .permalink { display:none; }
	.comment-list li:hover .permalink, .comment-list li:hover .comment-meta em { display:inline; }
	.comment-text { clear:both; padding:0 120px 19px 0; border-bottom:1px solid rgba(0,0,0,0.08); font-size:14px; }
	#new-comment h2 { margin-bottom:40px; }
	#comment-form label { clear:both; float:right; margin-top:2px; width:340px; }
	#comment-form label[for="comment"] { display:none; }
	#comment-form small { font-family:Baskerville,Garamond,Cambria,Times,serif; font-style:italic; color:#666; }
	#comment-form input[type="text"] { width:234px; /* 360px is too long */ }
	#comment-form textarea { width:478px; /* 480px is too long because of browser's native border/padding */ font-size:14px; }
	#comment-form span.required { display:none; }
	#comment-form #submit { margin-top:20px; }

	/* Search */
	#searchform label[for="s"] { display:none; }
	#intro #s /* textfield */ { width:160px; }
}


@media print {

	/* Hide stuff, save ink */
	#logo, #nav, #searchform, #new-comment, .feed, .pages, .skip, .hide4print { display:none; }

	/* Font */
	body { font:10pt 'Helvetica Neue',Helvetica,sans-serif; }
	#meta, #intro, #footer { font-size:8pt; }
	h1 { font-size:300%; letter-spacing:-0.05em; }

	/* Margin/padding */
	body { margin-left:2em; }
	ul, ol { margin-left:0; padding-left:0; }

	/* Widths */
	#intro { width:50%; }

	/* Borders */
	#intro, #comments, #footer { padding:1em 0 0; border-top:1px solid #666; }

	/* Page breaks */
	h1, h2, h3, th { page-break-inside:avoid; page-break-after:avoid; }
}