--- ../basic/layout.css	2005-05-11 22:54:14.000000000 +0300
+++ layout.css	2005-05-11 22:57:22.000000000 +0300
@@ -26,8 +26,7 @@
 
 #header {
 	position: relative;
-	border-bottom: 2px solid #000;
-	height: 6em; /* IE fucks up without this! */
+	height: 150px; /* IE fucks up without this! */
 }
 #header a {text-decoration: none;}
 #header a:hover, #header a:focus {text-decoration: underline;}
@@ -48,61 +47,58 @@
 
 #header ul.links {
 	position: absolute;
-	bottom: 0;
-	right: 1ex;
+	bottom: 71px;
+	right: 8px;
 	z-index: 90;
-	margin-bottom: -2px;
 }
+
 #header ul.links li {
 	float: left;
 	display: inline;
-	margin: 0;
-	padding: 0;
 	white-space: nowrap;
+	padding: 0 6px 0 0;
+	margin: 0 10px 0 0;
+	background: transparent url(/gfx/COVER/header_tab.png) 100% -200px no-repeat;
+}
+#header ul.links li:hover { background-position: 100% -400px; }
+#header ul.links li.active:hover,
+#header ul.links li.active {
+	background-position: 100% -600px;
 }
+
 #header ul.links li a {
 	display: block;
-	padding: .2em .5em;
-	margin: 0 .7em 0 0;
-	border: 2px solid #999;
-	border-bottom-color: #000;
+	padding: 4px 8px 4px 14px;
+	margin: 0;
 	font-size: smaller;
 	font-weight: bold;
 	text-decoration: none;
 	text-align: center;
-	background-color: #f0f0f0;
-}
-#header ul.links li a:focus,
-#header ul.links li a:hover,
-#header ul.links li a.active
-{
-	color: #c60;
-	background-color: #fff;
-	border-color: #000;
+	color: #000;
+	background: transparent url(/gfx/COVER/header_tab.png) 0% -200px no-repeat;
 }
+#header ul.links li:hover a { background-position: 0% -400px; }
+#header ul.links li a.active:hover,
 #header ul.links li a.active {
-	border-color: #000;
-	border-bottom-color: #fff;
+	background-position: 0% -600px;
+	color: #fff;
 }
 
 #header div.details {
 	position: absolute;
-	bottom: 0;
+	bottom: 40px;
 	right: 0;
 	text-align: right;
-	font-size: 0.9em;
-	padding: .25em 0;
+	width: 541px;
+	height: 23px;
+	font-size: 12px;
+	padding: 4px 0;
 	margin: 0;
 	z-index: 80;
+	background: url(/gfx/COVER/header_tab.png) -30px -0px repeat-x;
+	color: #fff;
 }
-#smDetails {
-	position: relative;
-	top: 2em;
-	margin-right: .5em;
-	background: #fff;
-	padding: 1px 4px;
-	font-size: 90%;
-}
+#smDetails {margin-right: 1em;}
 
 #header div.search {
 	position: absolute;
@@ -131,14 +127,14 @@
 	padding: 1em 0;
 	margin: 0;
 }
-body.home #footer { border-top: 1px solid #878f78; }
+body.home #footer { border-top: 1px solid #00f; }
 
 #footer ul.links li {
 	display: inline;
 	width: auto;
 	padding: 0;
 	margin: 0;
-	border-right: 1px solid #878f78;
+	border-right: 1px solid #00f;
 }
 #footer ul.links li.last {border-right: 1px solid #fff;}
 #footer ul.links li a {padding: 0 .5em;}
@@ -192,10 +188,18 @@
 	height: 1.2em;
 }
 #last-line {
-	border-top: 1px solid #878f78;
-	border-bottom: 1px solid #878f78;
+	border-top: 1px solid #00f;
+	border-bottom: 1px solid #00f;
 	padding: 1ex;
 }
+#first-line {
+	position: relative;
+	text-align: left;
+	top: -30px;
+	left: 220px;
+	z-index: 100;
+	width: 540px;
+}
 
 /*************************************************************************/
 /* CONTENT */
@@ -224,7 +228,7 @@
 	margin-left: 194px;
 	padding-left: 1em;
 	padding-right: .5em;
-	border-left: 1px solid #878f78;
+	border-left: 1px solid #00f;
 }
 
 #snippet-before
@@ -234,18 +238,17 @@
 	width: 190px;
 	margin: 0 0 8px 0;
 	padding: 0 0 0 4px;
