@charset "utf-8";
/*
Theme Name: Technological Progress II b
Theme URI: http://lampslave.ru/
Description: Тема Technological Progress II b - новый шаг в освоении возможностей WordPress и веб-технологий.
Author: Максим Яковлев
Author URI: http://lampslave.ru/
*/

::selection {
	background: #d5d5d5;
	}

@font-face {
	font-family: "QuicksandBold";
	src: url("./quicksand-fontfacekit/quicksand_bold.eot");
	src: local("Quicksand Bold"), local("QuicksandBold-Regular"), url("./quicksand-fontfacekit/quicksand_bold.ttf") format("truetype");
}

/* Сброс полей и отступов */
body,
div, p, pre, blockquote,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
form, fieldset, legend,
object, iframe,
table, td, th,
address, hr {
	margin: 0;
	padding: 0;
	}

/* Тело документа */
body {
	color: #000;
	background: #fff;
	font: 13px/1.5 Verdana, Geneva, sans-serif;
	/* Безопасные шрифты: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-family: "Courier New", Courier, monospace; */
	/* font-family: Georgia, serif; */
	/* font-family: "Times New Roman", Times, serif; */
	/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	min-width: 1000px;
	}

/* Ссылки. LVHFA! */
a {
	text-decoration: underline;
	}
a:link {
	color: #0000ff;
	}
a:visited {
	color: #800080;
	}
a:hover {
	color: #0079F3;
	}

/* Общие поля */
p, pre, blockquote,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul,
fieldset, table, address, hr {
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}
h1, h2 {
	font-weight: normal;
	text-shadow: #ddd 2px 2px 2px;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	}
h1 {
	font-size: 32px;
	}
h2 {
	font-size: 26px;
	}
h3 {
	font-size: 17px;
	}
h4, h5, h6 {
	font-family: Verdana, Geneva;
	font-size: 13px;
	}

/* Списки */
ol {
	list-style: decimal outside;
	}
ul {
	list-style: disc outside;
	}
dd, li {
	margin-left: 2.5em;
	}

/* Таблицы */
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: baseline;
	}
caption, thead, tfoot, tbody, tr, th, td {
	vertical-align: middle;
	}
caption, th {
	text-align: center;
	}
th, td {
	border: 1px solid #000;
	padding: 0.5em;
	}

/* Границы */
a, fieldset, iframe, img, object {
	border: 0;
	}
abbr, acronym {
	border-bottom: 1px dotted;
	}

/* Горизонтальный разделитель */
hr {
	background: #666;
	border: 0;
	height: 1px;
	width: 100%;
	}

/* Курсивное начертание */
address, cite, dfn, em, i, var {
	font-style: italic;
	}

/* Полужирное начертание */
b, strong, dt, th {
	font-weight: bold;
	}

/* Моноширинное начертание */
code, kbd, pre, samp, var {
	font: 13px/1.25 "Courier New", Courier, monospace;
	}
code, kbd, samp {
	background: #eee;
	padding: 1px;
	}
pre {
	overflow: auto;
	}
pre code, pre samp {
	background: #fff;
	border: 1px solid #ccc;
	border-left-width: 20px;
	display: block;
	padding: 10px;
	overflow: auto;
	}
pre code:before {
	border-bottom: 1px solid #ccc;
	color: #999;
	display: block;
	margin-bottom: 10px;
	}
pre code.html:before {
	content: "HTML:";
	}
pre code.css:before {
	content: "CSS:";
	}
pre code.js:before {
	content: "JS:";
	}
pre code.php:before {
	content: "PHP:";
	}

/* Индексы */
sub, sup {
	font-size: 10px;
	}
sub {
	vertical-align: sub;
	}
sup {
	vertical-align: super;
	}

/* Дополнительная информация */
small {
	font-size: 11px;
	}

/* Изменения текста */
del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	}

/* Цитаты */
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote {
	padding-left: 2.5em;
	}

/* Формы */
input[type="text"] {
	width: 160px;
	}
button, input[type="submit"], input[type="reset"], input[type="button"] {
	padding: 1px 6px;
	}
button, input, select, textarea {
	font: 13px/1.25 Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	}
legend {
	color: inherit;
	}
textarea {
	font-family: Verdana, Geneva;
	}

/* Каркас */
.container {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	}
#header, #footer {
	clear: both;
	}
.title {
	float: left;
	width: 560px;
	margin-left: 25px;
	}
#content {
	float: left;
	width: 600px;
	margin-left: 25px;
	}
