/*  
Theme Name: Learning the World
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.5
Author: Martin Kliehm
Author URI: http://learningtheworld.eu/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

/* import some Yahoo! User Interface (YUI) styles */
@import url("css/reset.css");
@import url("css/fonts.css");

/* Begin Typography & Colors */
body {
	color			:	#333;
	background		:	white;
	font-family		:	'Trebuchet MS', "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}
body * {
	line-height		:	1.5;
	margin			:	0;
	padding			:	0;
}
@media screen, projection {
	#page {
		margin			:	0 auto;
		padding			:	20px 0;
		min-width		:	770px;
		max-width		:	870px;
		overflow		:	hidden;
	}
}

/* header */
#header {
	position		:	relative;
	color			:	white;
	background		:	#5f7eaa;
	min-height		:	198px;
}
#headerBg {
	position		:	absolute;
	top				:	0;
	right			:	0;
	z-index			:	0;
}
#headerLogo {
	position		:	absolute;
	top				:	20px;
	right			:	20px;
	z-index			:	300;
}
#header h1 {
	position		:	relative;
	padding			:	25px 20px;
	z-index			:	200;
	font			:	bold 210%/0.5 Arial, Helvetica, sans-serif;
	color			:	white;
	background		:	transparent;
}
#header h1 a, #header h1 a:hover, #header h1 a:focus, #header h1 a:visited, #header h1 a:active, #headerLogo a {
	color			:	white;
	line-height		:	0.5;
	background		:	transparent;
	text-decoration	:	none;
}
#headerLogo a {
	text-decoration	:	underline;
}
#header h1 a:hover, #header h1 a:focus, #header h1 a:active {
	/*text-decoration	:	underline;*/
}
/* end header */

/* sidebar */
#sidebar {
	padding			:	20px 20px 10px 0;
	margin-left		:	560px;
}
#sidebar h2 {
	margin-top		:	2.0em;
}
#sidebar ul li {
	list-style		:	none;
	margin-bottom	:	15px;
}
#sidebar ul p, #sidebar ul select {
	margin			:	0 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
	margin			:	5px 0 0 10px;
}
#sidebar ul ul li {
	list-style		:	none;
	text-indent		:	-0.85em;
	margin-left		:	0.5em;
}
#sidebar ul ul ul, #sidebar ul ol {
	margin			:	0 0 0 10px;
}
#sidebar ul ul li, #sidebar ul ol li {
	margin			:	2px 0 0;
	padding			:	0;
}
#searchform {
	padding			:	5px 0; 
}
#sidebar #searchform #s {
	width			:	115px;
	padding			:	2px;
}
#sidebar #searchsubmit {
	padding			:	1px;
}
#sidebar .tags, #sidebar ul.upcoming p, #sidebar p.rss {
	font-size		:	85%;
	color			:	#68676b;
	text-indent		:	0;
	margin			:	0;
}
#sidebar p.rss {
	margin			:	0.3em 0 1.0em;
}
#sidebar ul.upcoming p {
	color			:	#68676b;
}
#sidebar ul ul.flickr li {
	text-indent		:	0 !important;
	margin-left		:	0 !important;
}
li.amazon h2 span {
	padding-right	:	22px;
	background		:	url(/img/gen-icon-amazon) 100% 50% no-repeat;
}
#sidebar li.amazon img {
	border: 1px solid #ddd;
}
.delicious {
	padding-right	:	18px;
	background		:	url(/img/gen-icon-delicious) 100% 50% no-repeat;
}
span.upcoming {
	padding-right	:	20px;
	background		:	url(/img/gen-icon-upcoming) 100% 50% no-repeat;
}
a.rss {
	padding-left	:	18px;
	background		:	url(/img/gen-icon-rss) 0 50% no-repeat;
}
/* end sidebar */
	
/* footer */
#footer {
}


h1, h2, h3 {
	font-weight		:	bold;
}

.entry p a:visited {
	color			:	#68676b;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size		:	100%;
	}
	
.commentlist li {
	font-weight: bold;
}
.commentlist cite, .commentlist cite a {
	font-weight		:	bold;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}
.commentmetadata {
	font-weight: normal;
	}


