/* reset.css */
html {
	font-size: 100.01%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, strike,
strong, tt, var, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table,
caption, body, tfoot, thead, tr, th, td, hr {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	font-family: inherit;
}

html, body {
	height: 100%;
}

textarea, input, select {
	font-family: inherit;
	font-size: 1em;
}

img {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

div:focus, button:focus {
	outline: none;
}

/* style.css */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 0.8em;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	vertical-align: text-bottom;
	color: #5F5724;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.6em;
	margin-bottom: 0.4em;
}

h1.notfound {
	font-size: 25.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

h2 {
	font-size: 2.1em;
	margin-bottom: 0.6em;
}

h2 img {
	display: inline;
	margin-left: 0.3em;
}

h2 img.rss {
	width: 18px;
	height: 18px;
	margin-bottom: -1px;
}

h2 img.twitter {
	width: 14px;
	height: 16px;
}

h4 {
	font-size: 1.5em;
}

a, span.pseudolink, a.unvisited {
	color: #0055CC;
	text-decoration: underline;
}

a:hover, a.unvisited:hover {
	color: #009900;
	border-color: #009900;
}

a:active, a.unvisited:active {
	color: #67AE5F;
	border-color: #67AE5F;
}

a.special:link, a.special:visited {
	color: #CC0000;
}

a.user {
	padding-left: 20px;
	background: url('../img/userpic.png') left center no-repeat;
}

a.lynch:visited, a.user:visited, a.visited {
	color: #CC3399;
}

a.unvisited:visited {
	color: #0055CC;
}

a.lynch:visited:active, a.user:visited:active, a.visited:active {
	color: #DE7CBE;
}

a.js {
	text-decoration: none;
	border-bottom: 1px solid;
}

img.illustrate {
	padding: 1px;
	border: 1px #DDD solid;
	margin: 1.3em 0;
}

pre, code, kbd {
	font-family: "Courier New", Courier, monospace;
}

code {
	white-space: pre;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

p.button-holder {
	margin-bottom: 0;
}

blockquote {
	font-style: italic;
	color: #555;
}

#main .content p {
	line-height: 1.8em;
}

#main .dashed {
	color: #0055CC;
	border-bottom: 1px #0055CC dashed;
	cursor: pointer;
}

#main .dashed:hover {
	color: #009900;
	border-bottom: 1px #67AE5F dashed;
}

#main h1.dashed, #main h2.dashed, #main h3.dashed, #main h4.dashed {
	float: left;
}

/** Стили для форм **/
form {
	overflow: hidden;
}

form ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

form input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

form input.valid {
	border: 1px #009900 solid;
	background-color: #F4FFF8;
}

form input.failed {
	border: 1px #CC3300 solid;
	background-color: #FFF4F0;
}

form span.validation {
	line-height: 2.5em;
	float: left;
	margin-left: 1em;
}

form span.failed {
	color: #CC3300;
}

form button {
	font-family: Georgia, "Times New Roman", serif;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 2em;
}

form fieldset {
	padding-top: 1em;
	padding-bottom: 1em;
}

form fieldset.nowhitespace {
	padding: 0;
	margin-top: -1em;
	margin-bottom: -1em;
}

form input {
	font-size: 2em;
	float: left;
}

form select {
	font-size: 2em;
	float: left;
}



form button {
	margin-bottom: .5em;
}

form button.center {
	float: none;
	display: block;
	margin: auto;
}

form textarea {
	font-size: 1.5em;
}

form input.radio {
	margin-right: 0.2em;
}

form input, form textarea {
	width: 50%;
}

form label, form legend {
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	float: left;
	width: 100%;
	margin-bottom: 0.5em;
}

form legend {
	margin-bottom: 0;
}

form label span {
	color: #999;
	font-size: 0.6em;
	font-style: normal;
	vertical-align: text-top;
	padding-left: 0.3em;
}

form#lynch_submit label input {
	float: left;
	position: relative;
	top: -2px;
}

form input.radio, form input.checkbox, form .checkbox input {
	width: auto !important;
}

form label.checkbox {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #999;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 0;
}

form label.checkbox input {
	float: left;
	margin: .1em .2em 0 0;
}

form ol.radio {
	margin-top: -.2em;
}

form ol.radio li input {
	width: auto !important;
}

form ol.radio li label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	margin-bottom: .4em;
}

