* { margin: 0; padding: 0; }
a { color: #069; }
a:active, a:hover { color: #C03; }

body { font-family: "Verdana", sans-serif; text-align: center;}
#container { text-align: left; min-width: 750px; max-width: 70%; margin: 0 auto; }
* html #container { width: 750px; }
#menu { width: 100%; text-align: center; font-weight: bold; font-size: 75%; 
	background: white; padding-bottom: 0.15em;
	}
#menu ul { text-align: right; min-width: 750px; max-width: 70%; margin: 0 auto; 
	padding: 0.2em 0 0.5em 0; } 
#menu ul li { display: inline; padding: 0 1px 0 0; }
#menu ul li.about { padding: 0 0 5px 0.5em; border-left: 1px solid black; }
#menu ul li.google { padding: 0 0 5px 23px; background: url("google.png") no-repeat 6px 2px; 
	border-left: 1px solid black; }
#menu ul li.firefox { padding: 0 0 5px 23px; background: url("firefox.png") no-repeat 6px 2px; 
	border-left: 1px solid black; }
#menu ul li.rss { padding: 0 0 5px 23px; background: url("rss.png") no-repeat 6px 2px; 
	border-left: 1px solid black; }

* html #menu ul { width: 750px; }
#menu a { color: black; }
#menu a:hover { color: #C03; }

#container h1 { font-size: 150%; color: black; padding: 0.5em 0 0 0.25em; text-align: center;}
#container h1 a img { border: none; vertical-align: middle;}

#search_panel { margin-top: 0.75em; width: 100%; text-align: center; }

#search { vertical-align: middle; width: 450px; font-size: 200%;}
#searchButton { vertical-align: middle; margin-left: 0.1em; font-size: 200%; padding: 0 0.25em 0 0.25em;}
* html #searchButton { font-size: 155%; padding: 0;}

#status { font-size: 80%; text-align: center;} 

#search_result { text-align: left; width: 100%;}
#search_result ul { margin-left: 2em; list-style-type: none; clear: both;}
#search_result ul li { position: relative; text-align: left; 
	padding: 0 0 2em 0; min-height: 2em; border-top: 1px dotted #CCC;}
#search_result h2 { margin: 0 3em 0 0; font-size: 110%; }
#search_result .descr { margin: 0 3em 0 0; }

#search_result .i { z-index: 4; }
#search_result a:hover .i { z-index: 5; }
#search_result li:hover .i { z-index: 5; }
.progress { height: 0.5em; width: 100px; border: 1px solid black; }
.found {font-weight: bold; background: #FC3;}

.i { position: absolute; left: -120px; top: -1px; 
	border: 1px solid #CCC; 
	padding: 5px; background: white;}
.count { color: #666; position: absolute; right: -1px; top: -1px; font-size: 80%; 
	text-align: right; padding: 0.15em;
	background: white; border: 1px solid #CCC;}
.pic { width: 100px; border: 1px solid #CCC; }

.price { text-align: right; position: absolute; right: 0.25em; top: -0.15em; height: 100%;
	font-weight: bold; font-family: "Palatino Linotype", serif; font-size: x-large;}
.price .c { color: #999; font-size: small; position: relative; top: -0.5em; }

.author { font-weight: normal; font-size: 80%; }

#search_result .more { margin: 1em 0 1em 1em; font-size: 200%; font-weight: bold; clear: both;}
#copyright { font-size: 60%; clear: both; margin: 15em auto; text-align: center;}

ul#plugins { border: 1px dotted #CCC; padding: 0.25em;
 			 text-align: left; font-size: 65%; position: absolute; top: 0; left: 0; list-style-type: none; }
ul#plugins li { padding: 0 0 0 18px; line-height: 16px; margin: 0 0.25em 0.25em 0;}
ul#plugins li.google-ds { background: url("google.png") no-repeat 2px 2px; }
ul#plugins li.google-ig { background: url("google-ig.png") no-repeat 2px 2px; }
ul#plugins li.firefox { background: url("firefox.png") no-repeat 2px 2px; }