a, a:visited {
	color: #0073bb;
}
h2 a, h3 a {
	text-decoration: none;
	}

a:hover, a:focus {
	color: #61bf1a;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.homeIntro {
	margin-top			:	20px;
}
.narrowcolumn .homeIntro blockquote {
	font				:	bold italic 107%/1.4 Georgia, "Times New Roman", serif;
	text-indent			:	-0.6em;
	margin-bottom: 0;
	margin-left			:	0.6em;
}
.narrowcolumn .homeIntro blockquote p {
	margin: 0;
}
.narrowcolumn blockquote, p.poetry {
	font				:	italic 92%/1.4 Georgia, "Times New Roman", serif;
	margin				:	0 2.0em 1.0em;
	color				:	#68676b;
	background			:	transparent;
}
.homeIntro cite, p.cite {
	display				:	block;
	text-align			:	right;
}
ol.commentlist li cite {
	text-align: left;
}
	
@media screen, projection {
	.narrowcolumn {
		float				:	left;
		margin-left			:	20px;
		width				:	500px;
	}
}
.narrowcolumn h2 {
	font-size			:	136%;
}
.narrowcolumn p, .narrowcolumn address {
	font-size			:	100%;
	margin-bottom		:	0.9em;
}
.narrowcolumn p.alert {
	background: #ffd;
	border: 1px solid #ddd;
	padding: 1em;
}
.narrowcolumn ul, .narrowcolumn ol {
	margin-bottom		:	0.9em;
}
.narrowcolumn ul.toc {
	margin-bottom		:	2.0em;
}
.narrowcolumn ol {
	margin-left			:	1.7em;
}
.narrowcolumn li {
	/* font-size			:	107%; */
	margin-bottom		:	0.3em;
}
.narrowcolumn li p, .narrowcolumn li li {
	font-size			:	100%;
}
.narrowcolumn ul.events {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.narrowcolumn p.byline, li.vevent p.details {
	font				:	italic 92%/1.4 Georgia, "Times New Roman", serif;
}
.narrowcolumn .postmetadata {
	padding-top			:	5px;
	color				:	#68676b;
	margin				:	1.0em 0 2.0em;
	border-top			:	0;
}
.narrowcolumn .post .home {
	margin				:	0 0 1.0em;
}
.postmetadata p {
	font-size			:	85%;
}
.narrowcolumn .end {
	margin-top			:	3.0em;
}
.postmetadata p.tags, p.last, code.last {
	margin-bottom		:	0;
}
.postmetadata p.tags {
	text-indent			:	-2.8em;
	margin-left			:	2.8em;
}
.postmetadata p.tags span.tags {
	/*display				:	block;
	float				:	left;*/
}
.alt {
	background-color	:	#f8f8f8;
	border-top			:	1px solid #ddd;
	border-bottom		:	1px solid #ddd;
}
.postmetadata .linked-in {
	background-color	:	#ddd;
	color				:	#68676b;
	padding				:	0 0.2em;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

#footer {
	padding			:	0 0 0 1px;
	margin			:	0 auto;
	clear			:	both;
	text-align		:	center;
}
#footer p, #footer ul {
	display			:	inline;
	text-align		:	center;
}
#footer ul li {
	display			:	inline;
}
p.intro {
	font-weight: bold;
}
sup {
	vertical-align: text-top;
}
blockquote sup {
	line-height: 0.8;
}
/* End Structure */



/*	Begin Headers */
h2 {
	margin: 30px 0 0;
	}
h3 {
	font-size		:	107%;
	margin: 30px 0 0;
	}
