/*
Theme Name: 3x9
Version: 1.0
Author: Zidar
Author URI: http://zidar.ru/me/contacts/
*/

/* RESET */
*{margin:0;padding:0;}
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,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:top;}
a { color: #0C4F72; text-decoration: none; }
a:hover { color: #BB3300; }
ul {list-style: none;}
/*******************************************************************************************************/

/* ОТЛАДКА */
.header div, .main div, .footer div {
	/*outline: 1px solid orange;*/
}

/* Подстроки базовых тегов */
input[type="checkbox"] {
	margin-right: 5px;
}

input[type="button"], input[type="submit"] {
	border-radius: 5px;
	padding: 5px 10px;
	margin: 5px 0;
}

input, textarea {
	max-width: 100%;
}

textarea {
    resize: vertical;
}

p {
	margin-bottom: 10px;
}

p:last-child {
	margin-bottom: 0;
}

b, strong {
	font-weight: 700;
}

td {
	vertical-align: top;
}

h1 {
	font-size: 1.5em;
	margin-bottom: 5px;
	font-weight: 700;
}

h2 {
	font-size: 1.3em;
	margin-bottom: 5px;
	font-weight: 600;
}

h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
	font-weight: 600;
}

/* Базовая структура */
body {
	font-size: 14px;
	min-width: 700px;
	-webkit-text-size-adjust: none;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	/*font-family: "Trebuchet MS", "sans-serif";*/
	padding: 10px;
	background: #f0f0f0 url(images/bg.png);
	position: relative;
}

.header, .main, .footer {
	max-width: 1200px;	/* Ограничение ширины сайта */
	margin-left: auto;	/* располагаем по центру */
	margin-right: auto;
	position: relative;	/* для внутренних компонентов с display: absolute */
}

/* HEADER */
.header {
	margin-bottom: 10px;
}

.logo { 
	margin: 0 5px 5px 0;
	max-width: 200px;
	max-height: 100px;
	width: 19%;
	display: inline-block;
	/*overflow: hidden;*/
}

.logo img {
	max-width: 100%;
}

.b-top {
	display: inline-block;
	border: 1px solid silver;
	max-width: 79.6%;
}

.b-top img {
	max-width: 100%;
}

.searchform {
	border: 1px solid silver;
	position: relative;
	background: white;
	padding: 1px !important;
	width: 150px;
}

.menu-container .searchform {
	margin: 1px 1px 1px 10px;
	float: right;
	width: 100px;
}

.searchform input {
	border: none;
	width: 100%;
}

/* MAIN */
.main {}

.sidebar {
	float: left;
	width: 200px;
	min-height: 100px; /* debug */
	margin-right: 5px;
	word-wrap: break-word;
}

.content, .menu-container {
	overflow: hidden; /* убираем обтекание сайдбара */
}

.content {
	padding: 5px;
}

.menu-container .menu > li {
	display: inline-block;
}

.menu-container .menu > li:first-child {
	padding-left: 2px;
}

.menu-container .menu > li:not(:last-child):after {
	margin-left: 5px;
	content: '|';
}

.menu-container .menu > li:last-child {
	margin-right: 0;
}

.current-menu-item > a {
	color: inherit;
	cursor: text;
	font-weight: bold;
}

/* блок меню для наших фильмов, вставляемый	в странички с фильмами по шорттегу*/
.menu-nashi-filmy-container .menu > li {
	display: inline-block;
	margin-left: 5px;
}

.menu-nashi-filmy-container .menu > li:first-child {
	padding-left: 2px;
}

.menu-nashi-filmy-container .menu > li:not(:last-child):after {
	margin-left: 5px;
	content: '|';
}

.menu-nashi-filmy-container .menu > li:last-child {
	margin-right: 0;
}

/* конец блока меню для наших фильмов, вставляемый	в странички с фильмами по шорттегу*/

#comments-list ul.children {
	margin-left: 4%;
}

li.comment {
	margin-top: 15px;
}

.comment > div {
	position: relative;
}

.comment > div:hover:before {
	content: ' ';
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
	background: #f9f9f9;
}

.avatar {
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	background: white;
}

.comment-header {
	font-size: 85%;
	padding: 3px;
	border-bottom: 1px solid #dedede;
}

.unread .comment-header {
	background: #C5D4FA;
}

.comment-author {
	font-weight: bold;
}

