/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
@font-face {
	font-family: Symbola;
	src: url("http://wiesmann.codiferes.net/share/fonts/Symbola.ttf");
}

div.content-area#primary-home {
	overflow: visible;
}

.controlchar {
	font-size: 200%;
	font-family: 'Monaco', 'Arial Unicode MS', 'Apple Symbol', 'Symbola', monospace;
}

/* Make blog post entry text prettier */
.entry-content > p {
	text-align: justify;
	-webkit-hyphens: auto;
}

/* Disable featured image display in the theme */
.featured-image-single {
	display: none;
}

/* Add neutral background to featured imaged with transparency. */
.featured-image > a > img {
	background-color: #E6E1C4;
}

/* fix border bottom in headers */
.single article.page table th, .page article.page table th, article div.eastside table th {
	border-bottom-style: none;
}

/* fix border bottom in blockquotes */
.single article.post blockquote, .page article.post blockquote {
	border-bottom-style: none;
}

/* fix border bottom in blockquotes */
.single article.page blockquote, .page article.page blockquote {
	border-bottom-style: none;
}

/* no table background in eastside tables */
article div.eastside table th, article div.eastside table td {
	background-color: inherit;
}

.traduction:before {
	content: "\300C\00A0";
}

.traduction:after {
	content: "\00A0\300D";
}

.frquote:before {
	content: "\0020\00AB\202F";
}

.frquote:after {
	content: "\202F\00BB";
}

.enquote:before {
	content: "“";
}

.enquote:after {
	content: "”";
}

dl > dt {
	font-weight: bold;
}

table.kanji, table.pretty {
	width: 100%;
	border: solid 1pt !important;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
	border-collapse: collapse !important;
	box-shadow: 5px 5px 3px rgba(128,128,128,0.5);
	border-radius: 3px;
}

table.pretty td {
	padding: 2px !important;
}

table.kanji {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 80%;
}

table.kana {
	width: 100%;
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 12px;
}

table.kanji td:first-child, table.kanji td.bigkanji, table.kana td {
	font-size: 300%;
	line-height: 1.2em;
	text-shadow: rgba(128,128,128,0.5) 5px 5px 3px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

table.kanji td:first-child a:link, table.kanji td:first-child a:visited, table.kanji td.bigkanji a:link, table.kanji td.bigkanji a:visited {
	text-decoration: none;
}

table.kanji td:first-child + td {
	font-size: 150%;
	text-align: center;
}

table.kanji td:first-child + td + td {
	font-size: 150%;
	text-align: center;
}

table.kanji td + td + td + td {
	text-align: left;
}

table.kanji tr:nth-child(odd), table.pretty tr:nth-child(odd) {
	background-color: #EEE;
}

table.kanji tr:nth-child(even), table.pretty tr:nth-child(even) {
	background-color: #FFF;
}

table.kanji th {
	background-color: #DDD;
	padding-left: 0;
	padding-right: 0;
}

table.kanji caption {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 3pt;
}

table.kanji ul {
	list-style-type: circle;
}

table.kanji li {
	text-indent: 0;
}

table.kanji ul li {
	list-style-type: circle;
}

table.kanji li:before {
	content: "";
}

@media only screen and (min-width: 760px) {
	.eastside {
		float: right;
		margin-left: 1.5em;
		clear: right;
	}
}

.eastside {
	border: solid 1pt;
	margin-top: 1em;
	margin-right: 5px;
	box-shadow: 5px 5px 3px rgba(128,128,128,0.5);
}

.eastchar {
	float: right;
	font-size: 20em;
	line-height: 1em;
	text-shadow: rgba(128,128,128,0.5) 5px 5px 3px;
	font-family: "Symbola", "Android Emoji", "Apple Color Emoji";
}

.emoji {
	font-family: "Helvetica", "Apple Color Emoji", "Android Emoji", "Symbola";
}

.shadowbox {
	border: solid 1pt black;
	box-shadow: 5px 5px 3px rgba(128,128,128,0.5);
}

.roundbox {
	border-radius: 10px;
}

.shadowbox {
	border: solid 1pt black;
	box-shadow: 5px 5px 3px rgba(128,128,128,0.5);
}

.roundbox {
	border-radius: 10px;
}

.nobr {
	white-space: nowrap;
}

.codewindow {
	width: 400px;
	height: 200px;
	overflow: auto;
	text-align: left;
	white-space: nowrap;
	font-size: .8em;
}

.terminal {
	background-color: #000;
	color: #F80;
	padding: 10px;
	font-size: .8em;
	border-style: solid;
	border-color: #840;
	border-width: 1px;
	border-top-style: double;
	border-top-width: 10px;
	margin-bottom: 5px;
}

.codecomment {
	color: #070;
}

.codekey {
	color: #a09;
}

.codechar {
	color: #10c;
}

.codestring {
	color: #c11;
}

.license {
	font-size: 75%;
	font-style: italic;
}

P.lettrine:first-letter {
	font-size: 400%;
	line-height: 90%;
	text-shadow: rgba(128,128,128,0.5) 5px 5px 3px;
	float: left;
	margin-right: 3pt;
	padding-top: 0;
	padding-bottom: 0;
}

/* Hacks to make the webring banner less ugly. */
.webring > center {
	visibility: hidden;
}

.webring > center > table {
	display: table;
	border: solid 1pt;
	background-color: white;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 5px 5px 3px rgba(128,128,128,0.5);
	visibility: visible;
}

.webring img {
	content: url("http://wiesmann.codiferes.net/wordpress/wp-content/uploads/rddheuresirene.svg");
	width: 66px;
}

.webring input[name='query'] {
	-webkit-appearance: searchfield;
	-moz-appearance: searchfield;
	margin-right: 20px;
}