/* $Id: style.css 234 2009-08-16 06:11:01Z perfilev $ */

body {
	width: 100%;
	background-image: url(/images/bg.png);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #dcddde;
	font-family: Arial, Tahoma, serif;
	padding: 0;
	margin: 0;
	line-height: 1.4em
}

img {
	border: none
}

ol, ul {
	line-height: 1.8em
}

h1, h2, h3 {
	margin: 1em 0 0.3em 0;
}

h1 {
	font-size: 1.4em; font-weight: normal; font-family: Tahoma; color: #444;
}

h2 {
	font-size: 1.1em; font-weight: normal; font-family: Tahoma; color: #666;
}

h3 {
	font-size: 1em; font-weight: bold; font-family: Tahoma; color: #444;
}

h1 + p, h2 + p, h3 + p {
	margin-top: 0;
}


a {
	color: #06c; text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.small {
	font-size: 0.8em
}

.red {
	color: #ff1100
}

.right {
	text-align: right
}

.italic {
	font-style: italic
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.quote {
	font-style: italic;
	text-align: justify
}

.justify {
	text-align: justify
}
.blackout {
	color: #666;
}

#header-wrapper {
	width: 100%;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #333333;
	border-top: solid #cccccc 3px;
	border-bottom: solid #e5ff38 3px
}

#header {
	width: 980px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333
}

#top-wrapper {
	width: 100%;
	background-color: #ffffff
}

#top {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333
}

#top h1 {
	font-family: georgia, serif; font-size: 1.3em; font-weight: normal;
}

#top ol {
	padding-left: 0; list-style-position:inside;
}

#top .col2 {
	padding-top: 1em
}

#top .col1 img, #top .col2 img, #top .col3 img {
	vertical-align: middle;
}

#content-wrapper {
	width: 100%; border-top: solid #999999 1px; overflow: hidden;
}

#content {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333;
}

#categories {
	font-family: Tahoma, serif; font-size: 0.8em;
}

#categories li {
	padding: 0;
	padding-bottom: 3px
}

#categories h1 {
	font-size: 1.6em;
}

#categories h1 a {
	font-family: Georgia, serif; color: #000;
}

#categories h2 {
	margin: 0; font-size: 1em;
}

#categories a {
	padding: 0; margin: 0; color: #003366;
}

#categories p {
	padding: 0; margin: 0; line-height: 1.2em; font-size: 0.85em; color: #555;
}

#categories ul {
	padding: 0; margin: 0; list-style: none
}
#categories ul li {
	padding: 0; margin: 0.6em 0; 
}
#categories h1 {
	overflow: visible;
}

.container3 {
	clear: left;
	float: left;
	width: 100%;
	overflow: visible;
}

#categories .container3 {
	border-bottom: 1px solid #ccc;
}

#categories .container3:last-child {
	border-bottom-style: none;
}

.container2 {
	clear: left;
	float: left;
	width: 100%;
	overflow: visible;
	position: relative;
	right: 33.333%
}

.container1 {
	float: left;
	width: 100%;
	position: relative;
	overflow: visible;
	right: 33.33%;
	margin-bottom: 1em;
}

.col1 {
	float: left;
	width: 29.33%;
	position: relative;
	left: 68.67%;
	overflow: visible
}

.col2 {
	float: left;
	width: 29.33%;
	position: relative;
	left: 72.67%;
	overflow: visible
}

.col3 {
	float: left;
	width: 29.33%;
	position: relative;
	left: 76.67%;
	overflow: visible
}

#footer-wrapper {
	width: 100%; clear: both;
	background-color: #999999;
	border-top: solid #e5ff38 1px;
	border-bottom: solid #cccccc 1px
}

#footer {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #333333;
	font-family: tahoma, serif;
	font-size: 0.7em
}


#footer .contacts {
	float: right;
	text-align: right	
}
#footer .contacts a {
	color: #333;
}

img.software-small-icon-outside {
	width: 16px; height: 16px; vertical-align: middle; display: inline-block; margin-left: -23px; padding-right:2px;
}
img.software-icon-outside {
	width: 32px; height: 32px; vertical-align: middle; display: inline-block; margin-left: -40px; padding-right:2px;
}

.sidebar {
	float: right; width: 165px;
	padding: 1000px 0 10000px 2em; margin: -1000px 0 -10000px 0
}

.sidebar ul {
	list-style: none;
	padding-left:0
}

.sidebar li {
	padding-bottom:10px;
}

.softwares-ads {
	float: right; width: 160px;
	padding: 1000px 1em 10000px 1em; margin: -1000px 0 -10000px 0;
	background-color: #dedede;
}

ul.softwares {
	list-style-type: none; width: 540px;
}

ul.softwares h1 {
	margin-bottom: 0;
}

ul.softwares h1 a {
	color: #058;
}

ul.softwares p {
	margin: 0;
}
ul.softwares ul {
	list-style-type: none; margin: 0; padding: 0; line-height: 1.4em;
}
ul.child-softwares {
	list-style-type: none; margin: 0; padding: 0;
}

#software-content {
	float: left; width: 690px; clear: left; vertical-align: top; padding-left: 40px; margin-bottom: 1em;
}

#software-content .ad{
	float: right;
	padding-top: 1em;
	margin: 0 0 0.5em 0.5em;
}

#software-content h1 {
}

#software-versions {
	float: right; width: 200px; padding: 0.8em 0 0 40px; clear: right; vertical-align: top; margin-bottom: 1em;
}
#software-versions .download {
	line-height: 1.em; position: relative; font-weight: bold; margin-bottom: 1em;
}
#software-versions .filename {
	font-weight: normal; font-size: 0.9em; color: #888; white-space: nowrap;
}
#software-versions a {
	text-decoration: none;
}
#software-versions a:hover {
	text-decoration: underline; color: #06c;
}
#software-versions .download img {
	position: absolute; width: 32px; height: 32px; vertical-align: top; margin-left: -36px; margin-top: 4px;
}
#software-versions .latest-version {
	font-size: 0.9em; margin-bottom: 1em;
}
#software-versions .old-versions {
	font-size: 0.9em;
}
#software-versions .old-versions ul {
	list-style-type: none; margin: 0; padding: 0;
}
.beta {
	background-color: #d00; color: #fff;
	font-family: Tahoma; font-size: 0.6em; font-weight: bold; text-transform: uppercase;
	margin-left: 0.5em; padding: 0.05em 0.1em; vertical-align: top;
}

#header .search-container {
	float: right; height: 80px; color: #fff;
}
#header .search-container fieldset {
	border: none;
	padding: 0
}

#header .search-container form {
	margin-top: 20px;
}
#header .search-container .rss {
	margin-top: 10px;
}
#header .search-container .rss a {
	color: #fff; font-size: 0.8em;
}
#header .search-container .rss img {
	vertical-align: middle;
}

#content .search-container {
	width: 300px; margin: 1em 0; padding-left: 40px;
}