body {
	padding: 0px; margin: 0px;
	color: #111;
	background-color: #f9f9f9;
	font-size: 10pt; font-family: Arial, Helvetica, sans-serif;
}

div.container {
	width: 100%; min-width: 980px;
	display: block;
}

div.header {
	width: auto; height: 84px;
	padding: 16px 0 0 8%; margin: 0;
	display: block;
	background: url(/styles/images/header_bg.png) repeat-x top #000;
	font-size: 8pt;
}

h1.header {
	padding: 0; margin: 0;
	color: #ddd;
	font-size: 18pt; font-weight: 100; font-family: Arial, Helvetica, sans-serif;
}

h2.header {
	padding: 0; margin: 4px 0 0 0;
	color: #aaa;
	font-size: 9pt; font-weight: 100; font-family: Arial, Helvetica, sans-serif;
}

div.alternavigation {
	padding: 0; margin: 12px 0 0 10px;
	color: #777;
	font-size: 8pt; font-family: Arial, Helvetica, sans-serif;
}

div.subheader {
	width: 100%; height: 38px;
	background: url(/styles/images/subheader_bg.png) top center repeat-x #f9f9f9;
	display: block;
}

div.body-container {
	width: auto;
	display: block;
}

div.left-fix {
	width: 33%;
	float: left;
}

div.right-fix {
	width: 63%;
	float: left;
}

div.left-container {
	width: auto;
	padding: 0; margin: 0 0 0 24%;
}

div.right-container {
	width: auto;
	padding: 0; margin: 0 16% 0 5%;
}

div.footer-container {
	width: auto; height: 40px;
	margin-bottom: 4px;
	display: block;
	font-size: 8pt;
	color: #999;
}

div.left-footer-container {
	width: auto;
	padding: 0; margin: 0 0 0 21.05%;
}

div.right-footer-container {
	width: auto;
	text-align: right;
	padding: 0; margin: 0 15% 0 0;
}

div.works {
	width: 100%;
	display: block;
}

div.work {
	padding: 0; margin: 0 5% 1.8em 0;
	width: 230px;
	float: left;
}

div.work-nomargin {
	padding: 0; margin: 0 5% 0em 0;
	width: 230px;
	float: left;
}

div.work-nomargin img, div.work img {
	padding: 0; margin: 4px 0 4px 0;
	float: left;
	border: 0;
}

img.screenshot {
	padding: 4px 0 0 0; margin: 0;
	display: block;
	max-width: 100%;
	border: 0;
}

ul.interactive {
	padding: 0; margin: 0;
}

ul.interactive li {
	padding: 0; margin: 1em 0 0.5em 0;
	list-style-type: none;
}

div.languages {
	width: 94px; height: 22px;
	display: block;
	overflow: hidden;
}

div.language {
	padding: 0; margin: 5px 10px 0 0;
	float: left;
}

div.languageselected {
	padding: 0; margin: 0 10px 0 0;
	float: left;
}

div.statistics {
	width: 198px; height: 30px;
	padding: 9px 0 0 20px; margin: 2em 0 3em 0;
	display: block;
	font-size: 7pt;
	color: #404040;
	overflow: hidden;
	background: url(/styles/images/statistics_bg.png) no-repeat top left;
}

div.gw_top {
    width: 208px; height: 10px;
    padding: 0 0 0 10px; margin: 1em 0 0 0;
	display: block;
    color: #404040;
	overflow: hidden;
    background: url(/styles/images/gw_top.png) no-repeat top left;
}

div.gw_bottom {
    width: 208px; height: 10px;
    padding: 0 0 0 10px; margin: 0 0 3em 0;
	display: block;
    color: #404040;
	overflow: hidden;
    background: url(/styles/images/gw_bottom.png) no-repeat top left;
}

div.gw {
    width: 208px;
	padding: 0 0 0 10px; margin: 0 0 0 0;
	display: block;
	font-size: 7pt;
	color: #404040;
	background: url(/styles/images/gw_background.png) repeat top left;
}


div.code {
	padding: 1em;
	font-family: Verdana;
	font-size: 0.90em;
}

div.vote {
	width: 100%;
	text-align: center;
	margin: 2em 0; padding: 0;
	clear: both;
}

div.result {
	width: 100%;
	text-align: center;
	margin: 2em 0; padding: 0;
	clear: both;
	display: block;
}

div.already_voting {
	width: 92%;
	text-align: center;
	margin: 2em; padding: 0;
	color: red;
	font-weight: bold;
	float: right;
}

div.vote-left {
	width: 50%;
	float: left;
}

div.vote-left .scale {
	height: 1.2em;
	background-color: red;
	text-align: left;
	font-weight: bold;
	float: right;
}

div.vote-right {
	width: 45%;
	float: left;
}

div.vote-right .scale {
	height: 1.2em;
	background-color: limegreen;
	text-align: right;
	font-weight: bold;
	float: left;
}

form {
	padding: 0; margin: 0;
}