.post h2 {
	clear			:	both;
	margin-top		:	3.0em;
}
.list h2 {
	margin-top		:	1.5em;
}
.post h4 {
	margin-top		:	1.5em;
}
.post h3 + h4 {
	margin-top		:	0;
}
.post h2, .post h3, .post h4 {
	color			:	#000;
}
.post h3 {
	font-size		:	122%;
}
.post .claims h3, .post .claims h4 {
	/* font-size		:	107%;*/
	margin-top		:	0;
	text-indent		:	-1.9em;
}
.post .claims h3.lt-10, .post .claims h4.lt-10 {
	text-indent		:	-1.3em;
}
h3.comments {
	margin			:	40px auto 20px;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
img.rssIcon {
	vertical-align	:	middle;
	margin			:	0 0.2em 0 0.1em;
}
p.ccLicense {
	text-align		:	center;
	padding-top		:	0.5em;
}
p.ccLicense img {
	display			:	inline;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}
p.floatleft {
	width			:	210px;
	margin			:	0;
}
p.auto {
	width: auto;
}
p.last {
}
.floatleft {
	float			:	left;
}
p.floatright {
	float			:	right;
	width			:	210px;
	margin			:	0;
}
.floatright {
	float			:	right;
}
.floatleft img, img.floatleft {
	display			:	block;
	padding			:	0;
	margin			:	0.3em 1.0em 0 0;
	border-bottom	:	8px solid #efefef;
}
.auto img {
	margin-bottom: 1em;
	margin-right: 4px;
}
p.last img {
	margin-right: 0;
}
a.floatleft:hover img, a:hover img.floatleft, a.floatleft:focus img, a:focus img.floatleft {
	border-bottom	:	8px solid #61bf1a;
}
.floatright img, img.floatright {
	display			:	block;
	padding			:	0;
	margin			:	0.3em 0 0 1.0em;
}
img.screenshot {
	padding			:	0.3em;
	margin-bottom	:	1.0em;
	border			:	1px solid #efefef;
}
img.book {
	padding			:	0;
	border			:	1px solid #efefef;
}
.clear {
	clear			:	both;
}
span.caption {
	font-size		:	85%;
	display			:	block;
	margin-right	:	10px;
	background		:	#efefef;
	padding			:	0.3em;
}
p.caption {
	font-style: italic;
}
li img.example, img.example {
	display			:	inline;
	vertical-align	:	middle;
}
/* End Images */

/* sprite example */
a.icon {
	display			:	block;
	width			:	19px;
	height			:	21px;
	overflow		:	hidden;
	margin			:	0 auto 1.0em;
}
a.icon img {
	width			:	auto;
	height			:	auto;
	border			:	none;
	max-width		:	none; /* fix for a rule above */
	padding		:	3px 0;
}
a.icon:hover img, a.icon:focus img, a.icon img.hover {
	margin-left		:	-31px;
}
img.sprite {
	padding			:	0.3em;
	border			:	1px solid #efefef;
}
/* end sprite example */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 50px 0 0 35px;
	}
ol.clear {
	padding-top		:	1.0em;
}
.post ul {
	list-style		:	circle outside;
	margin-left		:	1.1em;
}
.post ul.toc li {
	font-size: 1.0em;
	margin-bottom: 0;
}
.post ul.changelog {
	list-style		:	none;
	margin-left		:	0;
}

.postmetadata ul, .postmetadata li, ul.flickr li, ul.flickr li:before {
	display			:	inline;
	list-style-type	:	none;
	list-style-image:	none;
	content			:	"" !important;
}
ul.flickr {
	margin			:	1.0em 0 0;
	padding			:	0;
}
ul.flickr li img {
	margin			:	0 1px 1px 0;
}
h2 a.flick {
	font-family		:	Helvetica, Arial, sans-serif;
	font-weight		:	bold;
	color			:	#0063dc !important;
	text-decoration	:	underline;
}
h2 a.flick:hover, a.flick:focus {
	color			:	#0063dc !important;
}
span.r {
	color			:	#ff0084 !important;
}
ol li, #sidebar ul ol li, ol.claims li ol li {
	list-style		:	decimal outside;
}
ol.alpha li, ol.claims li ol.alpha li {
	list-style		:	lower-alpha;
}
ol.alpha ul li {
	list-style		:	circle outside;
}
ol.claims {
	margin-left	:	1.9em;
}
ol.claims li {
	list-style		:	none;
}
.narrowcolumn .post ol.code, div.narrowcolumn ol.commentlist ol.code {
	background: white;
	margin: 0 0 1.0em;
	padding: 5px 5px 1px 3.0em;
	border: 1px solid #eee;
	clear: left;
}
.post ol.code li, div.narrowcolumn ol.commentlist ol.code li {
	font-family: monospace;
	background: #efefef;
	padding: 0 5px;
}
#content .post ol.bad li, div.narrowcolumn ol.commentlist ol.bad li {
	background: #ffefef;
}
.post ol.code li.indent,  div.narrowcolumn ol.commentlist ol.code
 li.indent, #content code.indent, #content ol.code span.indent {
	padding-left: 2.0em;
}
.post ol.code li.double, #content code.double, #content ol.code span.double {
	padding-left: 4.0em;
}
#content code.indent, #content code.double, #content ol.code span.indent, #content ol.code span.double {
	display: block;
	float: none;
	width: auto;
}
div.narrowcolumn ol.commentlist ol.code li {
	margin-bottom: 0.3em;
}
/* End Entry Lists */



