* {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	color: #222;
}

html { height: 100%; }

body {
	background: #F5F0E5;
	height: 100%;
	font-size: 14px;			/* TODO change from 12px, should update the rest */
}

a {
	text-decoration: none;
	color: #c41;
}

a:link,
a:visited {
	color: #b31;
}

a:hover {
	color: #e42;
}

#content {
	/* ELSEWHERE width: 840px; */
	background-color: rgba(255,255,255,0.5);
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(255,255,255,0.25);
	/*	background-color: rgb(246,241,233);
	border-left: 1px solid rgb(220,217,210);
	border-right: 1px solid rgb(247,244,238); */
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}

#content,
img.wide, .figure.wide, .thumbs416,
.figure.wide img, .figure.wide iframe{
	width: 840px;
}
.figure.wide iframe{
	width: 838px;
	border:1px solid #aaa;
}


p {
	font-size: 1em;		line-height: 1.5em;	 /* IMPORTANT: search for line-height elsewhere when changing */
	margin: 0 0 1.5em 0;
}

blockquote{
	font-size: 1em;
	margin: 1em;
	padding: 0 0.75em;
}

blockquote p {
	margin: 0 0 0.75em 0;
}

blockquote * {
	color: #555;
}

sub, sup {
	line-height: 0;
	font-size: 0.67em;
}

h1 sub, h1 sup, h2 sub, h2 sup {
	line-height: 0;
	font-size: 0.67em;
}


.footnotes{
	margin-top: 18px;
	border-top: 1px solid #c6bbbb;
	font-size: 0.92em;
}
.footnotes ol{ margin-top: 8px }

code, .code{
	font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
	font-size: 0.83em;
}

textarea.code{
	width: 100%;
	padding: 1px;
}

ul, ol {
	font-size: 1em;
	line-height: 1.5em;
	padding-left: 1.5em;
	margin: 1.5em 0 1.5em 1.5em;
}
ul {
	list-style-type: square;
}
li p{
	line-height: 1.5em;
	margin: 0.5em 0;
}
li ul, li ol{
	margin-top:0;
	margin-bottom:0;
}



#bottomlink, #other-articles{
	text-align: center;
	border-top: 1px solid #c6bbbb;
	padding-top: 0.5em;
	clear:both;
}
#other-articles {
	position: relative;
}
#other-articles .older{
	text-align: left;
}
#other-articles .newer {
	text-align: right;
	position: absolute;
	right: 0;
	top: 1.5em;	/* 1*line-height */
	padding-top: 0.5em;
}
#other-articles ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#other-articles ul li {
	margin: 0;
	padding: 0;
	min-height: 3.0em; /* 2*line-height for ul, ol (and p) */
}
#other-articles a				{ color: #222; }
#other-articles a       .date 	{ display: none; }
#other-articles a:hover .date 	{ display: inline; padding: 0 0.5em; color:#c6bbbb; /* grey */ }


abbr { border-bottom: 1px dashed #999 !important; text-decoration: none; }
h1 abbr, h2 abbr, h1 em, h2 em{
	font-family: Georgia, 'Times New Roman', serif;
}

h2, h2 a {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px; line-height: 1.5em;
	font-weight: normal;
	color: #333 !important;
	margin: 1.45em 0 0.81em 0;
	clear:both;
}
h2 sup a, h2 sub a{font-size: 14px}

h3, h3 a{
	font-family: Verdana, sans-serif;
	font-size: 14px; line-height: 1.5em;
	font-weight: bold;
	color: #333 !important;
	margin: 1.57em 0 1.29em 0;
	clear:both;
}
h3 sup a, h3 sub a{font-size: 9px}

h1 .navarrow, h2 .navarrow {
	font-family: 'Zapf Dingbats', 'Times New Roman', serif;		/* Georgia does not contain ← →. */
}

#footer {
	clear: both;
}

#main {
	float: right; 
	width: 580px;
	margin: 14px 20px 40px 0px;
}