div.comments {
	display: block;
	width: 100%;
	padding: 0; margin: 0 0 1em 0;
	border-bottom: 1px solid #eee;
}

div.comment {
	padding: 8px 0; margin: 0;
	float: right;
	text-align: left;
	display: block;
	border-top: 1px solid #eee;
	

}

div.comment p.info {
	padding: 0; margin: 0;
	font-size: 8pt;	

	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.errors {
	padding: 0 0 1em 0; margin: 0;
	font-weight: bold;
	color: red;
}

p.author {
	padding: 0.2em 0 0.5em 0; margin: 0;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.rss {
	font-size: 8pt;
	padding-left: 20px;
}

p.rss img {
	margin: 0 4px 0 -20px;
	vertical-align: bottom;
	border: 0;
}

/* Ссылки */



a:link, a:active {
	text-decoration: underline;
	color: #2e1dcb;
}

a:visited {
	color: #692296;
}

a:hover {
	color: #ff0000;
}

a.java:link, a.java:active, a.java:visited {
	text-decoration: none;
	border-bottom: dotted 1px silver;
	color: #2e1dcb;
}

a.java:hover {
	color: #ff0000;
}

span.chapter {
	color: #d5d5d6;
}

span.chapter a:link, span.chapter a:active, span.chapter a:visited {
	text-decoration: underline;
	color: #bbb;
}

span.chapter a:hover {
	color: #ddd;
}

a.alternavigation:link, a.alternavigation:active, a.alternavigation:visited {
	color: #777;
}

a.alternavigation:hover {
	color: #999;
}

a.footer:link, a.footer:active, a.footer:visited {
	color: #999;
}

a.footer:hover {
	color: #aaa;
}

a.menu:link, a.menu:active, a.menu:visited, a.menu:hover {
	text-decoration: none;
	color: #111;
}

a.submenu:link, a.submenu:active, a.submenu:visited, a.submenu:hover {
	text-decoration: none;
	color: #333;
}

a.seeresults:link, a.seeresults:active, a.seeresults:visited, a.seeresults:hover {
	font-size: 0.7em;
}

/* Заголовки */



h1.normal {
	padding: 0; margin: 0 0 0.25em 0;
	font-size: 16pt; font-family: 'Arial Narrow', Tahoma; font-weight: 100;
}

h1.toppadding {
	padding: 0; margin: 1.5em 0 0.25em 0;
	font-size: 16pt; font-family: 'Arial Narrow', Tahoma; font-weight: 100;
}

h2 {
	padding: 0; margin: 1.5em 0 0.25em 0;
	font-size: 12pt; font-family: 'Arial Narrow', Tahoma; font-weight: 600;
}

/* Навигация */



ul.menu {
	padding: 0; margin: 2em 0 0 0;
}

ul.menu li {
	list-style-type: none;
}

ul.submenu {
	padding: 0; margin: 0;
}

ul.submenu li {
	list-style-type: none;
	display: block;
}

div.menu  {
	width: 198px; height: 23px;
	padding: 5px 0 0 20px; margin: 0 0 2px 0;
	font-size: 10pt;
	background: url(/styles/images/menu_bg.png) no-repeat top left;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}

div.menu-hover {
	width: 198px; height: 23px;
	padding: 5px 0 0 20px; margin: 0 0 2px 0;
	font-size: 10pt;
	background: url(/styles/images/menu_hover_bg.png) no-repeat top left;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}

div.menu-disabled {
	width: 198px; height: 23px;
	padding: 5px 0 0 20px; margin: 0 0 2px 0;
	color: #999;
	font-size: 10pt;
	font-weight: bold;
	background: url(/styles/images/menu_disabled_bg.png) no-repeat top left;
	cursor: default;
}

div.submenu  {
	width: 178px; height: 20px;
	padding: 4px 0 0 20px; margin: 0 0 1px 12px;
	font-size: 9pt;
	background: url(/styles/images/submenu_bg.png) no-repeat top left;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}

div.submenu-hover {
	width: 178px; height: 20px;
	padding: 4px 0 0 20px; margin: 0 0 1px 12px;
	font-size: 9pt;
	background: url(/styles/images/submenu_hover_bg.png) no-repeat top left;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}

div.submenu-disabled {
	width: 178px; height: 20px;
	padding: 4px 0 0 20px; margin: 0 0 1px 12px;
	color: #aaa;
	font-size: 9pt;
	font-weight: bold;
	background: url(/styles/images/submenu_disabled_bg.png) no-repeat top left;
	cursor: default;
}

img.noborder {
	border-width: 0px;
}

br.clear {
	clear: both;
}

blockquote {
	margin: 0 0 0 1em; padding: 0 0 0 1em;
	border-left: 1px solid #aaa;
}

.film {
    margin-left: 220px;
}

.film img {
    margin-left: -220px;
    float: left;
}

.photo {
    max-width: 100%;
    border: 0;
}

.meta {
    font-size:11px;
    margin: 6px 0 0 0;
    display: block;
    color:#999999;
}