-	border-right: 1px solid #878f78;
+	border-right: 1px solid #00f;
 	z-index: 1;
 }
 
 #snippet-after
 {
 	margin-left: 194px;
-	border-left: 1px solid #878f78;
+	border-left: 1px solid #00f;
 }
 
 #snippet-before h3 {
-	color: #006;
 	margin: 0 1em 8px -8px;
 	padding: 0 0 0 4px;
 	font-weight: normal;
@@ -281,7 +284,7 @@
 	border: 1px solid #fff;
 	position: relative;
 }
-#snippet-before div.tree ul li {border-bottom-color: #99f;}
+#snippet-before div.tree ul li {border-bottom-color: #669;}
 #snippet-before div.tree ul li:hover {border-bottom-color: #c60;}
 
 #snippet-before div.tree ul li ul
@@ -307,7 +310,7 @@
 	z-index: 3;
 	background-color: #fff;
 	font-weight: bolder;
-	border-color: #878f78;
+	border-color: #00f;
 	border-right-color: #fff;
 }
 
@@ -316,14 +319,14 @@
 {color: #c60;}
 
 #snippet-before div.news-categories ul li {
-	border-left: 4px solid #878f78;
+	border-left: 4px solid #00f;
 	padding-left: 8px;
 }
-#snippet-before div.news-categories ul li:hover {border-left-color: #c60;}
+#snippet-before div.news-categories ul li:hover {border-left-color: #f60;}
 #snippet-before div.news-categories ul li.active
 {
 	font-weight: bolder;
-	border-left: 4px solid #c60;
+	border-left: 4px solid #f60;
 }
 
 #snippet-before div.tree ol li ol li a {
@@ -349,7 +352,7 @@
 	padding-left: 12px;
 	background-position: 4px 0.6em;
 	z-index: 3;
-	border: 1px solid #878f78;
+	border: 1px solid #00f;
 	border-right-color: #fff;
 }
 
@@ -362,7 +365,7 @@
 	font-size: smaller;
 	text-align: center;
 	margin: 1ex 0;
-	border: 1px dotted #878f78;
+	border: 1px dotted #00f;
 	padding: 2px 4px;
 }
 #content div.navigation.nav-bottom {margin-bottom: 0;}
@@ -379,9 +382,9 @@
 /* ADSENSE blocks */
 
 #adsense-top {width: 728px; padding: 0; margin: 4px auto;}
-#adsense-right {float: right; width: 120px; height: 600px; padding: 0; margin: 4px 0 8px 8px;}
+#adsense-right {float: right; width: 160px; height: 600px; padding: 0; margin: 4px 0 8px 8px;}
 #adsense-bottom {padding: 0; margin: 4px auto;}
-#adsense-left {width: 120px; height: 240px; padding: 0; margin: 1em 8px 0 0;}
+#adsense-left {padding: 0; margin: 1em 8px 0 0;}
 
 /*************************************************************************/
 /* TERMS */
@@ -422,8 +425,8 @@
 	padding: 1em;
 	margin: 1em 2em;
 	font-size: 120%;
-	border-top: 1px solid #878f78;
-	border-bottom: 1px solid #878f78;
+	border-top: 1px solid #00f;
+	border-bottom: 1px solid #00f;
 }
 
 /*************************************************************************/
@@ -440,7 +443,7 @@
 	float: left;
 	margin: 0;
 	padding: 0 0 1em 0;
-	border-right: 1px solid #ccc;
+	border-right: 1px solid #00f;
 }
 div.site-section h2 {margin-top: 0; padding-left: .5em;}
 
@@ -475,14 +478,14 @@
 #news-index p.more {
 	padding-bottom: 1em;
 	margin-bottom: 1em;
-	border-bottom: 1px solid #ccc;
+	border-bottom: 1px solid #00f;
 }
 
 /*************************************************************************/
 /* Remote links tweaks */
 a[href^="http:"], a[href^="https:"], a[href^="ftp:"] {
 	background: transparent url(link.gif) 100% 50% no-repeat;
-	color: #36c !important;
+	color: #669 !important;
 	padding-right: 10px;
 	text-decoration: none;
 }
@@ -494,3 +497,8 @@
 	color: inherit;
 	padding-right: 0px;
 }
+
+a:link {color: #00f;}
+a:visited {color: #669;}
+a:hover {color: #f60;}
+a:active, a:focus {color: #f00;}

