/* База */

html, body {height: 100%; margin: 0; padding: 0;}
body {background: #eee; font-family: Arial; font-size: 16px; font-weight: bold;}
a:link, a:visited {text-decoration: none; color: #006699;}
a:hover, a:active {text-decoration: none; color: #0099cc;}

/* Основное */

.menu {float: right; margin: 10px 10px 0 0; color: #fff; height: 52px; text-align: right;}
.menu a {margin: 0 4px;}
.menu a:hover {color: #000;}
* html .menu form { margin-top: 0;}

.top {background: #ffcc66; height: 80px; width: 100%;}
* html .top {background: #ffcc66; height: 80px; width: 100%; border: 1px solid green;}
.top-container {width: 1000px; height: 80px; margin: 0 auto; cursor: pointer;}

.top-search {width: 120px; height: 16px; border: 1px solid #999; background: url('/media/img/input-bg.gif') #fff repeat-x top; float: right; margin: 1px 10px 0 10px;}
.top-submit {float: right; margin: 0 20px 10px 0; background: #fff; color: #006699; border: 2px solid #006699; font-weight: bold; font-size: 14px; font-family: Arial;}

.index-top {background: #ffcc66; height: 179px; width: 100%; border-bottom: 1px solid #ccc;}
.index-top .top-container {width: 1000px; height: 179px; margin: 0 auto; background: url('/media/img/title.jpg') no-repeat right;}

.wrap{min-height: 100%; position: relative;}
* html .wrap{height: 100%;}

.content {width: 1000px; min-height: 100%; margin: 0 auto; direction: rtl;}
* html .content {height: 100%;}

.bot {background: #ffcc66; height: 40px; width: 100%; margin-top: -40px; text-align: right;}
.bot-empty {height: 60px; clear: both;}

.intro {width: 600px; margin: 20px 0 0 0; text-align: right;}

/* Информация о себе */
.w-cont {float: left; width: 310px; background: #fff; padding: 20px;}
.w-cont a {margin: 0 0 0 4px;}

.whity {float: left; width: 350px; background: #fff; margin: 20px 0 0 50px;}
.whity  .tl {float: left; width: 11px; height: 11px; background: url('/media/img/whity.gif') no-repeat;}
.whity  .tr {float: right; width: 11px; height: 11px; background: url('/media/img/whity.gif') -11px 0 no-repeat;}
.whity  .bl {float: left; width: 11px; height: 11px; background: url('/media/img/whity.gif') 0 -11px no-repeat;}
.whity  .br {float: right; width: 11px; height: 11px; background: url('/media/img/whity.gif') -11px -11px no-repeat;}

* html .whity {float: left; width: 350px; background: #fff; margin: 20px 0 0 50px; margin-left: 20px; margin-right: 0 !important; position: relative;}
* html .whity  .tl {font-size: 11px;float: left; width: 11px; height: 11px; background: url('/media/img/whity.gif') no-repeat;}
* html .whity  .tr {font-size: 11px;float: right; width: 11px; height: 11px; background: url('/media/img/whity.gif') -11px 0 no-repeat;}
* html .whity  .bl {font-size: 11px; float: left; width: 11px; height: 11px; background: url('/media/img/whity.gif') 0 -11px no-repeat; margin-bottom: -3px;}
* html .whity  .br {font-size: 11px; float: right; width: 11px; height: 11px; background: url('/media/img/whity.gif') -11px -11px no-repeat; margin-bottom: -3px;}

/* Правая колонка */
.right {width: 650px; float: left;}

.win-top {float: right; width: 588px; height: 54px; background: url('/media/img/line.gif') repeat-y; border: 1px solid #fff; border-bottom: 0; margin: 20px 10px 0 0;}
.win-top  .tl {float: left; width: 24px; height: 24px; background: url('/media/img/circle.gif') no-repeat; margin: -1px 0 0 -1px;}
.win-top  .tr {float: right; width: 24px; height: 24px; background: url('/media/img/circle.gif') -24px 0 no-repeat; margin: -1px -1px 0 0;}

.win-bot {float: right; width: 588px; height: 24px; background: #fff url('/media/img/b-line.gif') repeat-x bottom; border: none; border-top: 0; margin: 0 10px 0 0;}
.win-bot .bl {float: left; width: 24px; height: 26px; background: url('/media/img/circle.gif') 0 -24px no-repeat; margin: -1px 0 0 -1px;}
.win-bot .br {float: right; width: 24px; height: 26px; background: url('/media/img/circle.gif') -24px -24px no-repeat; margin: -1px -1px 0 0;}

.win {float: right; width: 550px; background: url('/media/img/m-line.gif') repeat-y; padding: 20px; padding-bottom: 5px;margin: 0 10px 0 0;}
.win-text {font-size: 20px; margin: 16px 0 0 0; color: #fff;}

.user-action {float: right; width: 218px; margin: 4px 10px 0 0; font-size: 14px;}

/* Страница */

/**/
.page-top { height: 54px; float: right; width: 980px; background: url('/media/img/line.gif') #ffcc66 repeat-y; border: 1px solid #fff; border-bottom: 0; margin: 20px 0 0 0;}
.page-top  .tl {float: left; width: 24px; height: 24px; background: url('/media/img/circle.gif') no-repeat; margin: -1px 0 0 -1px;}
.page-top  .tr { float: right; width: 24px; height: 24px; background: url('/media/img/circle.gif') -24px 0 no-repeat; margin: -1px -1px 0 0;}

.page-bot {width: 980px; float: right; height: 24px; background: #fff url('/media/img/b-line-2.gif') repeat-x bottom left; border: 1px solid #fff; border-top: 0;}
.page-bot .bl {float: left; width: 24px; height: 26px; background: url('/media/img/circle.gif') 0 -24px no-repeat; margin: -1px 0 0 -1px;}
.page-bot .br {float: right; width: 24px; height: 26px; background: url('/media/img/circle.gif') -24px -24px no-repeat; margin: -1px -1px 0 0;}

/**/
.page {float: right; width: 550px; background: url('/media/img/m-line-2.gif') repeat-y; padding: 20px; padding-bottom: 5px; margin: 0 10px 0 0;}
* html .page {width: 550px; height: 100px; background: url('/media/img/m-line-2.gif') repeat-y; padding: 20px; padding-bottom: 5px; margin: 0 10px 0 0;}
/* Уведомления и сообщения */

.numb {font-size: 13px;}
.numbpost {font-size: 13px; margin: 0 4px 0 4px;}

.ban-first-title, .ban-title  {font-size: 22px; background: #eee; margin: -20px -16px 0 -16px; padding: 0 8px 0 0; height: 30px; clear: both;}
.ban-title {margin: 4px -16px 0 -16px;}

/* Блог */

.blog-post {margin: 0 13px 0 0;}
.blog-title {font-size: 20px;}
.blog-date {font-size: 14px; margin: 0 0 6px 0;}
.blog-element {font-size: 14px; clear: both;}
.blog-element a {margin: 0 2px;}
/* Группы */

.groups {float: right; margin: 6px 0;}
.groups a {margin: 0 8px;}

/* Новости */

.news-post {float: right; width: 420px; margin: 0 0 10px 0;}
.news-image {float: right; width: 80px; height: 60px; margin: 0 -14px 0 0;}
.news-text {float: right; margin: 12px 24px 0 0; width: 310px; font-size: 14px;}

/* Левая колонка */
/*.left {width: 330px; float: left; padding: 20px 10px;}*/
.left {width: 330px; float: left; padding: 20px 10px; }
.left .blog-element {margin: 0 0 8px 0;}

.sep {clear: both; height: 19px; background: url('/media/img/sep_fixed_width.gif') no-repeat; font-size: 14px; padding: 2px 4px 0 0;}
.sep_long {clear: both; height: 19px; background: url('/media/img/sep.gif') repeat-x; font-size: 14px; padding: 2px 4px 0 0;}
.sep-bottom {clear: both; height: 19px; background: url('/media/img/sep-bot.gif') no-repeat; font-size: 14px;}

.sep-forum-post, .sep-wall-post {float: right; margin: 0; width: 318px; border: 1px solid #ccc; border-top: none; padding: 5px 5px 0 5px;  background: #fff;}
.sep-forum-post.last, .sep-wall-post.last {border-bottom: none;}
.sep-wall-post .ava-mini {margin: 0 0 4px 0;}
.sep-forum-group {float: left; margin: 6px 0 0 0; font-size: 14px;}
.sep-forum-text {font-size: 14px; margin: 6px 0 0 0;}
.sep-wall-text {font-size: 14px; width: 248px; margin: 0 10px 6px 0; float: right;}
.wall-actions { float: left; }

.sep-notice  {float: right; margin: 10px 0 10px 0; width: 318px; padding: 6px 6px 0 6px;}
.sep-notice-text {font-size: 14px; margin: 6px 0 10px 0;}

/* Служебное */

hr  {color:#eee; background-color:#eee; height: 2px; border: 0; margin: 4px -28px 4px 0;}

.x {float: right; margin: 20px 10px 0 0;}
* html .x {float: right; width: 218px; height: 218px; margin-top: 20px; margin-left: 0px; margin-right: 10px;}
* html .x * { display: block; margin: 0; padding: 0;}
.friend {float: right; margin: 16px 12px 6px 4px; text-align: center; font-size: 12px; width: 120px; min-height: 78px;}
* html .friend {float: right; margin: 16px 12px 6px 4px; text-align: center; font-size: 12px; width: 120px; height: 78px;}
.friend img.ava-mini {float: none;}
.ava-mini {width: 58px; height: 58px; border: 1px solid #000;}
.left .ava-mini {width: 58px; height: 58px; border: 1px solid #000; float: right;}
.photo {width: 78px; height: 58px; border: 1px solid #000; }
.album {display: block; float: right; margin: 16px 13px 6px 4px; }
.photo-thumb {float: right; margin: 20px; }
.photo-thumb img {border: 1px solid #000;}

.copyright {width: 1000px; margin: 0 auto; font-size: 14px; line-height: 40px; direction: rtl; position: relative; z-index: 100; }
.copyright img {margin: 0 10px -13px;}
.logo {width: 39px; height: 28px; float: left; margin: 10px 0 0 10px; border: 1px solid yellow;}
.logo-big {width: 76px; height: 67px; float: left; margin: 10px 0 0 10px;}

.log-in {width: 120px; height: 16px; border: 1px solid #999; background: url('/media/img/input-bg.gif') #fff repeat-x top; float: right; margin: 3px 20px 0 0; clear: right;}
.log-text {font-size: 14px; float: right; margin: 6px 20px 0 0; clear: right;}
.log-butt {width: 78px; height: 20px; float: right; clear: right; margin: 17px 20px 0 0;}

.block {margin: 0 20px 10px 0; float: right; clear: right;}
.search {width: 24px; height: 16px; border: 1px solid #999; background: url('/media/img/input-bg.gif') #fff repeat-x top; float: right; margin: 3px 4px 10px 10px;}
.gap {float: right; font-size: 14px; padding: 4px 0 0 0;}
.submit {float: right; clear: right; margin: 0 20px 10px 0; background: #fff; color: #006699; border: 2px solid #006699; font-weight: bold; font-size: 14px; font-family: Arial;}
.arrow {font-weight: 200; font-size: 18px;}
/* Баннеры */

/*.h-banner {width: 234px; height: 60px; background: #ddd; border: 1px solid #fff; float: left; margin: 10px 0 0 20px;}*/
.h-banner {width: 234px; height: 60px; background: #ddd; border: 1px solid #fff; float: left; margin: 10px 0 0 20px;}
* html .h-banner {width: 234px; height: 60px; margin: 10px 0 0 20px; float: left; border: 1px solid #fff; background: #ddd;}
.l-banner {width: 234px; height: 60px; background: #ddd; border: 1px solid #fff; float: left; clear: both; margin: 10px 0 0 0;}
.r-banner {width: 120px; height: 240px; background: #ddd; border: 1px solid #fff; float: left; margin: 12px 0 -20px -4px;}

.h-banner img, .l-banner img, .r-banner img {border: none;}

.pagination { padding: 10px 0; }
.clear {clear: both;}

input { direction: rtl; }
input[type="submit"] { background: #fff; color: #006699; border: 2px solid #006699; font-weight: bold; font-size: 14px; font-family: Arial; cursor: pointer; }
input[type="text"], input[type="password"] { width: 120px; height: 16px; border: 1px solid #999; background: url('/media/img/input-bg.gif') #fff repeat-x top; }
textarea { border: 1px solid #999; background: url('/media/img/input-bg.gif') #fff repeat-x top; }
label {vertical-align: top;}

a.action {padding: 0 3px; background: #fff; color: #006699; border: 1px solid #006699; font-weight: bold; font-size: 14px; font-family: Arial;}

* html .cancel { display: block; float: right; background: url(/media/img/cancel.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}
* html .edit { display: block; float: right; background: url(/media/img/edit.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}
* html .ok { display: block; float: right; background: url(/media/img/ok.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}

* html .cancel_small { background: url(/media/img/cancel2.gif) no-repeat 0 0.2em; padding-right: 12px; }
* html .ok_small {background: url(/media/img/ok2.gif) no-repeat 0 0.2em; padding-right: 12px; }
* html .edit_small { display: block; float: right; background: url(/media/img/edit2.gif) no-repeat right center; padding-right: 12px; }
* html .add { display: block; float: right; background: url(/media/img/plus.gif) no-repeat right center; padding-right: 12px; }
* html .accept .edit, .accept .cancel, .accept .ok { padding-left: 10px; }

.cancel { background: url(/media/img/cancel.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}
.edit { background: url(/media/img/edit.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}
.ok { background: url(/media/img/ok.gif) no-repeat right center; padding-right: 26px; font-size: 20px !important; font-weight: normal;}

.cancel_small { background: url(/media/img/cancel2.gif) no-repeat right center; padding-right: 12px; }
.ok_small { background: url(/media/img/ok2.gif) no-repeat right center; padding-right: 12px; }
.edit_small { background: url(/media/img/edit2.gif) no-repeat right center; padding-right: 12px; }
.add { background: url(/media/img/plus.gif) no-repeat right center; padding-right: 12px; }

ul.errorlist { list-style: none; color: red; padding-right: 0; }

#django-messages { padding: 3px; width: 500px; margin: 10px auto; background: #aadd88; color: #000; text-align: center; position: relative;}
#django-messages p {padding: 0; margin: 0;}
#django-messages a { float: left; }

#popup {
    display: none;
    z-index: 1000;
    /* for IE6 */
    position: absolute;
    top: 20%;
    /* endfor */
    margin: 0 auto;
    left: 250px;
    width: 400px;
    height: 60px;
    background: #DCF3FF;
    border: 2px solid #008EC7;
    padding: 20px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}

#popup p { margin: 0; padding: 0; }

body > div#popup {
    /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
    position: fixed;
    top: 50%;    
    left: 50%;
    margin-left: -200px;
}

.odd { background: #f8F8ec;}
#post_to_wall_area textarea { width: 98%; height: 48px;}

.is_online { background: url(/media/img/on.png) no-repeat center; padding: 0 5px; }
.is_offline { background: url(/media/img/off.png) no-repeat center; padding: 0 5px; }

.inactive_days { color: #888; }