/* Убираем подчеркивание ссылок при наведении и переопределяем цвет */
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    text-decoration: none;
    color:  #6B0704;
    background-color:  #ffffbf;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color:  #6B0704;
}

/* Делаем выравнивание текста по левому краю, актуально для длинных ссылок */
.ui-btn.ui-btn-text-left {
    text-align: left
}

/* Отбивка разных групп для главного меню */
.ui-page-theme-a .ui-listview > li.ui-li-separator a.ui-btn {
    border-bottom: 1px solid #b2625d;
}

/* оформление подвала */
#custom-footer {
    margin: 10px 10px 5px 10px;
    font-weight: normal;
}

/* Оформление фотографий для списка */
.photo-preview {
    margin: 0px 6px 2px 0px;
}

/* Правим стиль для левых картинок в listview */
img.sm {
    clear: both;
    float: left;
    margin: 0.2em 0.8em 0.1em 0em;
}

/* Мелкий шрифт для ненавязчивых надписей */
.sm, .author {
    font-size: 0.75em;
}



/* запрещаем обрезать текст внутри listview */
.wrap, .wrap a {
    white-space: normal !important;
    word-wrap: break-word;
}

/* Делаем wrap для всех grid и listview */
.ui-block-a .ui-body-a, .ui-block-b .ui-body-a, .ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
    white-space: normal !important;
    word-wrap: break-word;
}

/* Запрещаем перенос текста */
.nowrap {
    white-space: nowrap !important;
}

/* Увеличиваем размер шрифта p в listview */
.ui-page-theme-a .ui-listview > li p {
    display: block;
    font-size: 1em;
}

/* Убираем жирность в списках */
.ui-page-theme-a .ui-listview > li a.ui-btn {
    font-weight: normal;;
    color: #453C2F;
}

/* Делаем закругленные уголки только сверху или только снизу */
.ui-custom-corner-top {
  -moz-border-radius-topleft: 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  -khtml-border-top-left-radius: 0.6em;
  border-top-left-radius: 0.6em;
  -moz-border-radius-topright: 0.6em;
  -webkit-border-top-right-radius: 0.6em;
  -khtml-border-top-right-radius: 0.6em;
  border-top-right-radius: 0.6em;
}
.ui-custom-corner-bottom {
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-bottom-left-radius: 0.6em;
  -khtml-border-bottom-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -khtml-border-bottom-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
.ui-custom-corner-all {
  -moz-border-radius-topleft: 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  -khtml-border-top-left-radius: 0.6em;
  border-top-left-radius: 0.6em;
  -moz-border-radius-topright: 0.6em;
  -webkit-border-top-right-radius: 0.6em;
  -khtml-border-top-right-radius: 0.6em;
  border-top-right-radius: 0.6em;
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-bottom-left-radius: 0.6em;
  -khtml-border-bottom-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -khtml-border-bottom-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
/* Делаем для listview блок даты по левому краю */
.ui-listview .ui-btn-icon-right .ui-li-count.ui-li-date {
    right: auto;
    top: auto;
    float: left;
    position: relative;
    margin-top: 0;
    margin-right: 0.88em;
}

/* Делаем отступ снизу для превьюшек галереи */
.gallery-thumbnails img {
    margin-bottom: 3px;
}

/* Делаем особый стиль для ссылок в шапке */
#custom-header-link a {
    color: #6B0704;
    text-decoration: none;
    background-color: transparent;
}

/* совсем мелкий шрифт */
.tn {
    font-size: 0.6em;
}


/* Красный текст ошибок */
.red, .error {
    font-weight: bold;
    color: #ab2d3b;
}
.edited {
    color: #ab2d3b;
}

.answer {
    color: #ab2d3b;
    /*margin: 0px 15px 10px 30px;*/
    padding: 0px;
}

/* Стиль для текущей страницы в листалке страниц */
b#current-page, span#current-page, a#selected, a#left_selected, li#selected a, button#voted, html .ui-body-a button.acter_vote.voted.ui-btn {
	background-color: #b2625d;
	border-color: #b2625d;
	color: #ffffff;
}

html .ui-body-a button.acter_vote.ui-btn {
    background-color: #fffae3;
}



div.quote {
    white-space: normal;
    border: 1px dotted #6D0101;
    background-color: #ffffff;
    color: #6D0101;
    padding: 4px 8px 4px 8px;
    margin: 5px 10px 0px 10px;
}


img.pv {
    margin: 0px 10px 4px 0px;
    vertical-align: middle;
}


/* Делаем свой стиль для оформления заголовков списков */
li[data-role=list-divider] h4,
li[data-role=list-divider] h3,
li[data-role=list-divider] h2,
li[data-role=list-divider] h1,
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4
 {
    text-transform: uppercase;
}


/* Делаем свой стиль для label , который используем в выводе информации  */
.ui-field-contain label.ui-info {
    margin: 0px 2% 0px 0px;
}
.ui-field-contain {
    border-bottom: 0px solid;
}

.ui-info-text {
    float: left;
}
html .ui-body-a .ui-info-text a {
    font-weight: normal;
}


.ucase {
    text-transform: uppercase;
}

/* Разделитель, используемый в hr() */
div.separator, span.separator {
	height:1px;
	background:#F3D6B0;
	margin:5px 0 5px 0;
	font-size:0px;
	clear:both;
}

/* Таблица фильмографии и титров */
table.roles, table.roles table {
    color: #453C2F;
}
table.roles table.linked_foto {
    width: 10em;
}


table.roles td {
    vertical-align: top;
    text-align: left;
}
table.roles td.god {
    padding: 0 0.6em 0.3em 0;
    width: 2.6em;
}
table.roles td.name {
    padding-bottom: 0.3em;
    width: auto;
}
table.roles td.name div.descr {
    font-size: 0.9em;
    margin-top: 0.35em;
    text-align: justify;
}

table.roles div.comment {
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}

table.roles div.descr {
    padding-bottom: 0.4em;
}


.silver {
    color: #797979;
}
.author a, .author.silver a {
    color: #797979;
    text-decoration: none;
}

.works_online {
    display: block;
/*    float: right; */
    padding: 0.4em 0 0.4em 0;
}
.works_online .play_button, .movie_online .play_button {
    float: none;
    vertical-align: middle;
    margin-right: 0.3em;
}


/* Прозрачный collapsible */

/* ui-collapsible-content ui-body-inherit" */


.ui-page-theme-a .ui-collapsible.transparent .ui-body-inherit {
    background-color: #560f13;
    border-bottom-color: #560f13;
    border-left-color: #560f13;
    border-right-color: #560f13;
    border-top-color: #560f13;
    color: #453C2F;
    text-shadow: 0px 0px 0px #F3F3F3;
    padding: 0.5em 0 0 0;
}

.transparent.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}


/* Стили для всплывающих фотографий */
#popup {
	padding: 5px;
	width:auto;
	position:absolute;
	display:none;
	overflow:hidden;
    z-index: 1000;
}
#popup img {
    border: none;
	margin: 0px 0px 0px 0px;
	float:left;
}
.popup_span img {
    border: none;
}