form dl {
    margin-bottom: .7em;
}

form dl dt.hidden {
	display: none;
}

form dd {
	overflow: visible;
	width: 100%;
	float: left;
	margin-bottom: 1.5em;
}

#login-register {
	margin-bottom: 0;
}

form.permanent-link {
	margin-bottom: 2.0em;
}

/** Украшалки **/
ol.tabs {
	list-style: none;
	float: left;
	width: 100%;
}
	
ol.tabs li {
	float: left;
	margin-right: 1.7em;
	color: #0055CC;
	line-height: 1.6em;
	cursor: pointer;
}

ol.menu li {
	margin-bottom: 0.2em;
	margin-right: 0.6em;
}

p.empty {
	cursor: default;
	color: #AAA;
	margin: 0;
}

ol.tabs li span, ol.tabs li strong {
	line-height: 1.7em;
	border-bottom: 1px #0055CC dashed;
	margin-left: 0.4em;
	margin-right: 0.4em;
	font-weight: normal;
}

ol.tabs li a span, ol.tabs li a strong {
	border-bottom-style: solid;
}

ol.tabs li a {
	color: #0055CC;
	line-height: 1.5em;
	text-decoration: none;
}

ol.tabs li a:hover span {
	color: #009900;
    border-bottom-color: #009900;
}

#newlynch {
	line-height: 1.6em;
	padding-left: 20px;
	background: url('../img/newlynch-icon.gif') left center no-repeat;
	margin-right: 1.7em;
	float: left;
}

#newlynch.disabled {
	color: #AAA;
	cursor: default;
}

ol.tabs li.selected {
	background-color: #F1EBC9;
}

ol.tabs li.selected {
	cursor: default;
}

ol.tabs li.selected span, ol.tabs li strong {
	color: #111;
	cursor: default;
	border-bottom: none;
	padding: 0.3em 0.4em;
	margin: 0;
}

ol.disabled * {
	cursor: default !important;
}

ol.disabled a {
	cursor: pointer;
}

ol.disabled li span {
	color: #DDD;
	border-color: #DDD;
}

ol.disabled li span.selected {
	color: #333 !important;
}

ol.centered {
	margin: auto;
	float: none;
	width: 21.6em;
	overflow: auto;
}

ol.centered li {
	margin: 0 0.85em 0 0.85em;
}

ol.users {
	margin-bottom: 1.5em;
}

ol.tabs li.openid {
	background-image: url('../img/openid-logo.gif');
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 19px;
}

ol.tabs li.moikrug {
	background-image: url('http://favicon.yandex.net/favicon/moikrug.ru');
}

ol.tabs li.lj {
	background-image: url('http://favicon.yandex.net/favicon/www.livejournal.com');
}

ol.tabs li.aol {
	background-image: url('http://favicon.yandex.net/favicon/www.aol.com');
}

ol.tabs li.li {
	background-image: url('http://favicon.yandex.net/favicon/www.liveinternet.ru');
}

ol.tabs li.yaru {
	background-image: url('http://favicon.yandex.net/favicon/www.ya.ru');
}

ol.tabs li.rambler {
	background-image: url('http://favicon.yandex.net/favicon/id.rambler.ru');
}

ol.tabs li.user {
	background-image: url('../img/userpic.png');
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 19px;
}

ol.tabs li i {
	font-style: normal;
	color: #777;
	padding-right: .4em;
}

ol.tabs li.user i.positive {
	color: Green;
}

ol.tabs li.user i.negative {
	color: #FF0000;
}

#comments-selector-wrap {
	margin-top: 1.5em;
	clear: both;
}

label.tabs {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	margin: 0;
	float: left;
	display: block;
	clear: left;
}

a.help {
	float: right;
	margin-top: -1.5em;
	text-decoration: none;
	border-bottom: 1px #0055CC solid;
}

a.help:hover {
	border-color: #009900;
}

a.help:active {
	border-color: #67AE5F;
}

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

.radio li {
	list-style: none;
	float: left;
	margin-right: 1em;
}

.radio li input {
	float: left;
	width: auto !important;
	margin: .1em .2em 0 0;
}

.radio li label {
	font-family: Tahome, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	float: left;
}

.allowed-html {
	margin-top: 0.5em;
}

#main .pages {
	margin-bottom: 3em;
}