/* Begin Form Elements */


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0 0 20px;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin			:	0;
	padding			:	10px;
}
ul.events {
	border-top: 1px solid #ddd;
	margin-top: 2.0em;
}
ul.events li, ul.events li.alt {
	padding: 5px 10px;
}
ul.events ul {
	margin-left: 1.3em;
}
ul.events li li {
	background: transparent;
	border: 0;
	list-style-type: circle;
	padding: 0;
}
ul.events h2 {
	font-size: 100%;
	margin: 5px 0 0;
}
ul.events p {
	font-size: 85%;
}
ul.events p.details, li.vevent ul {
	font-size: 80%;
}
li.vevent ul {
	font-style: normal;
}



ol.commentlist {
	margin			:	1.0em 0 0;
	padding			:	0;
	text-align		:	left;
	border-top		:	1px solid #ddd;
}
ol.commentlist li, ul.events li {
	font-size: 107%;
	margin			:	0;
	padding			:	5px 10px 3px;
	list-style		:	none;
	background		:	white;
	border-bottom	:	1px solid #ddd;
}
.commentlist li.alt, ul.events li.alt {
	background		:	#f8f8f8;
	border-top		:	none;
}
.commentlist li.author {
	background: #ffd;
}
.commentlist p {
	margin			:	10px 5px 10px 0;
}

ol.commentlist div.commenttext {
	font-size		:	92%;
}
ol.commentlist li div.commenttext li {
	height			:	auto;
	overflow		:	visible;
	font-weight		:	normal;
	background		:	transparent;
	border			:	none;
	padding			:	0;
}
ol.commentlist div.commenttext ol, ol.commentlist div.commenttext ul {
	padding-left	:	1.5em;
}
ol.commentlist div.commenttext ol, ol.commentlist .commenttext ol li {
	list-style-type	:	decimal;
}
ol.commentlist div.commenttext ul, ol.commentlist .commenttext ul li {
	list-style-type	:	disc;
}
ol.commentlist .commenttext p, ol.commentlist div.commenttext ul, ol.commentlist div.commenttext ol {
	margin			:	0 0 0.9em;
}

#commentform p {
	margin			:	5px 0;
}
#commentform p.tags {
	font-size		:	85%;
	color			:	#999;
}
p.acknowledgments {
	margin-top		:	2.0em;
	font-size		:	85%;
}
p.footnote, .narrowcolumn p.footnote {
	font-size		:	85%;
}

.nocomments {
	text-align		:	center;
}
.commentmetadata {
	display			:	block;
}
.commentmetadata img {
	vertical-align	:	-10%;
}

#markdown {
	clear			:	both;
}

ol.commentlist img.avatar {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
}
.gravatar {
	margin			:	0.5em 0 0 0.3em;
	float			:	right;
	border			:	1px dotted #ced0d2;
}
a:hover .gravatar, a:focus .gravatar {
	border-color	:	#61bf1a;
	background		:	white;
}
.postgrav {
	float			:	right;
	margin-right	:	5px;
	margin-left		:	5px;
	border			:	1px solid #ced0d2;
}
/* End Comments */







/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, span.caps {
	font-variant: small-caps;
}
code acronym {
	font-variant: normal;
}
acronym[title], abbr[title], span.caps {
	cursor: help;
}

acronym[title], abbr[title] {
	border-bottom: 1px dotted #999;
}