.comment-meta, .comment-meta a:not(:hover), .entry-info a:not(:hover) {
	color: #939393;
}

.comment-text {
	overflow: hidden;
	margin: 2px 0;
}

.comment-text p {
	margin-bottom: 8px;
}

#respond {
	margin-top: 20px;
}

#respond textarea {
	width: 100%;
	min-height: 80px;
}

#respond > h3, #respond form > p {
	margin: 5px;
}

#cancel-comment-reply-link {
	float: right;
	font-size: 15px;
}

/* FOOTER */
.footer {
	min-height: 60px; /* debug */
}

.footer-info {
	margin-top: 20px;
	text-align: right;
	color: #999;
}

.creator {
	font-size: 80%;
	vertical-align: baseline;
	margin-left: 5px;
}

.creator a {
	vertical-align: baseline;
}

/* Общее */
.clearfix {
	content: ' ';
	display: hidden;
	clear: both;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.alignright {
	float: right;
	clear: right;
	margin-left: 5px;
}

.alignleft {
	clear: left;
	float: left;
}

.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.pseudolink { /* по нажатию запускает javascript-обработчик; подчеркивается пунктиром */
	border-bottom: 1px dotted black;
}

.tooltip { /* всплывающая подсказка */
}

.remark { 
	color: red; 
	font-size: 15px;
	font-weight: normal;
	vertical-align: baseline;
}

/* Автоматическое оглавление поста, плагин Table of contents plus */
#toc_container {
	background:#f9f9f9;
	border:1px solid #aaa;
	padding:5px 10px 5px 5px;
	margin:0 0 1em 5px;
	max-width:400px;
	display:table;
	font-size:95%;
	float: right;
}

#toc_container p.toc_title {
	text-align:center;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#toc_container span.toc_toggle {
	font-weight:normal;
	font-size:90%
}

#toc_container a:not(:hover) {
	text-decoration:none;
}

/* Элементы, не привязанные к положению на странице */
.widget {
	margin-bottom: 12px;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title h3 {
	font-size: 100%;
	margin: 0;
}

.widget .menu > li {
	list-style: square outside; /* квадратики в списке уровня бокового меню */
	margin-left: 20px;
}

.box, .widget-title, .widget > div, .widget > table, .widget > ul {
	border: 1px solid #aaa; /* окантовка серым блоков и виджетов */
	/*background: #f9f9f9;*/
	padding: 3px; /* отступ в телах блоков и виджетов */
	position: relative;
}

.box:before, .widget-title:before, .widget > div:before, .widget > table:before, .widget > ul:before {
	content: ' ';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background: #f9f9f9;
	opacity: 0.8;
}

.widget-title:before {
	/*background: white !important;*/
	opacity: 1;
}

.box.underline {
	margin-bottom: 8px;
	padding: 0 !important;
}

.box.underline:after {
	box-shadow: 0 3px 0 1px black, 0 4px 0 1px black;
	position: relative;
	content: ' ';
	display: block;
}

.box.underline > * {
	padding: 3px; /* отступ внутри блоков и названий виджетов */
}

.events-list {
	width: 100%;
}

.events-list td:first-child {
	padding-right: 3px;
}

.events-list td a {
	display: inline-block;
	max-height: 40px;
	overflow: hidden;
	width: 140px;
}

.all-events-link {
	display: block !important;
	text-align: center;
	font-weight: bold;
}

.post {
	margin-bottom: 20px;
	word-wrap: break-word;
	position: relative;
	vertical-align: baseline;
}

.archive .post:hover, .front-page .post:hover, .metabox {
	background: white;
}

.archive .post:hover:before, .front-page .post:hover:before, .archive .post.sticky:before, .front-page .post.sticky:before, .metabox:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    top: -4px;
    left: -4px;
    bottom: -4px;
    right: -4px;
    background: white;
	outline: 1px solid #aaa;
}

.metabox {
	position: relative;
}

.archive .post.sticky:not(:hover):before, .front-page .post.sticky:not(:hover):before {
	opacity: 0.5;
}

.post:last-child {
	margin-bottom: 0;
}

.entry-content * {
	vertical-align: baseline;
}

.entry-content h2 {
	margin-top: 20px;
}

.entry-content h3 {
	margin-top: 10px;
}

.entry-content h4 {
	margin-top: 5px;
}

.entry-content a {
	text-decoration: underline;
	max-width: 100%;
}