#main .pages ol {
	list-style: none;
}

#main .pages ol li {
	float: left;
	font-size: 1.5em;
	margin-right: 1.5em;
	font-family: Arial;
	font-style: italic;
}

#main .pages ol li a {
	text-decoration: none;
	border-bottom: 1px #0055CC solid;
}

#main .pages ol li a:hover {
	border-bottom: 1px #009900 solid;
}

#main .pages ol li a:active {
	border-bottom: 1px #67AE5F solid;
}

p.anonymous {
	float: left;
	padding-top: 1.0em;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: italic;
}

p.error {
	margin-bottom: 1.0em;
	color: #FF0000;
}

p.notice {
	color: #009900;
}

dl.html {
	padding-top: 0.2em;
	overflow: hidden;
}

dl.html dt {
	float: left;
	clear: left;
	width: 15em;
	padding-bottom: 1.5em;
}

dl.html dd {
	float: left;
}

dl.sorting {
	padding-top: 0.2em;
	overflow: hidden;
}

dl.sorting dt {
	float: left;
	clear: left;
	width: 9em;
	padding-bottom: 1.5em;
}

dl.sorting dd {
	float: left;
}

dl.blocks {
	overflow: hidden;
}

dl.blocks dt {
	float: left;
	clear: left;
	width: 9em;
	padding-bottom: 1.0em;
}

dl.blocks dd {
	float: left;
}

.error404 {
	margin: auto;
	font-size: 23em;
	font-family: Arial, Helvetica, sans-serif;
}

/** Код для структуры и базового оформления **/
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5.5em;
}

#header {
	overflow: auto;
}

#main {
	position: relative;
	height: 100%;
	min-width: 950px;
	overflow: visible;
}

#main .inner {
	width: 80%;
	min-width: 900px;
	max-width: 1015px;
	margin: auto;
	overflow: visible;
}


#header {
	height: 6.0em;
	overflow: hidden;
	border-bottom: 1px #EDE6C9 solid;
	background: #EDE4B7 url(../img/about-bg.png) repeat-x;
}

#header h1 {
	float: left;
	font-size: 2.7em;
	line-height: 2.0em;
}

#header h1, #header h1 a {
	color: #000;
	text-decoration: none;
}

#header h1 sup {
	color: #0156cd;
	font-size: 0.4em;
	padding-top: 1.0em;
	padding-left: 0.3em;
}

#navmenu {
	list-style: none;
	float: right;
}

#navmenu li {
	float: left;
	margin-left: 2.0em;
	height: 6.0em;
	line-height: 6.0em;
	font-family: Arial, Helvetica, sans-serif;
}

#navmenu li a.user:link, #navmenu li a.user:visited {
	color: #0055CC;
}

#navmenu li a.user:hover {
	color: #009900;
}

#navmenu li a.user:active {
	color: #67AE5F;
}

#navmenu li a, #navmenu li a.user span {
	text-decoration: none;
	border-bottom: 1px #0055CC solid;
}

#navmenu li a:hover, #navmenu li a.user:hover span {
	border-bottom: 1px #009900 solid;
}

#navmenu li a:active, #navmenu li a.user:active span {
	border-bottom: 1px #67AE5F solid;
}

#navmenu li a.special {
	color: #CC0000;
	border-color: #CC0000;
}

#navmenu li a.special:hover {
	color: #009900;
	border-color: #009900;
}

#navmenu li a.special:active {
	color: #67AE5F;
	border-color: #67AE5F;
}

#navmenu li a.user {
	border-bottom: none;
}

#about {
	padding-top: 2.2em;
	overflow: hidden;
}

#about h2 {
	overflow: auto;
}

#about .left {
	position: relative;
	float: left;
	width: 50%;
}

#about p, #about ul li {
	line-height: 1.6em;
}

#about .left .container {
	padding-right: 10px;
}

#about .right {
	margin-left: 50%;
}

#about .both {
	float: left;
	width: 100%;
}

#about ul {
	list-style: none;
}

#about ul .date {
	font-size: 0.9em;
}

#about .button {
	display: block;
	float: left;
	height: 37px;
	background: #84CD83 url('../img/buttons.jpg') no-repeat;
	font-size: 0.1em;
	text-indent: -2000px;
}

#about .quick-lynch {
	width: 189px;
}

