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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http: //markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp a: link,
.markItUp a: visited { color: #000; text-decoration: none; }
.markItUp { width: 600px; margin-bottom: 5px; }
.markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.markItUpEditor {
font: 12px "Courier New", Courier, monospace;
padding: 5px;
width: 587px;
height: 200px;
line-height: 18px;
overflow: auto;
}
.markItUpPreviewFrame {
overflow: auto;
background-color: #FFF;
border: 1px solid #eee;
padding: 10px;
height: 300px;
margin: 5px 0;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.markItUpFooter { width: 100%; }
.markItUpResizeHandle {
overflow: hidden;
height: 8px;
background: url(http://piter.co/engine/lib/external/jquery/markitup/skins/simple/images/handle.png) 50% 3px no-repeat;
cursor: n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader {
width: 587px;
background: #eee;
padding: 5px;
border-top: 1px solid #c0cad5;
border-left: 1px solid #c0cad5;
border-right: 1px solid #c0cad5;
}
.markItUpHeader ul { overflow: hidden; zoom: 1; }
.markItUpHeader ul li { list-style: none; float: left; position: relative; margin-right: 6px; }
.markItUpHeader ul li: hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu {
background: transparent url(http://piter.co/engine/lib/external/jquery/markitup/skins/simple/images/menu.png) no-repeat 115% 50%;
margin-right: 5px;
}
.markItUpHeader ul .markItUpDropMenu li {
margin-right: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
display: none;
position: absolute;
top: 18px; left: 0px;
background: #FFF;
border: 1px solid #000;
}
.markItUpHeader ul ul li {
float: none;
border-bottom: 1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
background: #FFF url(http://piter.co/engine/lib/external/jquery/markitup/skins/simple/images/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
margin: 0 6px 0 0;
width: 1px;
height: 16px;
overflow: hidden;
background-color: #CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
width: auto; height: 1px;
margin: 0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
position: absolute;
top: -1px; left: 150px;
}
.markItUpHeader ul ul ul li {
float: none;
}
.markItUpHeader ul a {
display: block;
width: 16px; height: 16px;
text-indent: -10000px;
background-repeat: no-repeat;
margin: 0px;
}
.markItUpHeader ul ul a {
display: block;
padding-left: 0px;
text-indent: 0;
width: 120px;
padding: 5px 5px 5px 25px;
background-position: 2px 50%;
}
.markItUpHeader ul ul a: hover {
color: #FFF;
background-color: #000;
}
.markItUpPreviewFrame { }
.markItUpPreviewFrame p { margin-bottom: 18px; }
.markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; }
.markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; }
.markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; }
.markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; }
.markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; }
.markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; }
/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp .editor-h4 a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/h4.png); }
.markItUp .editor-h5 a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/h5.png); }
.markItUp .editor-h6 a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/h6.png); }
.markItUp .editor-bold a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/bold.png); }
.markItUp .editor-italic a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/italic.png); }
.markItUp .editor-stroke a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/stroke.png); }
.markItUp .editor-underline a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/underline.png); }
.markItUp .editor-quote a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/quote.png); }
.markItUp .editor-code a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/code.png); }
.markItUp .editor-ul a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/ul.png); }
.markItUp .editor-ol a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/ol.png); }
.markItUp .editor-li a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/li.png); }
.markItUp .editor-picture a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/picture.png); }
.markItUp .editor-image a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/image.png); }
.markItUp .editor-link a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/link.png); }
.markItUp .editor-clean a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/clean.png); }
.markItUp .editor-preview a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/preview.png); }
.markItUp .editor-cut a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/cut.png); }
.markItUp .editor-video a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/video.png); }
.markItUp .editor-user a { background-image:url(http://piter.co/engine/lib/external/jquery/markitup/sets/default/images/user.png); }.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}body {
font: normal 11px/18px Verdana, Sans-Serif;
color: #333;
background-color: #E1E1E1;
background-image: url(http://piter.co/templates/skin/social-jquery/images/background.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 { font: normal 18px Arial, Sans-Serif; line-height: 1.3em; margin-bottom: 0.3em; color: #333; }
h1 { font-size: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h2 span { color: #aaa; }
h2.header-weather { text-align: center; }
h3.hr { font-size: 11px; font-weight: bold; line-height: 18px; margin-bottom: 5px; border-bottom: 1px solid #dae1e8; color: #555; }
h4.up-header { font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif; margin-bottom: 3px; color: #555; border-bottom: 1px solid #DAE1E8; line-height: 20px; }
.sub-header { font-size: 12px; font-weight: bold; font-family: Verdana, sans-serif; margin-bottom: 15px; color: #555; border-bottom: 1px solid #DAE1E8; line-height: 20px; }
a { color: #2b587a; text-decoration: none; }
a:hover { text-decoration: underline; }
::selection {
background: #d0d0d0; /* Safari, Chrome, Opera */
}
::-moz-selection {
background: #d0d0d0; /* FireFox */
}
.clearer {
height:1px;
overflow:hidden;
margin-top:-1px;
clear:both;
}
/* Отключение возможности выделения в теге DIV */
.content, .item-content{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* Отключение лишнего для мобил */
@media screen and (max-width: 1023px) {
/* Контейнер */
#container {
width: 634px!important;
}
/* Хедер */
#header {
/*display: none;*/
padding: 6px 0 1px 0!important;
}
.banner-header-pc {
display: none!important;
}
.banner-header-mobile {
display: block!important;
}
/* Навигация */
#nav {
display: none;
}
/* Контент */
#content {
width: 604px!important;
padding: 15px!important;
}
/* Контент */
.tags-title {
color: #fff;
}
.topic .tags li a {
color: #fff!important;
}
/* Закладки */
#ish-socbookmarks {
display: none;
}
/* Комментарии */
#vk_comments, #fb_comments {
display: none!important;
}
/* Сайдбари */
#sidebar {
display: none;
}
/* Виджет ВК */
#vk_groups {
display: none;
}
/* Футер */
#footer {
display: none;
}
}/* Blocks
-------------------- */
#container { width: 965px; padding: 0 6px; margin: 0 auto; }
#header { overflow: hidden; zoom: 1; position: relative; padding: 0 0 5px 0; }
#nav { height: 211px; overflow: hidden; zoom: 1; position: relative; background: url(http://piter.co/templates/skin/social-jquery/images/header.png) no-repeat; padding: 5px 30px;}
#wrapper { overflow: hidden; zoom: 1; background: #fff; }
#content { width: 590px; float: left; padding: 15px 15px 15px 30px; }
#sidebar { width: 315px; float: left; }
#footer { overflow: hidden; zoom: 1; margin-bottom: 0px; padding: 5px 0 10px; color: #777; }
#sidebar-right { width: 240px; float: left; }
#content.cwide { width: auto; float: none; padding: 15px 30px; }
#content.filled { background: #fcfcfc; }
.user-profile-content { padding: 15px !important; }
.user-profile-content .switcher.tabs { position: inherit; }
.center-block { width: 600px; margin: 0 auto; }
.wrapper { overflow: hidden; zoom: 1; }
/* Header
-------------------- */
#nav .profile { position: relative; bottom: 21px; float: right; zoom: 1; color: #aaa; text-transform: lowercase; padding-right: 10px; z-index: 10; }
#nav .profile li { display: inline; padding: 0; }
#nav .profile li a { color: #5F6691; text-decoration: none; }
#nav .profile li a:hover { color: #333; /* text-decoration: underline; */ }
#nav .profile li a.message-new { color: #9197BC; }
#nav .profile li a.username { color: #9197BC; }
#nav .profile li a.username:hover { text-decoration: underline; }
#nav .profile:before { /* background: #e0e0e0; content: ''; height: 12px; width: 1px; position: absolute; left: 40px; top: 4px; */ }
#nav .profile .ico-talk { background: url(http://piter.co/templates/skin/social-jquery/images/ico-talk.png) no-repeat; position: relative; top: 1px; width: 17px; height: 9px; outline: 0 none; display: -moz-inline-stack; display: inline-block; zoom: 1; }
#nav .profile .ico-settings { background: url(http://piter.co/templates/skin/social-jquery/images/ico-settings.png) no-repeat; position: relative; top: 6px; width: 16px; height: 16px; outline: 0 none; display: -moz-inline-stack; display: inline-block; zoom: 1; }
/* Search */
#nav .search-form { position: relative; top: 1px; zoom: 1; z-index: 10; }
#nav .search-form .search { width: 225px; margin: 0; border: 1px solid #ddd; color: #777; font-size: 11px; padding: 5px 3px 5px 20px; background: #fff url(http://piter.co/templates/skin/social-jquery/images/search.png) no-repeat 6px 6px; font-family: Verdana, Arial, sans-serif; }
/* Nav
-------------------- */
#nav .city { background: #fff; color: #333; cursor: pointer; font-weight: bold; border-bottom: 1px dotted; position: relative; left: 10px; top: -27px; z-index: 10; }
/* #nav .city:before { background: url(http://piter.co/templates/skin/social-jquery/images/sprite.png) no-repeat scroll -196px -86px transparent; content: ""; height: 8px; width: 4px; position: absolute; left: -9px; top: 3px; } */
#nav .city:hover { border-bottom: 0; text-decoration: underline; /* border-bottom: none; color:grey; */ }
#nav .date { display: inline-block; position: relative; left: 0px; top: -27px; padding: 0 10px 0 15px; margin-top: 6px; z-index: 10; }
#nav .weather { background: url("http://www.meteonova.ru/informer/PNG104_26063_000000_FFFFFF_F8F8F8_FFFFFF_FFFFFF_FFFFFF_FFFFFF.PNG") no-repeat scroll -153px 0 transparent; display: inline-block; height: 19px; width: 82px; position: relative; left: 0px; top: -21px; }
#nav .weatherinfo { display: inline-block; height: 19px; position: relative; left: 0px; top: -27px; cursor: pointer; z-index: 10; }
#nav .weatherinfo .tomorrow { margin-left: 5px; }
#nav .weather-limid { vertical-align: middle; margin-top: -2px; }
#nav .weather-liweather { padding-left: 10px; color:#fff; font-size: 11px;}
#nav .weather-nomargin { margin: 0px !important; }
#nav .logo { height: 145px; width: 265px; display: block; background: url(http://piter.co/templates/skin/social-jquery/images/logo.png) no-repeat; float: left; position: relative; top: 13px; left: 0px; }
#nav .nav-main { border-bottom: 1px solid #e0f0f0; border-top: 1px solid #e0f0f0; text-align: justify; text-align-last:justify; overflow: hidden; zoom: 1; padding: 5px 10px; position: relative; bottom: 17px; height: 20px; z-index: 10; }
#nav .nav-main:after { content: ""; display: inline-block; height: 0; width: 100%; overflow: hidden; }
#nav .nav-main li { display: inline-block; font-size: 146%; }
#nav .nav-main li a { color: #e8eff7; text-decoration: none; }
#nav .nav-main li a:hover { color: #000 !important; text-decoration: underline; }
#nav .nav-main li.active a { color: #93aac5; }
#nav .nav-table { background: none repeat #f5f5f5; border-collapse: separate;padding: 5px 0; text-transform: uppercase; width: 640px; position: relative; bottom: 8px; }
#nav .nav-table td { padding: 0 0 0 10px; }
#nav .nav-table td.last { }
#nav .nav-table td.active { background: url(http://piter.co/templates/skin/social-jquery/images/arroy.png) no-repeat scroll 3px 5px transparent; }
#nav .nav-table td a { color: #555; text-decoration: none; }
#nav .nav-table td a:hover { color: #000 !important; text-decoration: underline; }
#nav .exchange { width: 265px; font-size: 105%; position: relative; top: 7px; z-index: 10; }
#nav .nav-line { border-bottom: 1px solid #e0f0f0; border-top: 1px solid #e0f0f0; text-align: justify; text-align-last:justify; overflow: hidden; zoom: 1; margin-top: 3px; padding: 5px 0 3px 276px; position: relative; bottom: 19px; height: 21px; }
#nav .nav-line:after { content: ""; display: inline-block; height: 0; width: 100%; overflow: hidden; }
#nav .nav-line:before { background: #e0e0e0; content: ''; height: 20px; width: 1px; position: absolute; left: 265px; top: 5px; }
#nav .nav-line span { display: inline-block; text-align: center; text-transform: uppercase; padding-right: 10px; }
#nav .nav-line span a { color: #333; text-decoration: none; }
#nav .nav-line span a:hover { color: #000 !important; text-decoration: underline; }
/* Banner Nav Menu */
.nav-banner { overflow: hidden; margin-bottom: 15px; zoom: 1; }
.nav-banner li { float: left; margin-right: 3px; }
.nav-banner li:last-child { border-right: none; }
.nav-banner li a { display: block; background: #fafafa; border-radius: 2px; padding: 4px 12px; font-weight: bold; }
.nav-banner li a:hover { background: #eee; text-decoration: none; }
.nav-banner li.active a { background: #eee; color: #333; }
/* Banner Nav Sub Menu */
.nav-banner .sub-menu { margin-top: 15px; }
.nav-banner .sub-menu li a { background: #fafafa; color: #aaa; }
.nav-banner .sub-menu li a:hover { background: #eee; }
.nav-banner .sub-menu li.active a { background: #eee; color: #333; }
/* Menu
-------------------- */
#menu { margin: 0; }
/* Footer
-------------------- */
/*#footer { display: none; }*/
#footer { background: url(http://piter.co/templates/skin/social-jquery/images/footer.png) repeat-x scroll 0 0 transparent; padding: 25px 30px 25px 30px; color: #e0f0f0; }
#footer a { color: #e0f0f0; }
#footer ul { float: left; overflow: hidden; zoom: 1; font-size: 11px; }
#footer ul li { margin-bottom: 2px; float: left; margin-right: 10px; text-transform: lowercase; }
#footer ul li.header { }
#footer ul li.header a { font-size: 11px; font-weight: bold; text-transform: uppercase; }
#footer ul li a.rss { background: url() no-repeat; padding-left: 22px; }
#footer .left { float: left; text-align: left; margin-top: 10px; }
#footer .center { float: left; text-align: right; display: inline; width: 502px; margin-top: 10px; }
#footer .center .liveinternet { float: right; display: inline; margin-top: -5px; padding-left: 77px; }
#footer .right { float: right; text-align: right; margin-top: 10px; }
/* Settings
-------------------- */
.settings-wrapper { background: #fafafa; padding: 10px; }
.settings-wrapper p { margin-bottom: 15px; }
/* User Profile
-------------------- */
/* Blog profile */
.blog-profile { padding: 15px; background: #fafafa; margin-bottom: 20px; }
.blog-profile { float: right; }
/* User profile */
.user-profile { padding: 15px; background: #fafafa; margin-bottom: 20px; }
.user-profile .voting { float: right; margin-right: 10px; }
/* User profile table */
.up-outer-table td { vertical-align: top; }
.up-outer-table td.up-outer-table-info { padding-right: 15px; width: 394px; }
.user-profile-table { width: 100%; margin-bottom: 20px; margin-left: 1px; }
.user-profile-table tbody td.val { width: 130px; color: #777; }
.table.user-list img { vertical-align: middle; margin-right: 3px; }
.table.user-list tbody td { padding: 5px 5px; }
/* Misc blocks
-------------------- */
/* Talk */
.talk-table { width: 100%; line-height: 16px; margin-bottom: 15px; }
.talk-table td { vertical-align: middle; }
.talk-table thead td { padding: 1px 5px 2px; background: #f7f7f7; font-size: 10px; font-weight: bold; color: #888; border-top: 1px solid #DAE2E8; border-bottom: 1px solid #DAE2E8; }
.talk-table tbody td { padding: 10px 5px; border-bottom: 1px solid #DAE2E8; }
.talk-table tbody tr.unread td { background: #F5F9FB; }
.talk-table tbody td.talk-topic { color: #89a8c6; }
.talk-table thead td.talk-actions-head { text-align: right; padding-right: 20px; }
.talk-table tbody td .talk-actions { text-align: right; }
.talk-table tbody td .talk-actions li { line-height: 17px; }
.talk-table tbody td .talk-actions li a { display: block; padding: 2px 7px 2px 7px; }
.talk-table tbody td .talk-actions li a:hover { background: #e1e7ed; text-decoration: none; }
.talk-table tbody td .user-info { min-height: 50px; _height: 50px; position: relative; padding-left: 60px; }
.talk-table tbody td .user-info.multi { padding-left: 0; }
.talk-table tbody td .user-info img.avatar { width: 50px; height: 50px; vertical-align: top; position: absolute; top: 0; left: 0; }
.talk-table tbody td .user-info span { color: #777; font-size: 10px; }
.talk-table tbody td .user-info span.talk-comments { color: #aaa; text-transform: lowercase; }
.talk-table .username { margin-right: 8px; white-space: nowrap; font-size: 11px !important; }
.talk-table .username img { width: 16px; height: 16px; margin-right: 1px; vertical-align: middle; position: relative; top: -1px; }
/* Blog profile */
.blog { background: #fff; padding: 10px 10px 10px 120px; border: 1px solid #eee; margin-bottom: 10px; min-height: 100px; _height: 100px; position: relative; zoom: 1; }
.blog.detailed { background: #fcfcfc; min-height: 150px; _height: 150px; padding: 10px 120px 40px 125px; border: 1px solid #ddd; margin-bottom: 20px; }
.blog p { line-height: 15px; margin-bottom: 15px; }
.blog .avatar { position: absolute; top: 10px; left: 10px; z-index: 10; }
.blog dl { overflow: hidden; zoom: 1; line-height: 15px; margin-bottom: 3px; }
.blog dl dt { float: left; width: 80px; color: #aaa; }
.blog dl dd { float: left; width: 290px; }
.blog .blog-actions { position: absolute; top: 8px; right: 11px; width: 100px; text-transform: lowercase; }
.blog .blog-actions li img { vertical-align: middle; }
.blog .blog-actions li a { display: block; zoom: 1; padding: 1px 0 2px 7px; }
.blog .blog-actions li a:hover { background: #e1e7ed; text-decoration: none; }
.blog .blog-badge { position: absolute; top: 0; left: 0; z-index: 20; width: 31px; height: 32px; background: url(http://piter.co/templates/skin/social-jquery/images/blog-badge.png) no-repeat; }
.blog .voting { position: absolute; top: 115px; left: 15px; width: 100px; }
.blog .voting .total { float: none; font-size: 18px; font-weight: bold; text-align: center; margin: 0 7px 7px 0; }
.blog .voting .plus { position: static; }
.blog .voting .minus { position: static; margin-left: 35px; _margin-left: 18px; }
.blog .blog-more { padding-bottom: 15px; }
.blog .blog-more img { width: 16px; height: 16px; margin-right: 1px; vertical-align: middle; position: relative; top: -1px; }
.blog .blog-more .username { margin-right: 8px; white-space: nowrap; }
.blog .more { position: absolute; bottom: 0; left: 0; width: 100%; _width: 633px; padding: 10px 0; text-align: center; background: #E8F3F4; }
.blog .more:hover { text-decoration: none; background: #DEEDEF; }
.blog .blog-delete-form { position: absolute; top: 10px; left: 50%; margin-left: -100px; width: 200px; padding: 10px; border: 1px solid #ddd; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; }
.blog .blog-delete-form select { width: 100%; margin-top: 5px; margin-bottom: 7px; }
/* User profile */
.user-profile { padding: 15px; background: #fafafa; margin-bottom: 20px; }
.user-profile .voting { float: right; margin-right: 10px; }
.user-profile .strength { float: right; }
/* Stat */
.stat-performance { width: 930px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.stat-performance table { }
.stat-performance table td { width: 200px; vertical-align: top; }
.stat-performance h4 { font-weight: bold; }
/* Userfeed */
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(http://piter.co/templates/skin/social-jquery/images/loader.gif) no-repeat center;}
/* Stream */
.stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; }
.stream-get-more:hover { background: #f0f7fd; }
.stream_loading { background: #f7f7f7 url(http://piter.co/templates/skin/social-jquery/images/loader.gif) no-repeat center; }
.stream-comment-preview { padding: 7px 12px 8px; background: #f7f7f7; margin-top: 5px; line-height: 15px; }
.stream-list { margin: 0 0 20px; border-top: 1px solid #eee; }
.stream-list li { min-height: 48px; _height: 48px; border-bottom: 1px solid #eee; padding: 10px 15px 10px 60px; position: relative; }
.stream-list li .avatar { position: absolute; top: 10px; left: 0; }
.stream-list li .date { display: block; color: #999; line-height: 14px; }
.stream-list li a { text-decoration: none; }
.stream-list li a:hover { text-decoration: underline; }
/* Userfields */
.userfield-list { border-top: 1px solid #eee; }
.userfield-list li { border-bottom: 1px solid #eee; padding: 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .uf-actions { float: right; }
.userfield-list li .uf-actions img { vertical-align: top; }
.userfield-list li .uf-actions a { margin-left: 5px; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }
.userfield-add { text-decoration: none; border-bottom: 1px dotted #2b587a; }
.userfield-add:hover { text-decoration: none; color: #333; border-color: #333; }
/* Write */
.write { overflow: hidden; zoom: 1; padding: 50px 20px; width: 790px; margin: 0 auto; }
.write li { float: left; margin-right: 30px; margin-bottom: 20px; }
.write li a { float: left; width: 128px; padding-top: 125px; text-align: center; }
.write li.item-1 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-topic.png) 50% 0 no-repeat; }
.write li.item-2 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-question.png) 50% 0 no-repeat; }
.write li.item-3 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-link.png) 50% 0 no-repeat; }
.write li.item-4 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-blog.png) 50% 0 no-repeat; }
.write li.item-5 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-drafts.png) 50% 0 no-repeat; }
.write li.item-6 a { background: url(http://piter.co/templates/skin/social-jquery/images/write-photoset.png) 50% 0 no-repeat; }
}
/* Voting */
.voting { overflow: hidden; zoom: 1; }
.voting .total { float: left; margin-left: 7px; font-weight: bold; color: #aaa; }
.voting .total a { text-decoration: none; outline: none; }
.voting.positive .total { color: #315682; }
.voting.negative .total { color: #aaa; }
.voting .plus,
.voting .minus { width: 9px; height: 9px; opacity: 0.5; filter: alpha(opacity=50); float: left; margin-left: 5px; display: block; background: url(http://piter.co/templates/skin/social-jquery/images/voting.png) no-repeat; position: relative; top: 5px; outline: none; }
.voting .plus { background-position: 0 0; }
.voting .minus { background-position: -9px 0; }
.voting .plus:hover { opacity: 1; filter: alpha(opacity=100); }
.voting .minus:hover { opacity: 1; filter: alpha(opacity=100); }
.voting.voted.plus .plus { opacity: 1; filter: alpha(opacity=100); }
.voting.voted.minus .minus { opacity: 1; filter: alpha(opacity=100); }
.voting.voted.plus .minus:hover { opacity: 0.5; filter: alpha(opacity=50); }
.voting.voted.minus .plus:hover { opacity: 0.5; filter: alpha(opacity=50); }
.voting.guest .plus:hover { opacity: 0.5; filter: alpha(opacity=50); }
.voting.guest .minus:hover { opacity: 0.5; filter: alpha(opacity=50); }
/* Favorite */
.favourite { background: url(http://piter.co/templates/skin/social-jquery/images/like.gif) no-repeat; opacity: 0.5; filter: alpha(opacity=50); display: block; height: 10px; width: 10px; position: relative; top: 6px; }
.favourite.active { opacity: 1; filter: alpha(opacity=100); }
/* Pagination */
.pagination { overflow: hidden; zoom: 1; }
.pagination li { float: left; padding: 1px 7px; margin-right: 1px; }
.pagination li.active { background: #eef2f4; border: 1px solid #dae1e8; padding: 0 6px; }
/* Scroll up */
#top-link { cursor: pointer; display: none; position: fixed; left: 0; top: 0; padding: 0; z-index: 1; }
#top-link a { display: block; width: 100px; text-align: center; color: #ааа; padding: 5px 0; margin: 5px; text-decoration: none !important; font-weight: bold; border-radius: 2px; }
#top-link:hover a { background: #f5f5f5; color: #333; }
#topicon { width: 0; height: 0; display: inline-block; border-bottom: 7px solid #aaa; border-left: 7px solid transparent; border-right: 7px solid transparent; margin-right: 5px; }
#top-link:hover #topicon { border-bottom: 7px solid #333; }
#backicon { width: 0; height: 0; display: inline-block; border-top: 7px solid #aaa; border-left: 7px solid transparent; border-right: 7px solid transparent; margin-right: 5px; }
#top-link:hover #backicon { border-top: 7px solid #333; }
#text { display: none; }
/* Switcher */
.switcher { overflow: hidden; zoom: 1; line-height: 19px; }
.switcher.wide { background: #EFE6B9; border-top: 1px solid #CEC38E; margin-bottom: 0; }
.switcher.wide li { border-top: none !important; }
.switcher li { float: left; padding: 1px 8px 3px; color: #ADA26D; background: #EFE6B9; border-top: 1px solid #CEC38E; }
.switcher li a { float: left; color: #ADA26D; font-weight: bold; }
.switcher li.root { color: #333; margin-left: 10px; }
.switcher li.root.first { margin-left: 0; }
.switcher li.active { background: #E0D7AC; color: #333; }
.switcher li.active a { font-weight: bold; color: #333; }
.switcher li.root.active { background: #F4EFD7; border-color: #F4EFD7; }
.switcher li.root.active a { color: #C4BC93; }
.switcher.tabs { position: relative; top: 25px; zoom: 1; }
.switcher.tabs li { border: none; margin-right: 2px; line-height: 19px; padding: 2px 8px 2px; background: #FCF8E8; }
.switcher.tabs li.active { background: #E8E0BE; color: #333; }
.switcher .sub-menu { width: 700px; margin-bottom: 0; background: #E8E0BE; position: absolute; top: 23px; left: 0; display: none; }
.switcher .sub-menu li { background: #E8E0BE; border: none; line-height: 17px; padding: 3px 8px 4px; color: #A89B61; }
.switcher .sub-menu li a { color: #A89B61; }
.switcher .sub-menu li.active,
.switcher .sub-menu li.active a { color: #333; }
/* System messages */
.system-message-error { background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice { background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }
/* Actions */
.actions { overflow: hidden; zoom: 1; /* margin-bottom: 10px; */ }
.actions li a { overflow: hidden; zoom: 1; margin-bottom: 10px; color: #333; text-decoration: none; }
.actions li { float: left; margin-right: 10px; }
.actions li .edit { padding-left: 15px; background: url() no-repeat 0 1px; }
.actions li .delete { padding-left: 14px; background: url(http://piter.co/templates/skin/social-jquery/images/delete.png) no-repeat 0 2px; }
.actions li .rss { padding-left: 15px; background: url() no-repeat 0 1px; }
.actions li a:hover { text-decoration: underline; }
/* Table */
.table { width: 100%; margin-bottom: 10px; }
.table thead td { background: #E1E7ED; font-weight: bold; padding: 1px 7px 4px; color: #2B587A; border-top: 1px solid #D3DAE0; border-bottom: 1px solid #fff; }
.table thead td input { position: relative; top: 1px; }
.table tbody td { border-bottom: 1px solid #fff; padding: 3px 7px 4px; background: #fafafa; }
.table.plugin-list thead td { padding: 3px 7px 4px; }
.table.plugin-list td { vertical-align: top; }
.table.plugin-list tr.active td { background: #C5EAB4; }
.table.user-list img { vertical-align: middle; margin-right: 3px; }
.table.user-list tbody td { padding: 5px 5px; }
.table-weather { font-size: 16px; }
.table-weather tbody td { vertical-align: middle; text-align: center; padding-left: 20px; }
.table-weather tbody td.cell-img { padding-left: 40px; }
/* Friend List */
.friend-list li { background: #fafafa; margin-top: 1px; margin-bottom: 1px; padding: 5px; color: #777; cursor: pointer; overflow: hidden; zoom: 1; white-space: nowrap; }
.friend-list li.checked { background: #EFE6B9; }
.friend-list li img { vertical-align: middle; margin-right: 5px; }
.friend-list.blacklist { width: 310px; }
.friend-list.blacklist li { position: relative; cursor: auto; }
.friend-list.blacklist li:hover { background: #fafafa; }
.friend-list.blacklist li .delete { position: absolute; top: 12px; right: 10px; width: 11px; height: 11px; opacity: 0.5; filter: alpha(opacity=50); background: url(http://piter.co/templates/skin/social-jquery/images/delete.png) no-repeat; }
.friend-list.blacklist li .delete:hover { opacity: 1; filter: alpha(opacity=100); }
.friend-list.speakers { width: auto; }
/* Misc */
.ls-user { padding-left: 10px; background: url(http://piter.co/templates/skin/social-jquery/images/user.png) no-repeat 0 3px; font-weight: bold; }
.user.inactive { color: #888; }
.center { width: 300px; margin: 0 auto; }
.right { float: right; }
.admin-link {
/*display: block;*/
display: none;
padding: 10px 10px 9px 10px;
width: 16px; height: 16px;
float: right;
position: fixed; top: 180px; right: 8px;
text-align: center;
background: #fefefe url(http://piter.co/templates/skin/social-jquery/images/admin_link.png) center center no-repeat;
_position: absolute;
_top: expression( eval(document.documentElement.scrollTop) + 180 +"px" );
}
/* Awesome Icons */
#new_messages i.fa-envelope-o { vertical-align: -1px !important; /* display: table-cell;*/ }
ul.profile i:hover { color: #333; }.input { padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-wide { width: 96%; _width: 95%; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-pwide { width: 590px; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-100 { width: 100px; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-150 { width: 150px; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-200 { width: 200px; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-300 { width: 300px; padding: 4px; border: 1px solid #c0cad5; font: normal 11px Verdana, Arial, sans-serif; }
.input-title { font-size: 12px; }
.note { color: #aaa; line-height: 14px; padding-top: 3px; }
.checkbox { position: relative; top: 3px; margin: 0 5px 0 1px; }
.input-tag { width: 150px; border: 1px solid #ccc; margin-right: 3px; color: #333; font-size: 11px; padding: 4px 3px 4px 20px; background: #fff url(http://piter.co/templates/skin/social-jquery/images/tag.png) no-repeat 4px 50%; position: relative; top: 1px; font-family: Verdana, Arial, sans-serif; }
.question-list { margin-bottom: 5px; }
.question-list li { margin-bottom: 3px; }
.question-list-add { border-bottom: 1px dotted #2B587A; }
.question-list-add:hover { text-decoration: none; color: #333; border-color: #333; }
label { color: #444; }
select { padding: 3px; font: normal 11px Verdana, Arial, sans-serif; }
.submit {
padding: 3px 10px 4px;
font: normal 11px Verdana, Arial, sans-serif;
cursor: pointer;
color: #fff;
background: #36638E;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 0;
margin: 6px 2px 0 0;
}
.submit:hover { background: #7e9fc2; }
a.submit { display: block; }
a.submit:hover { text-decoration: none; }
.markItUp { width: 100%; }
.markItUpEditor { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.markItUpHeader { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 7px; }
dl.form-item dd { float: left; width: 130px; line-height: 20px; text-align: right; padding-right: 10px; }
dl.form-item dt { float: left; width: 300px; }
form p { margin-bottom: 15px; }
.form-sep { border-bottom: 1px solid #ddd; padding-top: 10px; margin-bottom: 10px; }
.form-add p { margin-bottom: 15px; }
.form-add select { width: 300px; }
.form-add textarea { font-size: 12px; margin: 0; }
.form-add .topic { background: #fff; padding: 15px; margin-bottom: 15px; border: 1px solid #eee; box-shadow: 0 0 5px #eee; }
.form-add .topic .content { margin: 0; }/* Login popup */
.jqmWindow.login-form { width: 180px; text-align: center; }
.jqmWindow.login-form h2 { margin-bottom: -6px; }
.jqmWindow.login-form p { margin-bottom: 5px; }
.jqmWindow.login-form label { color: #333; }
.jqmWindow.login-form input { text-align: center; }
.jqmWindow.login-form .close { position: absolute; top: 7px; right: 7px; width: 11px; height: 11px; outline: none; background: url(http://piter.co/templates/skin/social-jquery/images/delete.png) no-repeat; }
/* Blog delete popup */
.jqmWindow.blog-delete-form { width: 200px; }
.jqmWindow.blog-delete-form p { margin-bottom: 8px; }
/* Add friend popup */
.jqmWindow.add-friend-form { width: 200px; }
.jqmWindow.add-friend-form textarea { width: 195px; margin-bottom: 5px; }
/* Add userfield popup */
.jqmWindow.userfield-form { width: 270px; }
.jqmWindow.userfield-form p { margin-bottom: 10px; }
.jqmWindow.userfield-form .input { width: 262px; }
.topic { overflow: hidden; zoom: 1; /* padding-bottom: 15px; */ }
.two-column { width: 290px; }
.left-column { clear: left; float: left; padding-right: 5px; }
.right-column { clear: right; float: right; padding-left: 5px; }
/* Title */
.topic .title { overflow: hidden; zoom: 1; min-height: 39px; position: relative; padding: 0; background: #f7f7f7; border-top: 1px solid #45688e; border-bottom: 1px solid #dae1e8; font-size: 11px; margin-bottom: 10px; }
.topic .title a.title-blog { color: #6691AF; }
.topic .title h1.title-topic { line-height: 20px; font-size: 20px !important; padding-bottom: 2px; margin-bottom: 0; }
.topic .title h1.title-topic a { font-size: 20px !important; font-weight: normal; }
.topic .title h2.title-topic { display: inline; line-height: 20px; font-family: Verdana, Arial, sans-serif; font-size: 20px !important;}
.topic .title h2.title-topic a { font-size: 20px !important; font-weight: normal; }
.topic .title img { position: relative; top: 1px; }
.topic .title .info-topic { display: inline; float: right; margin-top: -1px; padding-bottom: 1px;}
.topic .title .info-topic a { font-size: 11px; }
.topic .title .info-topic a span { font-size: 13px; background:url(http://piter.co/templates/skin/social-jquery/images/bg-icon.png) no-repeat -16px 0; height: 11px; left: 0; position: relative; top: 3px; width: 16px; padding-right: 20px; }
.topic .title .info-topic a:hover { text-decoration: underline; }
.topic .title .info-topic .counter { color: #aaa; padding-left: 5px; }
.topic .title .info-topic .counterold span { font-size: 13px; background:url(http://piter.co/templates/skin/social-jquery/images/bg-icon.png) no-repeat 0 0; padding-right: 18px; position: relative; width: 13px; height: 11px; top: 3px; left: 0; }
.topic .title .info-topic .counter span { background:url(http://piter.co/templates/skin/social-jquery/images/bg-icon.png) no-repeat 0 0; display: inline-block; height: 11px; margin-right: 4px; outline: 0 none; position: relative; top: 1px; width: 16px; }
#topic-info { color: #aaa; margin: 0 0 11px 0 !important; text-align: right; line-height: 18px; }
.topic .title .topic-actions { display: inline; margin-left: 90px; }
.topic .title .actions { position: absolute; top: 26px; right: 9px; display: none; _display: block; }
.topic .title .voting .minus { display: none; _display: block; }
.topic .title .voting .plus { display: none; _display: block; }
.topic .title:hover .voting .minus { display: block; }
.topic .title:hover .voting .plus { display: block; }
.topic .title:hover .actions { display: block; }
.topic .title .blog-avatar { position: absolute; top: 7px; left: 8px; width: 32px; height: 32px; }
.topic .title .username-avatar { width: 16px; height: 16px; vertical-align: middle; position: relative; top: -1px; margin-right: 5px; }
.topic .title .username { font-weight: bold; }
.topic.link .title h1.title-topic a { color: #495BB7; }
/* Content */
.topic .content { overflow: hidden; zoom: 1; margin-bottom: 15px; font-size: 14px; line-height: 160%; }
.topic .content h4 { font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom: 7px; }
.topic .content h5 { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 7px; }
.topic .content h6 { font-size: 16px; line-height: 22px; font-weight: bold; margin-bottom: 7px; }
.topic .content a { text-decoration: none; color: #2A5885; }
.topic .content a:hover { text-decoration: underline; }
.topic .content p { margin-bottom: 18px; }
.topic .content blockquote { background: #fafafa; padding: 10px 15px; color: #555; clear: both; }
.topic .content pre { background: #fafafa; border: none; overflow: auto; padding: 8px 12px 9px; line-height: 16px; }
.topic .content code { font-family: Consolas, monospace; }
.topic .content ul { list-style-type: disc; margin-left: 17px; }
.topic .content ol { list-style-type: decimal; margin-left: 30px; }
.topic .content img[align="right"] { margin: 4px 0 5px 15px; }
.topic .content img[align="left"] { margin: 4px 15px 10px 0; }
.topic .content img.image-center { display: block; margin: 0 auto; }
.topic .content .ls-user { text-decoration: none; }
.topic .content .ls-user:hover { text-decoration: underline; }
/* Tags */
.topic .tags { display: inline; margin: 0 0 6px 1px; font-size: 11px; }
.topic .tags li { display: inline; color: #888; }
.topic .tags li a { color: #888; }
/*.topic a.username { font-weight: bold; color: #333; float: right; }*/
.topic a.username { font-weight: bold; color: #fff; float: right; }
.topic a.username:hover { text-decoration: underline; }
/* Info */
.topic .info { overflow: hidden; zoom: 1; font-size: 11px; line-height: 14px; border-bottom: 1px solid #DDDDDD; padding-bottom: 12px; }
.topic .info li { float: left; margin-right: 15px; }
.topic .info li a { text-decoration: none; }
.topic .info li a:hover { text-decoration: underline; }
.topic .info li.date { color: #777; }
.topic .info li.voting { padding-right: 15px; }
.topic .info li.actions { float: right; color: #aaa; margin-right: 5px; }
.topic .info li.actions a { margin-left: 7px; }
ul.topic-info {
text-align: justify;
color: #aaa;
/* Обнуляем для родителя*/
line-height: 0;
font-size: 1px; /* 1px для Opera */
/* Лекарство для IE6-7*/
text-justify: newspaper;
zoom:1;
/* Включаем в работу последнюю строку*/
text-align-last: justify;
}
ul.topic-info:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
ul.topic-info li {
display: inline-block;
text-align: left;
margin-bottom: 0;
/* Востанавливаем у потомков, кроме последнего*/
line-height: normal;
font-size: 11px;
/* Без него в Opera будет отступ под элементами */
vertical-align: top;
/* эмуляция inline-block для IE6-7*/
//display : inline;
//zoom : 1;
}
.item-list li .dao-item-image-new {
float: left;
margin-right: 15px;
width: 155px;
}
/* Poll */
.topic .poll { margin-bottom: 15px; font-size: 11px; }
.topic .poll .poll-vote { margin-left: 0; list-style-type: none; }
.topic .poll .poll-vote input { position: relative; top: 1px; margin: 0; }
.topic .poll .poll-vote dl { overflow: hidden; zoom: 1; margin-bottom: 7px; }
.topic .poll .poll-vote dl dt { float: left; padding-right: 10px; }
.topic .poll .poll-vote dl dt a { float: left; padding: 0 6px 3px; color: #2b587a; background: #dae1e9; border-top: 1px solid #cad1d9; text-decoration: none; }
.topic .poll .poll-vote dl dt a:hover { color: #2b587a; background: #eef1f5; border-top: 1px solid #cad1d9; }
.topic .poll .poll-vote dl dd { float: left; width: 320px; }
.topic .poll .poll-result { margin: 0; font-size: 11px; list-style-type: none; line-height: 14px; }
.topic .poll .poll-result li { margin-bottom: 10px; width: 400px; }
.topic .poll .poll-result li p { margin-bottom: 5px; width: 320px; }
.topic .poll .poll-result li dl { overflow: hidden; zoom: 1; }
.topic .poll .poll-result li dl dt { float: left; width: 320px; height: 17px; background: #fafafa; }
.topic .poll .poll-result li dl dt div { height: 17px; background: #dae1e9; overflow: hidden; border-top: 1px solid #ccd1d5; }
.topic .poll .poll-result li dl dd { float: left; width: 70px; padding-left: 10px; }
.topic .poll .poll-result li._most dl dt div { background: #aebfcd; border-top: 1px solid #8fa4b5; }
.topic .poll .poll-total { font-size: 11px; }
/* Topic Photo */
.topic.photo { }
.topic.photo .topic-photo-preview { position: relative; /* margin-bottom: 15px; */ cursor: pointer; }
.topic.photo .topic-photo-preview img { vertical-align: top; }
.topic.photo .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 4px 7px; background: rgba(0,0,0,.6); }
.topic.photo .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2% 8px; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 15px; background: rgba(0,0,0,.7); }
.topic.photo .topic-photo-preview .topic-desc { text-align: right; width: 96%; padding: 7px 2% 8px; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 15px; background: rgba(0,0,0,.4); }
.topic.photo .topic-photo-images { padding-top: 10px; margin-bottom: 15px; }
.topic.photo .topic-photo-images h2 { border-bottom: 1px solid #ddd; color: #999; padding-bottom: 3px; margin-bottom: 10px; font-size: 11px; font-family: Verdana, sans-serif; font-weight: bold; }
.topic.photo .topic-photo-images ul { overflow: hidden; zoom: 1; }
.topic.photo .topic-photo-images ul li { float: left; margin: 0 8px 8px 0; position: relative; }
.topic.photo .topic-photo-images ul li.last { margin-right: 0; }
.topic.photo .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 1px 6px; font-size: 11px; background: rgba(0,0,0,.6); }
.topic.photo .topic-photo-images ul li:hover .image-number { display: block; }
.topic.photo .topic-photo-images ul li img { vertical-align: top; }
.topic.photo .topic-photo-images .topic-photo-more { display: block; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; }
.topic.photo .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; }
.topic-photo-upload { background: #fff; padding: 15px 15px 15px; margin-bottom: 20px; border: 1px solid #eee; }
.topic-photo-upload h2 { margin-bottom: 15px; }
.topic-photo-upload ul { overflow: hidden; zoom: 1; }
.topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; }
.topic-photo-upload ul li img { position: absolute; top: 0; left: 0; }
.topic-photo-upload ul li label { color: #aaa; }
.topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; }
.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }
#photoset-upload-form {
width: 270px;
padding: 15px;
position: absolute;
top:70%;
display: none;
background-color: #fff;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
}
#photoset-upload-form p { margin-bottom: 10px; }
#photoset-upload-form .input-text { width: 262px; border: 1px solid #ccc; margin: 0; padding: 3px; font-family: Arial, sans-serif; font-size: 12px; }
@media screen and (max-width: 1023px) {
.topic .title h1.title-topic {
line-height: 40px;
font-size: 40px !important;
}
.topic .content {
font-size: 28px;
}
}/* Update button */
.update {
padding: 10px 10px 9px 10px;
float: right;
position: fixed; top: 220px; right: 8px;
text-align: center;
background: #FEFEFE;
_position: absolute;
_top: expression( eval(document.documentElement.scrollTop) + 220 +"px" );
}
.update .update-comments { width: 16px; height: 16px; cursor: pointer; background: url(http://piter.co/templates/skin/social-jquery/images/update.gif) no-repeat; }
.update .update-comments.active { background: url(http://piter.co/templates/skin/social-jquery/images/update_act.gif) no-repeat; }
.update .new-comments { color: #333; padding-top: 10px; cursor: pointer; }
/* Comments */
.comments { margin-bottom: 30px; }
.comments .comment-wrapper { overflow: hidden; zoom: 1; position: relative; }
.comments .comment-wrapper .comment-wrapper { padding-left: 25px; }
.comments-header { font-family: Verdana, sans-serif; font-size: 11px; color: #333; padding-bottom: 3px; overflow: hidden; zoom: 1; }
.comments-header .comments-header-right { display: none; float: right; color: #aaa; }
.comments-header .rss { margin-left: 20px; }
.comment-preview { padding: 5px 10px; margin-top: 10px; margin-bottom: 5px; background: #fafafa; overflow: hidden; zoom: 1; font-size: 11px; }
.comments-empty { display: none; border-top: 1px solid #eee; color: #aaa; }
/* Comment */
.comment { min-height: 47px; _height: 47px; font-size: 11px; position: relative; zoom: 1; padding: 6px 0 11px 62px; background: #fff; border-top: 1px solid #eee; }
.comment .avatar { padding-top: 0; position: absolute; zoom: 1; top: 9px; left: 5px; }
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
.comment .goto-comment-child { display: none; }
.comment .comment-badge { display: none; position: absolute; top: 9px; left: 5px; z-index: 20; width: 20px; height: 20px; background: url(http://piter.co/templates/skin/social-jquery/images/c-badge.png) no-repeat; _width: 10px; _height: 10px; _background: #ff0; _overflow: hidden; }
.comment.op .comment-badge { display: block; }
/* Bad */
.comment.bad { opacity: 0.3; filter: alpha(opacity=30); _filter: alpha(opacity=60); }
.comment.bad .avatar { filter: alpha(opacity=30); _filter: alpha(opacity=60); }
.comment.bad:hover { opacity: 1; filter: alpha(opacity=100); }
.comment.bad:hover .avatar { opacity: 1; filter: alpha(opacity=100); }
/* Comment Highlights */
.comment { background: #fff; }
.comment.deleted { background: #efd5d5; }
.comment.deleted.not-admin { padding: 5px 10px; min-height: 0; background: #f7f7f7; color: #888; }
.comment.self { background: #faf8f4; }
.comment.new { background: #fbfba8; }
.comment.current { background: #a5e7fa; }
/* Info Block */
.comment .info { overflow: hidden; zoom: 1; font-size: 11px; margin-bottom: 2px; }
.comment .info li { float: left; margin-right: 10px; }
.comment .info li.avatar { padding-top: 0; }
.comment .info li.avatar img { vertical-align: top; }
.comment .info li.voting { float: right; }
.comment .info li.username a { font-weight: bold; }
.comment .info li.date a { color: #aaa; }
.comment .info li.date a:hover { text-decoration: underline; }
.comment .info li a { text-decoration: none; }
.comment .voting .plus,
.comment .voting .minus { visibility: hidden; _visibility: visible; }
.comment .voting.voting-zero .total { visibility: hidden; _visibility: visible; }
.comment:hover .voting * { visibility: visible !important; }
/* Content */
.comment .content { color: #000; padding-right: 20px; line-height: 15px; overflow: hidden; zoom: 1; }
.comment pre, .comment-preview pre { overflow: auto; width: 95%; padding: 5px 2% 6px; background: #fafafa; margin-bottom: 10px; border: 1px solid #eee; clear: both; }
.comment pre, .comment pre code, .comment-preview pre, .comment-preview pre code { font-family: Consolas, monospace; line-height: 16px; }
.comment blockquote, .comment-preview blockquote { padding: 5px 10px 6px; background: #fafafa; border: 1px solid #eee; margin-bottom: 5px; }
/* Actions */
.comment .comment-actions { padding-top: 1px; font-size: 10px; text-transform: lowercase; }
.comment .comment-actions a { text-decoration: none; }
.comment .comment-actions a:hover { text-decoration: underline; }
.comment .comment-actions .folding { font-size: 10px; padding-right: 10px; background: url(http://piter.co/templates/skin/social-jquery/images/comment-fold.png) no-repeat 100% 6px; margin-right: 10px; }
.comment .comment-actions .folding { background: url(http://piter.co/templates/skin/social-jquery/images/comment-unfold.png) no-repeat 100% 6px; }
.comment .comment-actions .folding.folded { background: url(http://piter.co/templates/skin/social-jquery/images/comment-fold.png) no-repeat 100% 4px; padding-right: 8px; }
.comment .comment-actions .reply-link { margin-right: 5px; font-size: 10px; text-transform: lowercase; }
/* Comment List */
.comments.comment-list .avatar { top: 10px; }
.comments.comment-list .path { color: #888; }
.comments.comment-list .path .blog-name { color: #777; }
/* Reply Form */
.reply-header { font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif; color: #36638E; }
.reply-header a { border-bottom: 1px dotted #2B587A; }
.reply-header a:hover { text-decoration: none; color: #333; border-color: #333; }
.reply { padding-bottom: 10px; margin-top: 10px; }
.reply textarea { height: 80px; border: 1px solid #ccc; margin: 0; padding: 1px 3px; font-family: Verdana, sans-serif; font-size: 11px; line-height: 15px; }
.reply textarea.loader { background: #f7f7f7 url(http://piter.co/templates/skin/social-jquery/images/loader.gif) no-repeat center;}.block { padding: 15px; margin-bottom: -15px; }
.block p { margin-bottom: 15px; }
.block .bottom { padding-top: 3px; font-size: 10px; text-align: right; }
.block .inner { padding: 5px; background: #fafafa; }
.block .empty { text-align: center; padding: 5px 15px; color: #aaa; }
.block .block-subheader { background: #fafafa; padding: 3px 8px; color: #777; line-height: 15px; }
.block .block-header { overflow: hidden; zoom: 1; line-height: 19px; height: 23px; font-size: 11px; padding: 0 0 0 7px; border-top: 1px solid #B1BDD6; background: #dae2e8; }
.block .block-header strong { color: #45688E; position: relative; top: 1px; float: left; }
.block .block-header .right { padding: 1px 7px 0 0; color: #aaa; }
.block .switcher-block { overflow: hidden; zoom: 1; background: #EBF0F4; }
.block .switcher-block li { float: left; padding: 2px 7px 3px; margin: 0; font-weight: bold; color: #9DB6C9; cursor: pointer; }
.block .switcher-block li.active { background: #B3C9D8; color: #fff; }
.block .stream-settings-userlist ul,
.block .stream-settings-friends,
.block .stream-settings-blogs { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; }
/* Stream */
.block.stream ul.list { font-size: 11px; line-height: 14px; _overflow: hidden; zoom: 1; }
.block.stream ul.list li { min-height: 48px; _height: 48px; position: relative; zoom: 1; padding: 8px 0 9px 57px; color: #808080; border-bottom: 1px solid #eee; }
.block.stream ul.list li img { position: absolute; top: 8px; left: 0; }
.block.stream ul.list li .username { font-weight: bold; color: #333; }
/* Top Blogs */
.block.blogs ul.list { font-size: 11px; line-height: 14px; overflow: hidden; zoom: 1; }
.block.blogs ul.list li { padding: 5px 7px 6px 8px; border-bottom: 1px solid #eee; }
.block.blogs ul.list li a { text-decoration: none; }
.block.blogs ul.list li .rating { float: right; font-weight: bold; }
/* Tags */
.block .cloud { padding: 5px 8px; background: #fafafa; }
.block .cloud li { display: inline; margin-right: 5px; line-height: 18px; }
.block .cloud li a { white-space: nowrap; }
.block .cloud li a.w1 { font-size: 11px; }
.block .cloud li a.w2 { font-size: 11px; }
.block .cloud li a.w3 { font-size: 11px; }
.block .cloud li a.w4 { font-size: 12px; }
.block .cloud li a.w5 { font-size: 12px; }
.block .cloud li a.w6 { font-size: 13px; }
.block .cloud li a.w7 { font-size: 13px; }
.block .cloud li a.w8 { font-size: 14px; }
.block .cloud li a.w9 { font-size: 14px; }
.block .cloud li a.w10 { font-size: 14px; }
/* Profile */
.block.block-profile { margin-bottom: 0; }
.block.block-profile .login { font-size: 18px; font-weight: bold; line-height: 18px; padding: 1px 5px 4px; background: #333; color: #fff; }
.block.block-profile .block-profile-user { position: relative; zoom: 1; padding-left: 110px; border-bottom: 1px solid #d8dfed; min-height: 120px; _height: 120px; background: #fafafa; }
.block.block-profile .block-profile-user .avatar { position: absolute; top: 10px; left: 10px; }
.block.block-profile .block-profile-user .voting { padding-top: 40px; }
.block.block-profile .block-profile-user .voting .total { float: none; font-size: 18px; font-weight: bold; text-align: center; margin: 0 0 7px; }
.block.block-profile .block-profile-user .voting .plus { position: static; }
.block.block-profile .block-profile-user .voting .minus { position: static; margin-left: 40px; _margin-left: 20px; }
.block.block-profile-actions { margin-bottom: 0; padding: 0 15px; }
.block.block-profile-actions ul {}
.block.block-profile-actions ul li span { display: block; padding: 1px 0 2px 7px; color: #777; }
.block.block-profile-actions ul li a { display: block; padding: 1px 0 2px 7px; }
.block.block-profile-actions ul li a:hover { background: #e1e7ed; text-decoration: none; }
/* Friends */
.block .friends { overflow: hidden; zoom: 1; margin-top: 10px; }
.block .friends li { float: left; width: 70px; overflow: hidden; text-align: center; margin-bottom: 7px; }
.block .friends li img { vertical-align: top; width: 50px; height: 50px; }
/* Blogs */
.block .profile-blog-list { overflow: hidden; zoom: 1; padding: 5px 7px; background: #fafafa; }
.block .profile-blog-list h4.up-header { color: #aaa; border-color: #ddd; }
/* Stream Settings */
.block.stream-settings h2 { margin-bottom: 7px; }
.block.stream-settings h3 { margin-bottom: 7px; font-size: 16px; font-weight: bold; color: #45688E; }
.block.stream-settings p.note { margin-bottom: 15px; color: #aaa; }
.block.stream-settings p.sp-note { margin-bottom: 10px; color: #aaa; line-height: 14px; }
.block.stream-settings input.input-checkbox { position: relative; top: 2px; margin: 0 2px 0 1px; }
.block.stream-settings ul li { padding-bottom: 5px; }
.block.stream-settings .stream-settings-filter { padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; }
.block.stream-settings .stream-settings-userlist { padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; }
.block.stream-settings .stream-settings-userlist p { margin-bottom: 10px; }
.block.stream-settings .stream-settings-userlist p input { border: 1px solid #ccc; padding: 3px; margin-right: 5px; }
.block.stream-settings .stream-settings-userlist p a { border-bottom: 1px dashed #70AAE0; text-decoration: none; }
.block.stream-settings .stream-settings-userlist p a:hover { color: #555; border-color: #555; }
.block.stream-settings .stream-settings-userlist li { padding-bottom: 5px; }
#vk_groups { padding: 15px; }/* jqModal base Styling courtesy of;
Brice Burgess */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
display: none;
position: fixed;
top: 25%;
left: 50%;
margin-left: -150px;
width: 300px;
background-color: #fff;
color: #333;
border: 1px solid #666;
padding: 15px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (