small changes

static/css/stylesheet.css

@@ -9,9 +9,32 @@ h1, h2, h3{
 	margin:30px 0 0 0;
 }
 	h2{
-		font-size: 12px;
+		font-size: 80%;
 		font-weight: normal;
-		border-bottom:1px solid;
+		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;
@@ -20,7 +43,7 @@ h1, h2, h3{
 	margin:15px 0;
 }
 #search{
-	width: 220px;
+	width: 300px;
 	position: relative;
 	margin:0 0 0 20px;
 	top:-3px;
@@ -46,19 +69,63 @@ h1, h2, h3{
 	#search #submit:hover{
 		cursor: pointer;
 	}
-input#frustrated{
-	position: relative;
-	display: inline-block;
-	top:-3px;
-	height: 44px;
-	margin:-3px 0 0 20px;
-}
 #results, #intro{
-	width:calc(100% - 371px);
+	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;
@@ -66,14 +133,27 @@ input#frustrated{
 	#more-descr{
 		margin:10px 0;
 	}
-	#more sup{
+	#more sup, .asterix{
 		color:#800000;
 	}
 	.sentence{
 		margin:10px 0 0 0;
 	}
-		.sentence strong{
-			color:#800000;
+	#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;
@@ -82,7 +162,7 @@ input#frustrated{
 	top:-7px;
 	margin:20px;
 	font-size: 12px;
-	color:#800000;
+	/*color:#800000;*/
 }
 	#txt-list ul{
 		margin:0;