#about .quick-lynch:hover {
	background-position: 0 -37px;
}

#about .quick-lynch:active {
	background-position: 0 -74px;
}

#about .group-lynch {
	width: 211px;
	background-position: -189px 0;
}

#about .group-lynch:hover {
	background-position: -189px -37px;
}

#about .group-lynch:active {
	background-position: -189px -74px;
}

#about .login-openid {
	float: left;
	line-height: 37px;
	margin-left: 0.7em;
}

#home #main .main {
	border-top: none;
}

#main .content {
	margin: 0;
	padding: 0 0 1em 0;
	overflow: hidden;
}

#main .content .container {
	margin-bottom: 1.2em;
	margin-top: 0;
	padding-top: 0;
}

#main .content h2 {
	margin-top: 1.0em;
}

#main .content h2 .count, #main .content h3 .count {
	font-size: 0.5em;
	vertical-align: super;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #999;
	padding-left: 0.3em;
}

#main .content h3 {
	/*padding-top: .6em;*/
	font-size: 1.8em;
	line-height: 1.4em;
}

#main .content .dashboard {
	overflow: hidden;
	margin: 1em 0 1.5em 0;
}

#main .content form .dashboard {
	margin: 0 0 1em 0;
}

#main .content .lynches {
	list-style: none;
	overflow: hidden;
	margin-top: 1.5em;
}

#main .content .lynches ul {
	list-style: none;
}

#main .content .lynches img {
	border: 1px #DDD solid;
	padding: 2px;
	width: 180px;
	height: 135px;
	float: left;
	background: url('../img/spinner.gif') center center no-repeat;
}

#main .content .lynches .left {
	clear: both;
}

#main .content .lynches .lynch-item {
	position: relative;
	overflow: visible;
	float: left;
	width: 50%;
	margin-bottom: 2em;
}

#main .content .no-desc .lynch-item {
	width: auto !important;
	margin-right: 2.0em;
	clear: none;
}

#main .content .lynches .lynch-item li {
	margin-bottom: 0.5em;
	overflow: auto;
}

#main .content .lynches .lynch-item a.lynch {
    text-decoration: none;
}

#main .content .lynches .lynch-item span.title {
	display: block;
	text-decoration: underline;
}

#main .content .lynches .lynch-item span.title, #main .content .lynches .lynch-item ul {
	padding-left: 200px;
}

#main .content .lynches li p {
	margin-bottom: 0.5em;
}

#main .content .lynches .date {
	color: #444;
	padding-bottom: 0.3em;
}

#main .content .lynches li a.label {
	float: left;
	clear: left;
	position: absolute;
	top: 120px;
	left: 0px;
	font-style: italic;
	font-family: Georgia;
	font-size: 1.1em;
	background-color: #0055CC;
	text-decoration: none;
	color: #FFF;
	padding: 2px 4px;
}

#main .content .lynches li a.label:hover {
	background-color: #009900;
}

#main .content .lynches li a.label:active {
	background-color: #67AE5F;
}

#main .content .lynches .rating {
	margin-top: 0.4em;
}

#main .content .lynches .user {
	margin-left: 1.0em;
	line-height: 1.6em;
}

#main .content .lynches .unread {
	color: green;
}

#main .content .lynches .delete {
	float: left;
	clear: left;
	width: 186px;
	overflow: hidden;
	margin-top: 0.5em;
	text-align: center;
}

#main .content .lynches .delete a, #main .content a.delete {
	padding-left: 20px;
	background: url('../img/icon-delete.png') left center no-repeat;
}

#main .content .lynches .delete a, #main .content a.delete {
	color: #f04648;
}
/*
#main .content .lynches .delete a:hover, #main .content a.delete:hover {
	color: #009900;
}
*/
#main .content .lynches .delete a:active, #main .content a.delete:active {
	color: #67AE5F;
}

#regform .captcha {
	float: left;
	clear: left;
	margin-top: 1.0em;
}


.rating {
	font-size: 1.6em;
	padding-bottom: 0.2em;
}

.large {
	font-size: 2.5em;
}

.rating span, .rating a {
	float: left;
	background-color: #F1EBC9;
	padding: 0 0.1em 0.2em 0.2em;
	cursor: pointer;
}

.rating .uarr, .rating .darr {
	color: #000;
	text-decoration: none;
}

.upvoted .uarr {
	color: #009900;
}