#main .article{
	margin-bottom: 72px;
	clear:both;
}

#main h1, #main h1 a {
	font-family: Georgia, serif;
	font-size: 30px; line-height: 36px;
	font-weight: normal;
	margin: 36px 0 18px 0;
	color: #333;
}
#main h1 br{
	font-family: Georgia, serif; /* otherwise Verdana, (unexpectedly) messes up line-height */
}

.langform{
	height:     18px;
	margin: 36px 0;
}
.langdisabler {			color: #c6bbbb; }
.twolang .czech { 		float:right }
.twolang .english { 	float:left }
.langdisabler label{	color: #333;}

img{
	border-style: none;	/* otherwise would shows up around <a><img/></a> in FireFox */
}

#main img{
	margin:20px auto;
	display: block;
}
#main .tweet img{ margin:0; width:21px; height:16px; display: inline; vertical-align:middle}
#main .fbshare img{ margin:0; width:16px; height:16px; display: inline; vertical-align:middle}
#main .icons img{ margin:0; height:16px; display: inline; vertical-align:bottom}

#main img.cclicence{
	display:inline;
	margin:0;
	border-width:0;
	width:80px;
	height:15px;
	vertical-align:-33%
}

table.kanjitable{ margin:20px 0; }
table.kanjitable tr:first-child th{ font-size:12px; font-family: Verdana, sans-serif;}
table.kanjitable th{ text-align:left; font-size:14px; font-family: 'Hiragino Mincho Pro', 'MS Mincho'}
table.kanjitable td{ text-align:left }
	

/* for knihovnicka: */
.LT_content{margin-top:26px}
.LT_titleandauthor{font-size: 12px !important;font-weight: bold !important}
.LT_author .by{font-weight: normal}
.LT_itemLast{padding: 0 10px !important}
.LT_powered img.favicon{margin: 0 5px !important;display: inline !important;}

div.figure{
	text-align: center;
	margin:20px 0;
}
div.figure img, .thumbs416 img{
	margin: 2px !important;
	display: inline !important;
	vertical-align: middle;
}
.caption{
	text-align: center;
}
div.figure .caption{
	font-size: 0.92em;
}

img.excerptphoto{
	width: 100%
}

img.wide, .figure.wide, .thumbs416{
	/* ELSEWHERE width: 840px; */
	position: relative;
	left: -240px;
}
.thumbs416{
	margin-bottom: 1.5em;
}
.figure.wide img{
	/* ELSEWHERE width: 840px; */
	margin: 2px 0 !important;
}
img.thumb, .thumbs416 img, img.thumb416r, img.thumb416c{
	cursor: pointer;
	box-shadow: 0px 0px 3px 0px #222;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.thumbs416 img, img.thumb416r, img.thumb416c{
	width: 416px;
	height: 312px;
	margin: 2px !important;
}
img.thumb416c{
	margin-left: auto !important;
	margin-right: auto !important;
}

.thumbs416 img.asp3to2, img.thumb416r.asp3to2, img.thumb416c.aspo3to2{
	height: 277px;
}
.thumbs416 img.portrait{
	width: 234px;
	height: 312px;
}
.thumbs416 img.portrait.asp3to2{
	width: 185px;
	height: 277px;
}


img.thumb:hover, .thumbs416 img:hover, img.thumb416r:hover, img.thumb416c:hover{
	box-shadow: 0px 0px 14px 0px #222;
}
img.thumb416r{
	float:right;
	position: relative;
	right: -20px;
}

#sidebar {
	float: left;
	width: 160px;
	padding: 0px 20px 0 20px;	/* NO LONGER: smaller font wrt main -> 6px padding on top */
	margin: 50px 0px 40px;
	border-right: 1px solid #c6bbbb;
	text-align: right;
}

#sidebar h1 {
	font-size: 14px; line-height: 18px;
	margin-left: 20px;	/* nihon */
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}


