@charset "utf-8";

html {
	margin:  0;
	padding: 0;
}

body {
	margin:  0;
	padding: 0;

	font-family: 'segoe ui', 'trebuchet ms', 'trebuchet', 'tahoma', 'geneva', sans-serif;
	font-size:   15px;
	font-weight: normal;
	font-style:  normal;

	background: #fff;
	color: #000;
}

a:link, a:visited {
	text-decoration: none;
	background: transparent;
	color: #171;
}
	a:hover, a:active {
		text-decoration: underline;
		color: #393;
	}
	a[href^="/dict/cenyani/"]:hover, a[href^="/dict/cenyani/"]:active,
	a[href^="/dict/cen/"]:hover, a[href^="/dict/cen/"]:active {
		margin:  0 -3px;
		padding: 0 3px;

		text-decoration: none;

		background: #090;
		color: #fff;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

a.button {
	display: inline-block;
	margin:  0;
	padding: 2px 6px;

	text-decoration: none;

	color: #fff;
	background: #070;

	border: 1px solid #050;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	a.button:hover, a.button:active {
		color: #030;
		background: #afa;
	}

h1 {
	margin:  0;
	padding: 2px 0;

	font-size:   1.6em;
	font-weight: bold;
	font-style:  normal;

	background: #030;
	color: #fff;
}
	h1 span {
		display: block;
		margin:  0 auto;
		padding: 0 15px;

		width: 710px;
	}
		h1 a:link, h1 a:visited {
			display: inline-block;
			padding: 2px 5px 5px;
			text-decoration: none;
			color: #fff;
		}
			h1 a:hover, h1 a:active { background: #040; }

#content {
	display: block;
	margin:  0 auto;
	padding: 0 20px 15px;

	width: 700px;
}

p {
	margin:  5px 0 14px;
	padding: 0;
}
	p#derived { margin: 25px 0 2px; }

abbr {
	font-style: italic;
	border: none;
}

sub, sup {
	margin:  0 1px 0 2px;
	padding: 0;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}

sup { top: -6px; }
sub { bottom: -4px; }

#searchform {
	margin:  0 -30px;
	padding: 7px 15px 8px;

	text-align: center;

	background: #060;
	color: #fff;
}
	#searchform.hasfocus {
		background-image:    url('arrowup.png');
		background-position: 29% 100%;
		background-repeat:   no-repeat;
	}
	#searchform p { margin: 0; }
	#query, #filter, #searchbutton {
		margin:  0;
		padding: 2px 4px;

		font-family: 'segoe ui', 'trebuchet ms', 'trebuchet', 'tahoma', 'geneva', sans-serif;
		font-size:   1em;
		font-weight: normal;
		font-style:  normal;

		border: 1px solid #030;

		background: #fff;
		color: #000;
	}
		#query {
			width: 240px;

			border-width: 1px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		#filter {
			width: 150px;
			border-left-width:  0;
			border-right-width: 0;
		}
		#searchbutton {
			padding: 2px 12px;

			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;

			background: #080;
			color: #fff;
		}
			#searchbutton:hover { background: #0a0; }

#letterlist {
	margin:  0 -14px 20px;
	padding: 3px 10px 5px;

	list-style-type: none;
	text-align: center;

	background: #080;
}
	#searchform.hasfocus + #letterlist { background-color: #090; }
	#letterlist li {
		display: inline-block;
		margin:  0;
		padding: 0;
	}
		#letterlist li a {
			display: block;
			padding: 1px 4px 2px;

			min-width: 11px;
			text-align: center;

			background: transparent;
			border: none;
		}
			#letterlist li a:hover,
			#letterlist li a:active { background: #dfd; }

#searchform, #letterlist {
	-webkit-border-bottom-left-radius:  9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft:  9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-left-radius:  9px;
	border-bottom-right-radius: 9px;
}

dl {
	margin:  10px 0;
	padding: 0;
}
	dt {
		margin:  20px 0 0;
		padding: 0;
		font-size:   1.1em;
		font-weight: bold;
		font-style:  normal;
	}
		.obsolete {
			padding: 1px;
			position: relative;
			top: -3px;

			vertical-align: baseline;

			font-size:   0.9em;
			font-weight: normal;
		}
			dt .obsolete { margin-left: 2px; }
			dt .obsolete:hover:after { content: ' (obsolete)'; }
	dd {
		margin:  0 0 15px;
		padding: 0 0 0 85px;
		position: relative;
		counter-reset: dfncount;
	}
		dd.auxlink {
			margin-top: -5px;
			padding-left: 70px;
			font-size: 90%;
		}
		dd.auxinfo {
			margin-left: -20px;
			margin-top: 25px;
		}
			dd.auxinfo p { margin-bottom: 5px; }
		dd.etymology, p.tags {
			margin-top:   25px;
			padding-left: 65px;
		}
			dd .obsolete { margin-left: 1px; }
			p.tags a { margin-right: 5px; }
		dd .pos {
			margin:  0;
			padding: 0;

			position: absolute;
			top:  2px;
			left: -15px;
			width: 65px;

			font-size:  0.85em;
			text-align: right;

			color: #33a;
		}
			dd .pos abbr { border: none; }
			dd .pos a { color: #33a; }

			dd dfn {
				display: block;
				margin:  0 0 2px -20px;
				padding: 0;

				font-style:  normal;
				font-weight: normal;

				counter-increment: dfncount;
			}
				dd dfn:before {
					content: counter(dfncount) '. ';
					font-size:   0.85em;
					font-weight: bold;
				}
				dd dfn:only-of-type:before { content: ''; }
				dd dfn + dfn { margin-top: 10px; }
			dd p { margin: 2px 0 7px; }
				dd p.ipa {
					margin: 0 0 0 -20px;
					font-family: 'segoe ui', 'lucida sans unicode', 'arial unicode ms', 'gentium', sans-serif;
				}
			dd .hw {
				font-style:  italic;
				font-weight: bold;
			}
				dd span.hw { margin-right: 5px; }
				dd p.hw {
					margin: 0 0 2px -20px;
					font-size: 1.1em;
				}
			dd .note { font-style: italic; }
		dd table {
			margin:  7px 0;
			border-collapse: collapse;
			border: 1px solid #060;
		}
			dd table caption {
				font-weight: normal;
				font-style:  italic;
				color: #444;
			}
			dd table th {
				padding: 2px 5px;

				font-size:   80%;
				font-weight: bold;
				text-align:  center;

				border: 1px solid #060;
				background: #080;
				color: #fff;
			}
			dd table td {
				padding: 2px 4px;
				border: 1px solid #060;
			}

ul {
	margin:  5px 0;
	padding: 0 0 0 20px;
}
	#derived + ul { margin: 0 0 5px 5px; }
	ul li {
		margin:  0 0 3px;
		padding: 0;
	}
	ul.wordclasses {
		margin: 3px 0 7px;
		padding-left: 5px;
		list-style-type: none;
	}
		ul.wordclasses li {
			display: inline-block;
			margin:  0 5px;
		}
#taglist { color: #444; }
	#taglist a {
		margin-right: 10px;
		font-weight: bold;
	}