.downvoted .darr {
	color: #FF0000;
}

.disabled .uarr, .disabled .darr {
	cursor: default;
}

.rating .positive, .rating .negative, .rating .neutral {
	padding: 0.1em;
	cursor: default;
}

.rating .positive {
	color: #009900;
}

.rating .negative {
	color: #FF0000;
}

.rating .neutral {
	color: #444;
}

.noarrows .positive {
	padding: 0.1em 0.3em 0.1em 0.3em;
}

.noarrows .negative {
	padding: 0.1em 0.6em 0.1em 0.3em;
}

.noarrows .neutral {
	padding: 0.1em 0.4em 0.1em 0.4em;
}

h2 span.title {
	float: left;
	margin-right: 0.7em;
}

h2 .rating {
	font-size: 0.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
}

h2 .rating span {
	float: none;
}

.rating em {
	font-size: 0.8em;
	font-style: normal;
	color: #444;
	padding-left: 0.6em;
}

.lynchers .place {
	padding-right: 0.4em;
}

.lynchers .place, .lynchers .lyncher {
	font-size: 1.2em;
	line-height: 1.6em;
}

.lynchers {
	margin-left: 1.0em;
	margin-top: 0.6em;
	float: left;
	margin-right: 6.0em;
}

.lynchers td {
	padding-bottom: 0.5em;
}

.lynchers .lyncher {
	padding-right: 1.0em;
}

.comments {
	list-style: none;
	overflow: visible;
}

.comments li {
	margin-bottom: .3em;
	margin-top: .3em;
	float: left;
	clear: left;
	width: 100%;
}

.comments li.with-lynch-header {
	margin-top: 2.5em;
}

.comments li dl.unread {
	border-color: #EDE6C9;
	background-color: #FBF9F0;
}

.comments .comments li {
	margin-bottom: 0;
	margin-top: .6em;
}

.comments .comments, .comments form {
	margin-left: 4%;
}

.comments li dl {
	width: 39em;
	border: 1px #DDD solid;
	padding: 1em;
	overflow: auto;
}

.comments li dt {
	display: none;
}

.comments li .message {
	float: left;
	width: 100%;
	padding-top: .6em;
	line-height: 1.5em;
}

.comments li .message img {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

.comments li .user {
	float: left;
}

.comments li .date {
	float: right;
	font-size: 0.9em;
	color: #999;
}

.comments li .reply {
	float: left;
	font-size: 0.9em;
	padding-top: .5em;
}

.comments li .rating {
	float: right;
	margin-top: -0.4em;
	padding-bottom: 0;
}

.comments li .nocomment {
	width: 39em;
	border: 1px #DDD solid;
	padding: 1em;
	overflow: auto;
	color: #999;
	margin-bottom: 0;
}

#comment-form {
	width: 50%;
	overflow: visible;
	float: left;
	clear: left;
}

#comment-area {
	width: 100%;
	margin-bottom: .8em;
}

#main .info {
	float: left;
	clear: left;
}

#push {
	height: 6.0em;
}

#footer {
	height: 6.0em;
	border-top: 1px #EDE6C9 solid;
	font-size: 0.9em;	
	overflow: hidden;
	background: #EDE4B7 url(../img/about-bg.png) repeat-x;
}

#footer .copyright {
	float: left;
	line-height: 1.65em;
	margin-top: 1.4em;
}

#footer .copyright a {
	/*color: #FFF;*/
}

#footer .copyright span {
	color: #FFF;
}

#footer .bugreport {
	float: right;
	line-height: 6.67em;
}

#bugreport-container {
	z-index: 100;
	width: 39em;
	background-color: #FFF;
	color: #000;
	border: 5px #DDD solid;
	position: absolute;
	overflow: hidden;
}

#bugreport-container form, #bugreport-load {
	margin: 1.56em 1.56em 0 1.56em;
	overflow: hidden;
}

#bugreport-load img {
	margin: 13.0em auto 2.0em auto;
}

#bugreport-load h2 {
	text-align: center;
}

#bugreport-container form input {
	width: 17.5em;
}

#bugreport-container form textarea {
	width: 23.3em;
}

#bugreport-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	font-size: 0.1em;
	text-indent: -2000px;
	background: #DDD url('../img/bugreport-close.png');
	cursor: pointer;
}

#body-cover {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}