#sidebar h1 a{
	color:#333; /* a wee lighter than other text, no link effects */
}

#sidebar h1.unblog {	/* nihon */
	background: url('images/unblog-nihon-2x.png') no-repeat 0 20px;
	background-size: 140px 25px;
}
#sidebar h1.unblog a * {
	padding-bottom: 36px;	/* now that extra isn't there */
}
#sidebar h1.unblog .extra{	display:none; /*block*/	padding-top: 29px; padding-bottom:7px; /* 7+29=36 */ font-size:12px; }
#sidebar h1.unblog .extra .first{	float: left; } 
#sidebar h1.unblog .first{	float:left;		padding-top: 0px; }
#sidebar h1.unblog .last{	display:block;	padding-top: 0px; }

#sidebar h1.me {
	/* 24px here vs 36px of header in #content */
 	padding: 8px 0 4px 0;
}
#sidebar h1.me .extra{	display:none; }


#sidebar h1.age {
	font-size: 30px; line-height: 36px;
	margin-top: -6px;	/* we have +6 px from the sidebar padding, duh. TODO */
	/* 4px 0 0px 0 */
 	padding: 0;
	margin-bottom: 20px;
}

/* sidebar */

#sidebar h2{ /* cf. .datelabel */
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px; /* TODO change from 10px */
	line-height: 12px; /* TODO change from 10px */
	padding-top: 9px; /* TODO change from 8px: 14*1.5-12  */
	font-weight: bold;
	margin:-18px 0 0 20px; /* TODO unchanged */
	color:#c6bbbb !important;
}

#sidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 18px 0;
}
#sidebar ul.blog {margin-left: 20px;}
#sidebar ul.blog li { float:left; }
#sidebar ul.blog li:first-child { margin-right:1.4em; }
#sidebar ul.blog li:last-child { float:none; margin-right:0; }


#sidebar .active span{
	font-weight: bold;
	color: #333;
}


/* cv TODO */
#main.cv li p{	line-height: 1.5em;	margin: 0.5em 0; }
#main.cv li{	margin: 0 0 0.75em 0; }

/* cafes TODO */
#main.cafes li p{	line-height: 1.5em;	margin: 0.5em 0; }
#main.cafes li{		margin: 0 0 0.75em 0; }
#main.cafes blockquote{	margin: 0; padding: 0;}
#main.cafes blockquote p, #main.cafes blockquote a, #main.cafes blockquote span, #main.cafes blockquote em{
	color: #c6bbbb;
}


/* meta */
.meta ul{		margin: 0 0 1.5em 0; padding: 0;}
.meta ul li{	display: inline; }
.meta ul li a{	color:#c6bbbb; /* grey, no link effects */ }
.meta ul li a.tag{
	padding: 0 2px;
	margin: 0 1px;
}
.meta ul li a.tag:hover{
	padding: 0 1px;
/*	border:1px solid #c6bbbb;*/
	border-top: 1px solid rgba(255,255,255,0.25);
	border-left: 1px solid rgba(255,255,255,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.05);

}


/* archive date labels */ 
.datelabel{
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	color:#c6bbbb;
	border-top: 1px solid #c6bbbb;
	margin-bottom: -20px;
}



/* tags */
.tags-page ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
#taglist {
  border-top: 1px solid #c6bbbb;
  font-size:  .91em;
  margin-top: 36px;
  text-align: right;
}

.disabled{ display: none !important; }

#abbr-tooltip {
  position: fixed;
  bottom: -5em;
  left: 0;
  right: 0;
  background-color: #FFF;
  border-top: 1px solid #000;
  text-align: center;
  font-size: 1.4em;
  padding: 1em .5em;
  transition: bottom cubic-bezier(.73,0,.27,1) .3s;
  will-change: transform;

  // Layer hack to force the tooltip on to another layer
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#abbr-tooltip.visible {
  bottom: 0em;
}