strong, strong em, .bold {
	font-weight		:	bold;
}
em, em strong, .italic {
	font-style		:	italic;
}
code {
	color			:	green;
}
del {
	text-decoration	:	line-through;
}
ins {
	text-decoration	:	none;
}
ins a {
	text-decoration	:	underline;
}
p.block {
	margin-left		:	1.0em;
	clear			:	left;
}
code.large {
	text-indent		:	0;
	margin-left		:	1.0em;
}
code.large span.indent, #content code span.indent {
	margin			:	0 0 0 2.0em;
	display			:	block;
	float			:	none;
	width			:	auto;
}
span.codeSpace {
	display			:	block;
	float			:	left;
	width			:	1px;
	margin			:	0;
	line-height		:	1px;
	height			:	1px;
}
#content pre {
	font-size			:	0.8em;
}
#content code, #content pre, #content samp {
	color				:	green;
	padding				:	0;
	margin-left			:	0;
}
#content samp, #content code em {
	font-weight			:	bold;
	color				:	#dd0067;
	font-style			:	normal;
}
#content pre strong {
	font-weight			:	bold;
	color				:	#dd0067;
	font-style			:	normal;
}
#content code samp, #content code em {
	font-size			:	1.0em;
}
#content strong * {
	font-weight			:	bold;
}
p.block {
	margin-left		:	1.0em;
}
span.indent {
	display			:	block;
	float			:	left;
	width			:	3.5em;
}
span.time {
	text-transform		:	uppercase;
	font-size		:	0.9em;
}
.narrowcolumn li li blockquote {
	margin			:	0;
	font			:	normal 92%/1.1 'Trebuchet MS', "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	}

.nowrap {
	white-space		:	nowrap;
}
.skip {
	position: absolute;
	top: auto;
	left: -1000px;
	width: 0;
	overflow: hidden;
}
.hidden {
	display			:	none;
}
.spellout {
	speak			:	spell-out;
	speak-punctuation : code;
}
#sidebar .categories {
	width			:	50%;
	float			:	left;
	overflow		:	auto;
}
#comment-caught {
	clear			:	both;
	font-weight		:	bold;
	color			:	red;
}
/* End Various Tags & Classes*/

/* table for graded browser support */

table.gbs {
	margin			:	1em 0 2em;
}
table.gbs th {
	padding			:	0.4em 0.6em;
	white-space		:	nowrap;
	background		:	#efefef;
	border			:	1px solid white;
	border-width	:	0 1px 1px 0;
	text-align		:	left;
}
table.gbs tr.first th {
	text-align		:	center;
}
table.gbs td {
	padding			:	0.4em 0.6em;
	white-space		:	nowrap;
	color			:	#555;
	background		:	white;
	border			:	1px solid white;
	border-width	:	0 1px 1px 0;
	width			:	90px;
	text-align		:	center;
}
table.gbs td.a, table.gbs span.a {
	color			:	black;
	background		:	#cfc;
}
table.gbs td.c, table.gbs span.c {
	background		:	#ffbfbf;
}
table.gbs td.x, table.gbs span.x {
	background		:	#fffbcf;
}
table.gbs span.a, table.gbs span.c, table.gbs span.x {
	padding			:	0.2em;
}
table.gbs td.na, table.gbs td.dead {
	color			:	#aaa;
}
table.tabindex td, table.tabindex th {
	white-space		:	normal;
	width			:	auto;
	text-align		:	left;
}
table.tabindex .p20 {
	width			:	20%;
}
table.tabindex td {
	border-bottom	:	1px solid #efefef;
}
table.tabindex tr.last td {
	border-bottom	:	none;
}


/**********************
 * Google Maps Static *
 **********************/
div#map {
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 500px;
}
#maps-static, #maps-static img {
	display: block;
}
#map span.note {
	display: none;
}
#map button {
	background: transparent;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	height: 100%;
	left: -2px;
	margin: 2px;
	overflow: hidden;
	padding: 2px;
	position: absolute;
	text-indent: -100em;
	top: -2px;
	width: 100%;
}
#map a:focus, #map a:active, #map button:focus, #map button:active {
	outline: 2px dashed #61bf1a;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */