searrrrrrrrrrch/static/css/stylesheet.css

body{
	background-color: rgba(220,220,220,0.6);
	margin:20px;
	font-family: sans-serif;
	font-size: 14px;
}
h1, h2, h3{
	font-size: 100%;
	margin:30px 0 0 0;
}
	h2{
		font-size: 80%;
		font-weight: normal;
		padding:10px;
		border:1px dotted;
		border-radius: 5px;
	}
	h2.black{
		background-color: black;
		color:white;
	}
hr{
	border:0;
	border-bottom:1px dotted black;
	clear: both;
	margin:50px 0;
	top: 0px;
	clear: both;
	position: relative;
	padding: 10px 0;
}
a, a:active, a:hover{
	color:black;
	text-decoration: none;
	border-bottom:1px dotted;
	padding:0;
	margin:0;
}
#logo, #search{
	display: inline-block;
}
#logo{
	margin:15px 0;
}
#search{
	width: 300px;
	position: relative;
	margin:0 0 0 20px;
	top:-3px;
}
	#search input#query{
		width: 100%;
		height: 42px;
		padding:0px 10px;
		border:1px solid rgba(190,190,190,1);
		vertical-align: baseline;
	}
	#search #submit{
		position: absolute;
		width: 26px;
		height: 26px;
		right: -12px;
		top:9px;
		border:0;
		border-radius: 100%;
		background-color:transparent;
		text-align: center;
	}
	#search #submit:hover{
		cursor: pointer;
	}
#results, #intro{
	width:calc(100% - 280px);
	margin:10px 0 0 0;
}
	#results.list, #results.list .title, #results.list .sentence{
		font-weight: normal;
		font-size: 12px;
		line-height: 1.4;
	}
	.result{
		margin:10px 0 0 0;
	}
		.result h2{
			background-color: black;
			color:white;
		}
		/*.result:nth-of-type(1) h2{
			border:1px dotted #800000;
		}
		.result:nth-of-type(2){
			color:red;
		}
		.result:nth-of-type(3){
			color:olive;
		}
		.result:nth-of-type(4){
			color:yellow;
		}
		.result:nth-of-type(5){
			color:green;
		}
		.result:nth-of-type(6){
			color:lime;
		}
		.result:nth-of-type(7){
			color:turquoise;
		}
		.result:nth-of-type(8){
			color:navy;
		}
		.result:nth-of-type(9){
			color:blue;
		}
		.result:nth-of-type(10){
			color:purple;
		}
		.result:nth-of-type(11){
			color:magenta;
		}
		.result:nth-of-type(12){
			color:#2b0000;
		}*/
	.sentence:before{
		position: absolute;
		content:'- ';
		left:8px;
		display: inline;
	}
	#more{
		margin:10px 0;
	}
	#more-descr{
		margin:10px 0;
	}
	#more sup, .asterix{
		color:#800000;
	}
	.sentence{
		margin:10px 0 0 0;
	}
	#results strong{
		font-family: 'Liberation Sans Narrow';
		color:inherit;
		line-height: 0.65;
	}
		#results.ordered strong{
			font-family: 'Liberation Sans Narrow';
			color:inherit;
			line-height: 1.1;
		}
	.title{
		float: right;
		margin:0 -11px 10px 10px;
		width: 100px;
		word-wrap: break-word;
	}
#txt-list{
	position: absolute;
	width:200px;
	right: 0px;
	top:-7px;
	margin:20px;
	font-size: 12px;
	/*color:#800000;*/
}
	#txt-list ul{
		margin:0;
		padding:0;
	}
	#txt-list ul li{
		margin:0;
		padding:0;
		text-indent: -38px;
		list-style: none;
		word-break: break-all;
	}