.entry-content blockquote {
	margin: 15px 0 15px 30px;
	font-style: italic;
}

img.size-full {
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.entry-content img, .preview, .photo {
	max-width: 100%;
	border: 1px solid #888888;
	margin-bottom: 5px;
	height: auto;
}

.entry-content img.alignleft {
	margin-right: 5px;
}

.entry-content img.alignright {
	margin-left: 5px;
}

.entry-content li, .comment-text li {
	margin-left: 30px;
}

.entry-content ul, .comment-text ul {
	list-style: square inside none;
}

.entry-content ol, .comment-text ol {
	list-style: decimal outside;
}

.entry-content ul, .entry-content ol {
	margin-bottom: 5px;
}

.entry-content table { 
  border-spacing:0;
  border-collapse:collapse;
}

.entry-content td {
	border: 1px solid silver;
	padding: 5px;
	margin: 0;
	vertical-align: top;
}

.entry-content iframe {
	max-width: 100%;
}

.entry-info {
	margin-top: -5px;
	color: #999;
}

.event-date {
	font-size: 90%;
	font-weight: normal;
	vertical-align: baseline;
	margin-right: 10px;
	color: black;
	white-space: nowrap;
	display: inline-block;
	word-wrap: normal !important;
}

.post-status {
	margin-left: 10px;
}

[class^="icon-"]:before, /* Подстройка иконок fontello */
[class*=" icon-"]:before {
	vertical-align: middle;
	color: black;
}

[class^="icon-"]:hover:before, /* Подстройка иконок fontello */
[class*=" icon-"]:hover:before {
	color: inherit;
}

.icon-bicycle:before {
	font-size: 110%;
}

.icon-book:before {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.edit-link {
	margin-left: 5px;
}

.auth-block {
	float: right;
	margin-right: 5px;
}

.auth-block li {
	display: inline-block;
	margin-left: 10px;
}

.past, .past a:not(:hover) {
	color: grey;
}

.today {
	font-weight: bold;
}

.unread-comments-link {
	color: #BB3300;
}

#comments-section {
	margin-top: 40px;
}

.comments-widget li {
	margin-bottom: 5px;
}

.comments-widget .comment-meta {
	margin-bottom: -3px;
	font-size: 80%;
}

.icon-rss:not(:hover):before {
	color: #ff7d0d !important;
}

.events-selector {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.events-selector li {
	display: inline-block;
}

.events-selector li {
	margin-left: 5px;
}

.events-selector li:not(:last-child):after {
	margin-left: 5px;
	content: '|';
}

.events-notice {
	color: #999;
}

.connected {
	float: right;
	min-width: 200px;
	max-width: 400px;
	margin: 0 0 8px 10px;
}

.post .preview {
	margin: 5px 5px 5px 0;
}

ul.sub-menu {
	margin-left: 15px;
}

.mark-all-read {
	float: right;
}

.mark-all-read:not(:hover) {
	color: grey;
}

.navigation {
	margin: 10px 0;
}

.no-border, .no-border td {
	border: none !important;
}

.no-border td {
	padding: 0 !important;
	margin: 0 !important;
}

.expander {
	text-decoration: none !important;
	border-bottom: 1px dashed #0C4F72;
}

.expander:hover {
	border-bottom: 1px dashed #BB3300;
}

/*.expander-div {
	border: 1px solid silver;
	background: #F9F9F9;
	padding: 5px;
}*/

#share42 {
	display: inline-block;
	padding: 5px 0 5px 0;
}
#share42 a {opacity: 0.4;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

.ride { background: #f9f9f9; } /* ВРЕМЕННО */

.stylish-control[type="text"] {
	padding: 5px; 
	border: 1px solid silver;
}

.user-info {
	margin-bottom: 20px;
}

.user-description {
	font-size: 115%;
	overflow: hidden;
	min-width: 150px;
}

.user-description li {
	line-height: 170%;
}

.user-info .photo {
	margin-right: 30px;
	float: left;
}

.participants-list {
	list-style: decimal outside none;
	margin-left: 30px;
}

.add-participation {
	font-size: 115%;
	color: #BB3300;
	cursor: pointer;
	text-decoration: underline;
}

.add-participation:hover {
	text-decoration: none;
}

.delete-participation {
	color: red;
	content: '';
	cursor: pointer;
}

.spinner:after {
	content: ' ';
	background: url(../../../wp-admin/images/wpspin_light.gif);
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 5px;
}