.subscribe-header, .search {
	float: right;
	clear: right;
	width: 240px;
	}
#sidebar {
	float: right;
	width: 200px;
	}
/* // */

/* Иконки */
/* Подготовка к использованию иконок */
.subscribe li, .metadata li, .skip-comments, .widget ul li {
	margin: 0.5em 0;
	list-style: none;
	}
.subscribe a, .metadata a, .meta-date, .skip-comments, .widget a, .comment-meta .fn, .comment-meta .url, a.comment-date {
	color: #2F2F2F;
   background-position: 0 50%;
   background-repeat: no-repeat;
   display: inline-block;
   min-height: 16px;
   padding-left: 18px;
	text-decoration: none;
	}
.subscribe a, .skip-comments, .comment-meta .fn {
	font: bold 14px/1.5 Arial, Helvetica;
	}
.subscribe a:hover, .metadata a:hover, .skip-comments:hover, .widget a:hover, .comment-meta .url:hover, a.comment-date:hover {
	text-decoration: underline;
	}
.metadata a:hover, .widget a:hover, .comment-meta .url:hover, a.comment-date:hover {
	color: #0079F3;
	}

/* Виджеты с последними комментариями и записями */
.widget_recent_comments li, .widget_recent_entries li {
	border: 1px solid #ccc;
	background-position: 5px 50%;
   background-repeat: no-repeat;
	font: 13px/1.25 Arial, Helvetica;
	margin-left: -6px !important;
	min-height: 16px;
	padding: 5px 5px 5px 25px;
	}
.widget_recent_comments a, .widget_recent_entries a {
	background: none !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	}

/* Облако тегов */
.widget_tag_cloud {
	text-align: center;
	}
.widget_tag_cloud h2 {
	text-align: left;
	}
.widget_tag_cloud a {
	text-transform: uppercase;
	margin: 3px 1px;
	}

/* Текстовые виджеты */
.widget_text ul li {
	margin: 0 0 0 2.5em;
	list-style: disc outside;
	}
.widget_text a {
   background: none;
   display: inline;
   min-height: 0;
   padding-left: 0;
	text-decoration: underline;
	}
.widget_text a:link {
	color: #0000ff;
	}
.widget_text a:visited {
	color: #800080;
	}
.widget_text a:hover {
	color: #0079F3;
	}

/* Назначение иконок */
.subscribe a {
	background-image: url("./images/feed.png");
	}
.skip-comments {
	background-image: url("./images/comment_add.png");
	}
.meta-date {
	background-image: url("./images/calendar.png");
	}
.meta-category a {
	background-image: url("./images/folder_page.png");
	}
.meta-tags a {
	background-image: url("./images/tag_blue.png");
	}
.meta-commented a {
	background-image: url("./images/comments.png");
	}
.meta-edit a {
	background-image: url("./images/page_white_edit.png");
	}
.widget_archive a {
	background-image: url("./images/book.png");
	}
.widget_categories a {
	background-image: url("./images/folder_page.png");
	}
.widget_links a {
	background-image: url("./images/world_link.png");
	}
.widget_pages a {
	background-image: url("./images/page.png");
	}
.widget_recent_comments li {
	background-image: url("./images/user_comment.png");
	}
.widget_recent_entries li {
	background-image: url("./images/page_edit.png");
	}
.widget_tag_cloud a {
	background-image: url("./images/tag_blue.png");
	}
.comment-meta .fn {
	background-image: url("./images/user.png");
	}
.comment-date {
	background-image: url("./images/clock.png");
	}

/* Отступ между ником комментирующего и датой комментария */
.comment-meta .fn {
	margin-right: 1em;
	}

/* Ссылка на сайт комментирующего. Отрицательное поле сделано для того, чтобы иконка .fn перекрывалась ссылкой */
.comment-meta .url {
	margin-left: -18px;
	}
/* // */

/* Скруглённые углы */
.metadata, .widget_recent_comments li, .widget_recent_entries li, .comment-block {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

/* Шапка */
#header {
	height: 152px;
	background: #bdd9e5 url("./images/clouds.png") -110px 0 repeat-x;
	}

/* Логотип */
.logo {
	font: 50px/1 "QuicksandBold", Verdana, Geneva;
	margin: 40px 0 0 0;
	text-shadow: #fff 2px 2px 0;
	}
.logo a /* :hover и :visited тут не нужны, потому что родитель a выбран через класс, а не через элемент */ {
	text-decoration: none;
	color: #174471;
	}

