@charset "UTF-8";
/*
Theme Name:		Chipwreck2
Theme URI:		http://www.chipwreck.de/blog
Description:	Chipwreck2 lite theme
Version:		1.7
Author:			Mario Fischer
Author URI:		http://www.chipwreck.de/
*/

/* !Reset */
/*----------------------------------------------------------------------------------------------------*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; }
:focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

/* !Grid */
/*----------------------------------------------------------------------------------------------------*/
.container { min-width: 980px; }
.container_12 { width: 92%; margin-left: 4%; margin-right: 4%; }
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 { display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } .alpha {margin-left: 0;} .omega {margin-right: 0;}
.container_12 .grid_1 {width:6.333%;} .container_12 .grid_2 {width:14.667%;} .container_12 .grid_3 {width:23.0%;} .container_12 .grid_4 {width:31.333%;} .container_12 .grid_5 {width:39.667%;} .container_12 .grid_6 {width:48.0%;} .container_12 .grid_7 {width:56.333%;} .container_12 .grid_8 {width:64.667%;} .container_12 .grid_9 {width:73.0%;} .container_12 .grid_10 {width:81.333%;} .container_12 .grid_11 {width:89.667%;} .container_12 .grid_12 {width:98.0%;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://sonspring.com/journal/clearing-floats */ .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

/* !Body + Defaults */
/*----------------------------------------------------------------------------------------------------*/
body { margin: 1em 0; font: 13pt/1.25 "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; }

small, .small, div.post p.small { font-size: 10px; line-height: 1.5em;	margin-bottom: 1.5em; }

dl,hr,ol,pre,table,fieldset { margin-bottom: 2em; }
pre, code { margin: 1.5em; padding: 0.5em; }
blockquote { margin: 1.5em; }
.smaller { font-size: 0.8em; }
.alignleft { float: left; margin: 0 1em 0.25em 1em !important; padding: 0.1em; width: 65%; }
.alignright { float: right; margin: 0 1em 0.25em 1em !important; padding: 0.1em; width: 150px; text-align: right; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.brnone { height: 0; line-height: 0; }
h4 strong { font-weight: 600; }

h1,h2,h3,h4,p { text-rendering: optimizeLegibility; }

/* !Colors */
/*----------------------------------------------------------------------------------------------------*/
div.postcontent a:visited { color: #567786; }
div.footer a:visited { color: #aaa; }
div.sidebar a:visited { color: #456575; }
a.download:visited { color: #181719 !important; }

.blueish, p.meta a, .socialfooter { color: #dfe4f2; }
.bluegreen, ul li a,a, div.sidebar a { color: #264756; }
.nicedk, div.commenthead, ul#subnavi1 a, ul#subnavi1 li,ul#navi ul li.page_item a, p.contentnav1 a, ol.contentnav1 li, ol.contentnav1, p.contentnav1, p.contentnav2 a, p.contentnav2, p.toplink a, div.commenthead, .small, small, div.post p.small { color: #75838a; }
.dkgrey, h3, h4, h6, div.sidebar h2, div.sidebar, #recentcomments a.url, div.comment p, div.pingback p { color: #333; }
.verydkgry, .download, body { color: #181719; }
ul.menu li ul.sub-menu li a, .veryltgry { color: #f1f2f3; }
.grey, .desc, h1, h2, h5, ul.topnavi a, div.changelog, ol.features span, blockquote, label, .pinboard-timestamp, ul.menu li a, li.page_item span { color: #484a47; }
.yellowish, div.header a { color: #dedf40; } /* yellowish */
.pink, .error, ul.linklist li span { color: #f257af; } /* pink */
.mgrey, div.postheader h5 a, .mgrey2, ul#subnavi2 a, ul#subnavi3 a, ol.features li, cite { color: #abb4b8; }
.nlyblack, .software { color: #2d2e2f; }
.white, button, div.warning, p.warning, div.related h2, div.warning h3, div.warning h2 { color: white; }
li.current-menu-item>a, li.current-menu-ancestor>a, .navihi, ul.topnavi li.current_page_parent>a, ul.topnavi li.current_page_item>a, ul.topnavi li.current_page_ancestor>a, ul.topnavi li.current-cat>a { color: #f257af !important; }
ul.sub-menu li.current-menu-item>a,ul.sub-menu li.current-menu-ancestor>a { color: #181719 !important; }

.container { background-color: white; }
div.sidebar, p.done { background-color: #dbe0da; } /* nicedkX */
div.post { background-color: #dae4e9; } /* lighter grey */
div.footer  { background-color: #264756; } /* bg-bluegreen */
p.warning, .software:hover, button, div.related { background-color: #f257af; } /* pink */
ol.commentlist div.odd { background-color: #e4e5e6; }
ol.commentlist div.even { background-color: #eeeff0; }
button:hover, ul.sub-menu li a:hover { background-color: #444; }
table.shortcuts td { background-color: #acb5b9; }
div.commentsteaser { background-color: #dedf40; } /* yellowish */

body { background: #333 url('images/bg-stripes.png'); }

div.postheader { background: #2d2e2f /*url('images/bg-stripes-tr.png') repeat;*/ }
/*div.postcontent { background: #dAe4e9 url('images/grad-grey-dk.png') repeat-x; }*/
div.warning { background-color: #f257af !important; } /* 404 */
.download, .vcard, .software { background: #bebebe url('./images/grad-grey-lt.png') repeat-x; }
ul.menu li ul.sub-menu, .action { background: #f257af url('./images/grad-grey-lt.png') repeat-x; }

/* !Typograhpy + Grid */
/*----------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {	line-height: 1.125em; font-family: "Georgia", "Times New Roman", "Baskerville", "Garamond", "Times", serif; font-weight: normal; margin: 1.5em 0 0.5em 0; }
div.post p { overflow: hidden; font-size: 0.75em; line-height: 1.5; margin-top: 1em; margin-bottom: 1.5em; }
div.postcontent { font-size: 1.0em; line-height: 1.5; }
.p_title_class { padding: 0; margin: 0; font: 13px "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; line-height: 2.0; }
.p_title_class a { padding-left: 2em; }

div.header { margin: 0 0 1em 0;	width: 100% !important; }
	div.header h1 { font-size: 3em; margin: 0.33em 0.65em; padding: 0.125em; text-align: right; }
		div.header h1 span { font: 0.2em/1.2 "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; letter-spacing: 0.2em; word-spacing: 0.125em; position: absolute; right: 8em; top: 4.8em; }

h1 { font-size: 2.2em; word-spacing: -0.125em; margin-top: 0.5em; position: relative; }
h2 { font-size: 1.7em; margin: 1em 0 0.75em 0; /* text-indent: -0.0714em; */ }
h3, h4 { font-size: 1.2em; margin: 1em 0 1em 0; }
	.desc { font-size: 1.2em; letter-spacing: 0.06em; font-style: italic; padding-left: 0.25em; }
h5,h6 {	font-size: 1em;	margin: 1.1em 0; }
h5.meta { font-size: 0.875em; font-style: italic; margin: 1em 0 1em 0; }
	.math { font-family: "Georgia", "Times New Roman", "Baskerville", "Garamond", "Times", serif; font-size: 14px !important; word-spacing: 0.25em !important; }

/* Quotes
----------------------------------------------------------------------------------------------------*/
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	q:before { content: '\201C'; } q:after { content: '\201D'; }
blockquote { font-size: 0.875em; font-style: italic; text-align: right; line-height: 1.4em; }
	blockquote:before, blockquote:after { color: #9ca5a9; font-size: 1.5em; }
	blockquote:before { content: '\201C'; } blockquote:after { content: '\201D'; }
cite { text-align: right; font-size: 0.75em; display: block; margin-right: 1.5em; }

/* Navi
----------------------------------------------------------------------------------------------------*/
ul.menu { margin: 1.0em 0; z-index: 100; }
ul.menu li { margin-right: 1.25em; position: relative; font-family: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; font-size: 1.6em; float: left; letter-spacing: 0.06em; }

ul.menu li:hover ul.sub-menu { display: block !important; position: absolute; left: 0em; min-width: 7.25em; }

ul.sub-menu { display: none; padding: 0.1em; z-index: 10; }
ul.sub-menu li { font-size: 0.55em; display: block; float: none; margin: 0;  }
ul.sub-menu li a { display: block;  padding: 0.25em 0 0.25em 0.5em; }

li.menu-item-5891 { border-top: 1px dotted #ccc; }
ul.sub-menu ul.sub-menu { position: relative !important; padding: 0em; }
ul.sub-menu li ul.sub-menu li { padding-left: 0.75em; float: none; font-size: 0.6em; }

li.page_item span { font-size: 0.75em; padding: 0.5em; font-weight: normal; }
ul.linklist li span { font-size: 0.9em; padding-left: 0.5em; }

ul#subnavi2, ul#subnavi3 { margin-top: 1.0em; z-index: 20; }
ul#subnavi3 { margin-bottom: 1.0em; }
ul#subnavi2 li, ul#subnavi3 li { font-size: 0.75em; display: inline; font-family: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; }
ul.topnavi li { margin-right: 1.2em;  display: inline; }
ul.topnavi a:hover { text-decoration: underline !important; }

/* Content navi */
p.contentnav2, p.toplink { font-family: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; }
div.contentnavi { margin: 0 -0.99em; border-bottom: 1px dashed #9ca5a9; }
ol.contentnav1 li { list-style-type: none !important; display: inline; margin: 0.25em !important; }
div.contentnavi p { max-width: none !important; }
p.contentnav1 { font-size: 1em !important; }
ol.contentnav1 { margin-bottom: 0.5em !important; font-size: 1.3em !important; }

div.excerpt div.contentnavi { display: none; } /* don't show in articles list */

/* Breadcrumbs */
p.breadcrumbs { font: 0.66em/1.2 "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; margin: 0.75em 0.5em; text-align: right; }

/* Main div/p
----------------------------------------------------------------------------------------------------*/
div.post, div.sidebar { margin-bottom: 20px; position: relative; z-index: 5; }

h2.pagetitle { margin: 0.75em 0 0.5em 0; }

div.postcontent, div.sidebar, div.postcomments, div.postreply { padding: 0.5em 1em 1em 1em; }

div.postheader { padding: 0.1em 1em 0.25em 1em; }
	div.postheader h2, div.postheader h3 { margin: 0.75em 1.25em 0.5em 0em; }
	h2 img.appicon { margin: 0 0.1em -8px 0; }

div.commentsteaser { font-size: 0.7em; position: absolute; right: -1em; top: 1em; padding: 0.5em 1em; }
	div.commentsteaser span { font-size: 2em; }

div.articleimage { margin-top: 1em; float: left; }

	div.postcontent p { max-width: 65em; }
		div.postcontent p + p { /* text-indent: 0.5em; */ margin-top: -1.0em; }

	div.postcontent li { list-style: outside square; font-size: 0.75em; margin-left: 3em; }
	div.postcontent img { margin: 0.5em; }

div#cchangelog { background-color: #DBE0DA; padding: 0.5em; }
div.changelog { font-size: 0.8em; margin: 1.5em 0em; }
	div.changelog h5 { border-bottom: 1px dotted #acb5b9; margin-bottom: 0.25em; }


div.post p.toplink { line-height: 1 !important; margin-top: 0 !important; margin-bottom: 0 !important;  text-align: right; max-width: none; }
p.pagebar { font-size: 1em !important; margin: 0 0.5em 0.5em 0.5em !important; }

div#related-posts,div#related-posts-page,div#related-posts-post { padding-bottom: 0.25em; }
div#related-posts li,div#related-posts-page li,div#related-posts-post li { font-size: 0.7em; list-style-type: square; }

/* Comments
----------------------------------------------------------------------------------------------------*/
div.postcomments, div.postreply { border-top: 1px dashed #acb5b9; }

ol.commentlist div.comment, ol.commentlist div.pingback { padding: 0.5em 0.5em 0.25em 0.5em; margin: 0.25em 0; }
	ol.commentlist li ul.children li { margin-left: 1em; }
	.pingback { font-size: 0.9em; }

	div.commenthead { font-size: 0.75em; line-height: 1.75; border-bottom: 1px dotted #75838a; text-align: right; }
	div.comment p, div.pingback p { font-size: 0.75em; word-spacing: 0.15em; line-height: 1.4; margin-top: 0.5em; margin-bottom: 0.5em; }

	.comment-author-mario { border: 2px solid #f257af; }

/* Sidebar
----------------------------------------------------------------------------------------------------*/
div.sidebar h2 { font-size: 1.3em; margin-bottom: 0.75em; }
div.sidebar li { font-size: 0.75em; margin: 0.2em; padding: 0.2em 0; }
div.sociable ul { padding: 0; margin-left: 0.5em; }
	div.sociable li { display: inline-block; list-style: none; margin: 0em; width: 110px; vertical-align: bottom; height: 32px; }
		div.sociable li.flattr { height: auto; width: auto; margin: 0 1em 0.75em 0; }
	div.sociable img { vertical-align: middle; }
	div.sociable a { font-size: 10px; padding-bottom: 6px; padding-top: 5px; font-weight: bold; }
#recentcomments { font-size: 0.9em; }

/* Forms
----------------------------------------------------------------------------------------------------*/
fieldset div { margin: 0.5em; }
	div label { display: block; padding: 0.5em 0 0 0.25em; }
	div input, div textarea { border: 1px solid transparent; padding: 0.25em; }
	input:focus, textarea:focus, input:hover, textarea:hover { border: 1px solid #f257af; }
	label, button { font-size: 0.75em; }
	p.cancel-comment-reply { margin: 0.5em 0.25em 0 0.25em !important; }

	div.post form p { margin: 0.25em; padding: 0; }
		div.post form p label { display: inline; padding-left: 0.5em; }

/* Footer
----------------------------------------------------------------------------------------------------*/
div.footer { padding: 1em 1em 1em 0em; margin-bottom: 1em; }
	div.footer p { overflow: hidden; font-size: 0.75em; word-spacing: 0.15em; margin-top: 1em; margin-bottom: 1.5em; margin-left: 1em; line-height: 32px; }

	p.meta a { border-right: 1px solid #c4d89a;  padding-right: 0.3em; line-height: 2em; }

	.socialfooter { background: url('images/socialfooter.png') no-repeat; padding-top: 8px; padding-left: 28px; margin-right: 0.5em; line-height: 32px !important; }
		.twitter { background-position: 0 -48px; } .twitter:hover { background-position: 0 -72px; }
		.rss { background-position: 0 0px; } .rss:hover { background-position: 0 -24px; }
		.facebook { background-position: 0 -96px; } .facebook:hover { background-position: 0 -120px; }
		.pinboard { background-position: 0 -144px; } .pinboard:hover { background-position: 0 -168px; }
		.iusethis { background-position: 0 -192px; } .iusethis:hover { background-position: 0 -216px; }
		.vcarddl { background-position: 0 -240px; } .vcarddl:hover,.vcarddlhover { background-position: 0 -264px; }
		.delicious { background-position: 0 -288px; } .delicious:hover { background-position: 0 -312px; }
		.friendfeed { background-position: 0 -336px; } .friendfeed:hover { background-position: 0 -360px; }
		.technorati { background-position: 0 -384px; } .technorati:hover { background-position: 0 -408px; }
		.tumblr { background-position: 0 -432px; } .tumblr:hover { background-position: 0 -456px; }
		.digg { background-position: 0 -480px; } .digg:hover { background-position: 0 -504px; }
		.netvibes { background-position: 0 -528px; } .netvibes:hover { background-position: 0 -552px; }
		.print { background-position: 0 -576px; } .print:hover { background-position: 0 -600px; }
		.email { background-position: 0 -624px; } .email:hover { background-position: 0 -648px; }
		.flickr { background-position: 0 -672px; } .flickr:hover { background-position: 0 -696px; }
		.twitbird { background-position: 0 -720px; } .twitbird:hover { background-position: 0 -744px; }
		.soup { background-position: 0 -768px; } .soup:hover { background-position: 0 -792px; }
		.wong { background-position: 0 -816px; } .wong:hover { background-position: 0 -840px; }
		.gplus { background-position: 0 -864px; } .gplus:hover { background-position: 0 -888px; }

.software-sprite { background: url(images/software-sprite.png) no-repeat top left; margin-bottom: 0.5em; padding-left: 40px; line-height: 32px; }
.sprite-coda-plugin-icon{ background-position: 0 0; height: 32px; }
.sprite-cwcomplete-icon{ background-position: 0 -33px; height: 32px; }
.sprite-cwcrop-icon{ background-position: 0 -66px; height: 32px; }
.sprite-cwfeedback-icon{ background-position: 0 -99px; height: 32px; }
.sprite-cwvideo-icon{ background-position: 0 -132px; height: 32px; }
.sprite-ecalculator-icon{ background-position: 0 -165px; height: 32px; }
.sprite-icon-32{ background-position: 0 -198px; height: 32px; }
.sprite-syslog-viewer-Icon-32{ background-position: 0 -231px; height: 32px; }

/* Links/Buttons
----------------------------------------------------------------------------------------------------*/
a, button { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
a[rel="shadowbox[scr];player=img;"]:hover, a.imglink:hover, ul.topnavi a:hover, ul.menu a:hover { text-decoration: none; }

button, a.download { border: 1px solid #75838a; padding: 0.5em 1em; }
button:active, a.download:active { top: 1px; left: 1px; }

a.download { line-height: 3.8em; padding: 1em; margin: 0; }
button.software { line-height: 42px; padding: 1px 0.5em 1px 0.5em; margin-bottom: 0.4em; text-align: left; }
button img { margin: 0 0.5em 0 0 !important; vertical-align: middle; }

/* Rounded corners
----------------------------------------------------------------------------------------------------*/
button, a.download, .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; }

/* Shadows / Opacity
----------------------------------------------------------------------------------------------------*/
button:active, a.download:active { -webkit-transform: scale(0.99);-moz-transform: scale(0.99); top: 1px; left: 1px; /*-webkit-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.7); -moz-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.7);*/ /* #666 */ }
ul.sub-menu, .container, div.sidebar, div.post, ul#navi ul, div.commentsteaser, .imgshadow, .gallery img, div.post img { /*-webkit-box-shadow: 1px 1px 3px rgba(10, 10, 10, 0.7); -moz-box-shadow: 1px 1px 3px rgba(10, 10, 10, 0.7);*/ }
 .imgshadow, .gallery img, div.post img { border: 1px solid  rgba(102, 102, 102, 0.5); }
.vcard, .hcard { /*-webkit-box-shadow: 1px 1px 2px rgba(68, 68, 68, 0.8); -moz-box-shadow: 1px 1px 2px rgba(68, 68, 68, 0.8);*/ /* #444 */ }
div.frontpage { /* -webkit-box-shadow: 0px 3px 4px rgba(204, 204, 204, 0.8); -moz-box-shadow: 0px 3px 4px rgba(204, 204, 204, 0.8); */ /* #ccc */ }
button, a.download {/* -webkit-box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.8); -moz-box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.8); */ /* #666 */ }
body:before { content: ""; position: fixed; top: -9px; left: 0; width: 100%; height: 9px; /*-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.8); */ z-index: 100; }

.appicon { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }
div.commentsteaser, .pingback, .hcard { opacity: 0.75; }

/* !Special styles */
/*----------------------------------------------------------------------------------------------------*/
div.flickr-thumb {
	float: left;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 3px;
	height: 75px;
	width: 75px;
}

div.post p.wp-caption-text { font-size: 0.7em; line-height: 1.2; margin-top: 0; color: #75838a; text-align: center; }

div.fg-clear {
	clear: both;
}

div.followbox {	font-size: 0.75em; float: right; padding-top: 1.5em; }
div.followouter { background-color: #DAE4E9; padding: 0.1em 1em 1em 1em; border-bottom: 1px dashed #9CA5A9; }
div.followouter h4 { float: left; }
.twitter-follow-btn {
	display: inline-block; white-space: nowrap; -moz-border-radius: 4px; -webkit-border-radius: 4px; min-height: 22px; line-height: 22px;
}
.twitter-follow-btn-default {
	background: #1D6B9C url(images/twitter-gradient-background.png) repeat-x;
	border: 1px solid #18566A;
	padding: 0 7px 0 2px;
}

.twitter-follow-btn-default i {
	float: left;
	height: 22px;
	width: 23px;
	border-right: 1px solid #73AFD5;
}

.twitter-follow-btn-default i b {
	display: block;
	background: url(images/twitter-bird-14-17.png) no-repeat 3px 3px;
	height: 22px;
	width: 22px;
	border-right: 1px solid #094B60;
}

.twitter-follow-btn-default button {
	text-shadow: 0 -1px 0 #18566A;
	font: 12px Arial, sans-serif;
	padding: 0 0 0 4px;
	overflow: visible;
	border: 0 !important;
	background: transparent;
	color: #fff;
	-webkit-box-shadow: none !important;
}

.twitter-follow-btn-default:hover {
	border: 1px solid #00242C;
	background-position: left -23px;
}

.twitter-follow-btn-default:active {
	border: 1px solid #044D77;
	background-position: left -46px;
	color: rgba(255,255,255,0.8);
}

.fb_share_size_Small, .fb_button,.fb_button_small { padding: 0px !important; }

p.warning, p.done { font-size: 1em !important; padding: 3em; }

ol.features {  margin-bottom: 0.5em; margin-top: -0.5em; }
ol.features li { list-style: decimal; font-size: 1.8em; font-style: italic; font-family: "Georgia", "Times New Roman", "Baskerville", "Garamond", "Times", serif; margin-left: 2em; line-height: 1.2em; }
ol.help li { margin-bottom: 1em; }
	ol.features span { font-size: 0.5em; font-style: normal; font-family: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif; }

table.shortcuts tr { border-bottom: 1px dotted #c4d89a; }
	table.shortcuts td { font-size: 0.75em; padding: 0.3em; }
	table.shortcuts td:first-of-type { width: 360px; }
	table.shortcuts td:last-of-type { font: 12px/1.2 "Consolas","Monaco","Courier",monospace; width: 120px; text-align: right; }

ul li.question { margin-top: 1em; font-weight: bolder; list-style-type: square; }
ul li.page_item { list-style-type: none; }
ul li.answer { font-size: 1.0em; list-style: none; }
ul li.item { font-size: 0.75em; list-style: none; }

ul.linklist { line-height: 1.6; }
	ul.linklist li { list-style-type: none; margin-left: 2em; margin-bottom: 0.75em; }
ul.linklist + ul.linklist { margin-top: 0.5em; }

.vcardouter { position: relative; height: 10em; cursor: move; }
.vcard { padding: 0 1em; width: 15em; border: 1px dotted #acb5b9; text-shadow: -1px -1px 1px #f1f2f3; }
	.vcard p { margin: 0.3em 0 !important; color: #000 !important;  }
	.vcard p.fn { font-size: 1.2em !important; font-style: normal !important; letter-spacing: 0.1em; }
	.vcard .n cite { display: none !important; }
	.vcard img  { float: right; margin-top: 2em !important; padding: 0; width: 64px; height: 64px; }
	.vcard cite { display: inline !important; margin-right: 0; color: #000 !important; }
	.vcard .email { font-style: normal !important; }
	.vcard span.type, .vcard cite.value, .vcard a.url { display: none !important; }

.dontshow { display: none; }
.hcard { position: absolute; background: transparent url(images/microformat_hcard.png) no-repeat; display: block; height: 13px; width: 80px; padding-top: 2px; top: 5px; right: -8px; }

.math { color: #000000; background-color: #dfe4f2; padding: 0.5em; margin: 0em 1em 1.5em 1em !important; border: 1px solid #9F9F9F; }
.terminal { color: #000000; background-color: #dfe4f2;  }

.pinboard-timestamp,.pinboard-tags { font-size: 0.8em; }
.pinboard-tags { padding-left: 1em; font-style: italic; }

p.tweet { padding: 0.25em 0 0.4em 0; }
	span.author { display: block; color: #f257af; line-height: 1.25; font-size: 0.7em;  }
	span.quote { font-size: 0.9em; font-family: "Georgia", "Times New Roman", "Baskerville", "Garamond", "Times", serif; line-height: 1.0 }
		span.quote:before, span.quote:after { font-size: 1.2em; color: #9f9f9f; }
		span.quote:before { content: '\201C'; } span.quote:after { content: '\201D'; }
	p.tweet a {	font-size: 0.55em; display: block; padding-top: 5px; }

div.pinboard, div.pinboard li span {
	font-size: 13px !important;
	font-family: Arial, sans-serif !important;
	color: #333 !important;
}
h4.pinboard {
	font-size: 15px !important;
	font-family: Arial, sans-serif !important;
	color: #B85;
	font-size: 21px !important;
	font-weight: bold !important;
	margin-bottom: 0.83em !important;
	margin-top: 3em !important;
}

div.pinboard li {
	font-family: Arial, sans-serif !important;
	font-style: normal;
	font-size: 16px !important;
	margin-top: 2em;
	color: #11a !important;
}
div.pinboard.banner {
	border-bottom: 1px dotted #AAA;
	color: #AAA !important;
	font-size: 18px !important;
	padding-bottom: 9px;
	margin-bottom: 0.7em;
	line-height: normal !important;
}
div.pinboard #pblogo {
	float: left;
}
div.pinboard #pbmenu {
	margin-top: 2px !important;
	float: right;
	height: 15px;
	font-size: 13px !important;
}
div.pinboard a {
	font-size: 13px !important;
	color: blue !important;
	text-decoration: none;
}
div.pbimglogo {
	background: url('images/bluepin.gif') no-repeat;
	width: 18px;
	vertical-align: bottom;
	height: 20px;
	display: inline-block;
}

.wp-flattr-button {
	margin-top: 0.5em !important;
}

/* Codecolorer
----------------------------------------------------------------------------------------------------*/
.codecolorer { padding: 5px; text-align: left; }
code.codecolorer { padding: 2px; }
.codecolorer-container {  margin: 1.5em; padding: 0.5em;  text-align: left; }
.codecolorer, .codecolorer *, .codecolorer-container, .codecolorer-container * { font: 11.5px/1.4 "Courier ","Courier New", "Monaco", "Lucida Console", monospace }
.codecolorer-container table { border: 0px; }
.codecolorer-container table td { margin: 0px; padding: 0px; border: 0px; }
.codecolorer-container table td.line-numbers { padding: 5px; text-align: right; }
.codecolorer-container table td.line-numbers div { width: 23px; }
.codecolorer-container { border: 1px solid #9F9F9F; }
.codecolorer-container table td.line-numbers { color: #888888; background-color: #EEEEEE; border-right: 1px solid #9F9F9F; }
.codecolorer-noborder, .codecolorer-noborder table td.line-numbers { border: 0px; }
.codecolorer-container, .codecolorer { color: #000000; background-color: #dfe4f2;  }
.codecolorer .co0, .codecolorer .co1, .codecolorer .co2, .codecolorer .co3, .codecolorer .co4, .codecolorer .coMULTI { color: #406040; font-style: italic; } /* Comment */
.codecolorer .nu0, .codecolorer .re3 { color: #0080A0; } /* Constant */
.codecolorer .st0, .codecolorer .st_h, .codecolorer .es0, .codecolorer .es1 { color: #C03030; } /* String */
.codecolorer .me1, .codecolorer .me2 { color: #0080FF; } /* Entity */
.codecolorer .kw1, .codecolorer .kw2, .codecolorer .sy1 { color: #2060A0; } /* Keyword */
.codecolorer .kw3, .codecolorer .kw4, .codecolorer .kw5, .codecolorer .re2 { color: #008080; } /* Storage */
.codecolorer .re0, .codecolorer .re1 { color: #A08000; } /* Variable */
.codecolorer .br0, .codecolorer .sy0 { color: #000000; } /* Global color */
.twitlight .xml .re1 { color: #008080; } /* Storage */
.twitlight .xml .re0 { color: #0080A0; } /* Constant */

/*`Shadowbox
----------------------------------------------------------------------------------------------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", "FreeSans", sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:14px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/close.png);}
#sb-nav-next{background-image:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/blog/wp-content/plugins/shadowbox-js/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.hidden {display: none;}
#sb-loading a {color: #fff;text-decoration: none;}

/* Print stylesheet
----------------------------------------------------------------------------------------------------*/
@media print {
	body{background:none;}p.breadcrumbs{margin:.5em;text-align:left;opacity:1.0;}div.commentsteaser{position:relative;}.grid_6,.grid_8,div.postcontent,div.post{width:95%!important;}.grid_4{width:5%!important;}p.toplink,p.pagebar,ul.topnavi,div.header,div#respond,div.sidebar,div.footer,div.sociable{display:none!important;}li.page_item span,button,a.download,div.frontpage,div.header,.container,div.sidebar,div.post,ul#navi ul,div.commentsteaser,.imgshadow,.gallery img,div.post img,.appicon{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;}
}

@media handheld {
	.container { min-width: 600px !important; }
	.container_12 { width: 100% !important; margin: 0 !important; }
	body{background:none !important;margin:0 !important;}
	p.breadcrumbs{margin:.5em !important; }
	ul#navi { margin: 0.2em 0 !important; }
	ul#subnavi1, ul#subnavi2 { margin-top: 0.2em !important; }
	ul#subnavi3 { margin-bottom: 0.2em !important; }
	ul#navi li { font-size: 1.2em !important; }
	.grid_8,div.post{width:99%!important;}
	div.footer{width:97%!important; padding: 0.5em !important; margin: 0.5em !important; }
	div.footer p { margin: 0.5em !important; line-height: 1.1em!important; }
	.breadcrumbs,div.header,div#respond,div.sidebar{display:none!important;}
	li.page_item span,button,a.download,div.frontpage,div.header,.container,div.sidebar,div.post,ul#navi ul,div.commentsteaser,.imgshadow,.gallery img,div.post img,.appicon{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;}
}