/* Описание */
.description {
	margin: 0;
	}

/* Вход в админку */
.login {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	}
.login a {
	visibility: hidden;
	}
.login:hover a {
	visibility: visible;
	}
/* // */


/* Контент */
/* Заголовки */
h2 a  /* А тут :hover и :visited нужны, потому что родитель выбран через элемент, а не через класс */ {
	text-decoration: none;
	}
h2 a:link {
	color: #000;
	}
h2 a:visited {
	color: #666;
	}
h2 a:hover {
	border-bottom: 1px solid #000;
	color: #000;
	}

/* Убираем подзаголовки на страницах, где статья показана не полностью */
h3, h4 {
	display: none;
	}

/* Возвращаем подзаголовки на нужных страницах */
.single h3, .page h3, .single h4, .page h4 {
	display: block;
	}

/* Мета-информация */
.metadata {
	border: 1px solid #ccc;
	clear: both;
	padding: 3px;
	text-align: center;
	}
.metadata li {
	font-family: Arial, Helvetica;
	display: inline-block;
	margin: 2px 4px;
	}

/* Описание рубрики или тега */
.category-description {
	margin-top: 3em;
	}

/* Расположение изображений в тексте. Классы могут соответствовать не только изображениям */
.aligncenter {
	display: block;
	margin: 0 auto;
	}
.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
	}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
	}

/* Иначе колоночная разметка может "поплыть" при переполнении */
img {
	max-width: 100%;
	}

/* Метка "Обновление от ..." */
.update-mark {
	font-family: Arial, Helvetica;
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 0;
	}

/* Постраничная разбивка */
.paginate {
	margin-top: 30px;
	clear: both; /* На всякий случай */
	overflow: hidden; /* На всякий случай */
	}
.next-posts {
	float: left;
	}
.previous-posts {
	float: right;
	}
/* // */

/* Эпиграфы */
.epigraph {
	clear: both;
	margin-left: 40%;
	}
.epigraph-autor {
	font-style: normal;
	}

/* Комментарии */
/* Заголовок с количесвом комментариев */
.comments-number {
	margin-top: 2em;
	margin-bottom: 2em;
	}

/* Комментарий */
.comment {
	list-style: none;
	margin-left: 0;
	}

/* Вложенный комментарий или список комментариев */
.children {
	margin-left: 2.5em;
	}

/* Рамка комментария */
.comment-block {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 0 1em;
	}

/* Блок метаинформации комментария */
.comment-meta {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
	}

/* Ссылки "Ответить", "Не отвечать" и "Править" */
a.comment-reply-link, a.comment-edit-link, #cancel-comment-reply-link {
	color: #2f2f2f;
	font: bold 13px/1.25 Arial, Helvetica;
	text-decoration: none;
	}
a.comment-reply-link:hover, a.comment-edit-link:hover, #cancel-comment-reply-link:hover {
	color: #0079F3;
	text-decoration: underline;
	}

/* Уведомление о модерации */
.comment-moderation {
	font-style: italic;
	}

/* Иконка для автора статьи */
.bypostauthor > .comment-block > .comment-meta {
	background: url("./images/favicon.png") 100% 3px no-repeat;
	padding-right: 28px;
	}

/* Подсказка в последнем комментарии ветки */
.depth-10 .comment-reply:before {
	border-top: 1px solid #ccc;
	content: "Вложенность комментариев ограничена. Воспользуйтесь обычной формой (внизу).";
	display: block;
	font: 12px/1.25 Arial, Helvetica;
	padding: 1em 0;
	}

/* Убираем переносы в лейблах формы для комментариев */
#respond label {
	white-space: nowrap;
	}
/* // */

/* Боковая панель */
#sidebar h2 {
	font-size: 21px;
	}
/* // */

/* Footer */
#footer {
	color: #2f2f2f;
	background: #ddd;
	border-top: 3px solid #ccc;
	font: bold 13px/1 Arial, Helvetica;
	margin-top: 40px;
	padding: 16px;
	text-align: center;
	}
#footer a {
	color: #2f2f2f;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	}
#footer a:hover {
	color: #0079F3;
	text-decoration: underline;
	}
#copyright, .credits, .credits li, .webstandards, .webstandards li {
	display: inline-block;
	margin: 0;
	}
#copyright {
	margin-left: 10px;
	margin-right: 20px;
	}
#copyright a {
	margin-left: 0;
	margin-right: 0;
	}
/* // */