body { height: 100%; overflow-y: auto; margin: 0; padding: 0; font:62.5%/1.3 'Trebuchet MS', Arial, Helvetica, sans-serif; background: #fff1fd url(../images/bg-body.jpg) repeat-x scroll 50% 0; #behavior:url("/css/csshover.htc"); position: relative; overflow-x: hidden;}
*:focus {outline: none;}
input:-webkit-autofill {
        background-color: #fff!important; background-image:none!important;
}
input:-webkit-autofill {
        color: #2a2a2a!important;
}

table { font-size: 1.0em; }
img { border: none; }
form { padding: 0px; margin: 0px; }
textarea { width: 300px; height: 150px; resize: none!important; }
.clear{ clear:both !important; display:block !important; float:none !important; font-size:0; height:0; }
a { color: #76297e; }
.date strong, .tags strong { font-weight: normal; color: #cc99cc; }

.ie6 {background: #ffc8dd; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; padding: 10px 50px; color: #660066;}
.ie6 a {color: #660066; font-weight: bold;}
.ie6 .ie6-exit {background: url("../images/b-exit.gif") no-repeat; width: 22px; height: 21px; position: absolute; top: 10px; right: 10px; display: block; z-index: 1001;}

h1 { color: #61086A; font-size: 1.6em; margin: 20px; }
h2 { color: #61086A; font-size: 1.6em; margin: 10px 0; }
h3 { font-size: 14px; display:inline; float:left; margin: 0 0 15px 0; width: 400px; color: #76297e; }
h3 a{ color: #76297e; font-size: 1.2em; }
h2 a{ color: #76297e; font-size: 1.2em; }
h4 { color: #76297e; font-size: 1.1em; margin: 5px 0; }
/*form*/
input, textarea { border: none; background: none; padding: 3px 0px 0px 10px; color:#B06ABA; font-size:1em; margin: 0px; }

.form-input { width: 200px; margin: 5px 0px; position: relative; }
.form-input .left{ height: 20px;  background: url(../images/bg-input-l.png) no-repeat; padding-left: 9px; }
.form-input .right{ height: 20px;  background: url(../images/bg-input-r.png) no-repeat right top; padding-right: 9px; }
.form-input .text{ height: 20px;  background: url(../images/bg-input-c.png) repeat-x; padding: 0 0 0 0!important; font-weight: normal!important; }
.form-input input { padding-left: 0px; width: 180px; font-size: 11px; }
.form-input .marker { cursor: pointer; background: url("../images/i-select.gif") no-repeat; width: 10px; height: 8px; position: absolute; top: 6px; right: 8px;  }

.form-textarea { width: 300px; margin: 5px 0px; }
.form-textarea .left{ height: 177px;  background: url(../images/bg-textarea-l.png) no-repeat; padding-left: 9px; }
.form-textarea .right{ height: 177px;  background: url(../images/bg-textarea-r.png) no-repeat right top; padding-right: 9px; }
.form-textarea .text{ height: 177px;  background: url(../images/bg-textarea.png) repeat-x; }
.form-textarea textarea { padding-left: 0px; width: 285px; font-size: 11px; height: 175px; font-style: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; }
.form-textarea .textarea-large { padding-left: 0px; width: 380px; font-size: 11px; height: 175px; font-style: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; }

.input-file {	position: relative;	padding: 0;	margin:5px 0; }
.input-file .mask { width: 251px; height: 22px; background:url(../images/input-file.png) no-repeat 0 0;}
.input-file .file { width: 251px; 	position:absolute; left:0; top:0; opacity: 0; filter:alpha(opacity=0); cursor: pointer;}
.input-file .file-input-text { width: 155px; }

.form-table {  }
.form-table .description { color: #B06ABA; }
.form-table th { width: 125px; text-align: right; padding: 0px 30px 0px 0px; }
.form-table th.top { vertical-align: top; }
.form-table td { text-align: left; padding: 0; }
.form-table label { font-size: 13px; color: #61086A; font-weight: normal; }
.form-table .action { text-align: right; padding: 10px 0px 10px 0px;  }
.form-table .loader { position: absolute; top: -8px; right: -32px; }

.error_list { padding: 0px 0px 0px 15px; margin: 0; color: red; }
.error_list li { list-style: none; padding: 0; margin: 0; font-size: 12px; }
.error { text-align: center; padding: 10px 0px; color: #61086A; background-color: #f7cad1; width: 400px; margin: 10px 0 10px 80px; }

.b-func1 { cursor: pointer; padding: 0px; padding: 0px; margin: 5px 0px; font-size: 10px!important; text-decoration: none!important; }
.b-func1:hover { text-decoration: none!important; }
.b-func1 .left { height: 20px;  background: url(../images/b-func1-l.png) no-repeat; padding-left: 8px;  }
.b-func1 .right { height: 20px; background: url(../images/b-func1-r.png) no-repeat right; padding-right: 8px;  }
.b-func1 .text { height: 20px; background: url(../images/b-func1.png) repeat-x; color: #fff; font-style: normal; font-size: 10px!important; text-align: center; line-height: 18px; }
.b-func1 .text input { padding: 0px; color: #fff; padding: 0px; height: auto; width: auto; cursor: pointer; line-height: 18px; }
.b-func1 a { color: #fff; }

.b-func1-disable .left { height: 20px;  background: url(../images/b-func1-l-disable.png) no-repeat; padding-left: 8px;  }
.b-func1-disable .right { height: 20px; background: url(../images/b-func1-r-disable.png) no-repeat right; padding-right: 8px;  }
.b-func1-disable .text { height: 20px; background: url(../images/b-func1-disable.png) repeat-x; color: #fff; font-style: normal; font-size: 10px!important; text-align: center; line-height: 18px; }

.b-func2 { cursor: pointer; padding: 0px; padding: 0px; text-decoration: none!important; float: left; }
.b-func2:hover { text-decoration: none!important; }
.b-func2 .left { height: 18px;  background: url(../images/b-func2-l.png) no-repeat; padding-left: 8px;  }
.b-func2 .right { height: 18px; background: url(../images/b-func2-r.png) no-repeat right; padding-right: 8px;  }
.b-func2 .text { height: 18px; background: url(../images/b-func2.png) repeat-x; color: #fff; font-style: normal; font-size: 10px!important; text-align: center; line-height: 16px; }
.b-func2 a { color: #fff; }

.b-func3 { cursor: pointer; padding: 0px; padding: 0px; text-decoration: none!important; float: left; margin:5px 0; }
.b-func3:hover { text-decoration: none!important; }
.b-func3 .left { height: 18px;  background: url(../images/b-func3-l.png) no-repeat; padding-left: 8px;  }
.b-func3 .right { height: 18px; background: url(../images/b-func3-r.png) no-repeat right; padding-right: 8px;  }
.b-func3 .text { height: 18px; background: url(../images/b-func3.png) repeat-x; color: #fff; font-style: normal; font-size: 10px!important; text-align: center; line-height: 16px; }
.b-func3 a { color: #fff; }

.b-func4 { cursor: pointer; padding: 0px; padding: 0px; text-decoration: none!important; float: left; margin:5px 0; }
.b-func4:hover { text-decoration: none!important; }
.b-func4 .left { height: 22px;  background: url(../images/b-func4-l.png) no-repeat; padding-left: 10px;  }
.b-func4 .right { height: 22px; background: url(../images/b-func4-r.png) no-repeat right; padding-right: 10px;  }
.b-func4 .text { height: 22px; background: url(../images/b-func4.png) repeat-x; color: #fef7e5; font-style: normal; font-size: 12px!important; text-align: center; line-height: 22px; }
.b-func4 a { color: #fff; }

.default-action { width: 80%; padding: 50px 0 0 0; position: relative; }
.default-action .b-func1 { float: right; margin-left: 15px; }
.default-action .loader { position: absolute; right: -45px; bottom: -28px; }

/*rosy-block*/
.rosy-block { width: 100% }
.rosy-block .top-center { height: 10px; background: #fff url("../images/rose-blog-t-c.png") repeat-x top; }
.rosy-block .top-left { width: 10px; height: 10px; background: url("../images/rose-blog-t-l.png") no-repeat; }
.rosy-block .top-right { width: 10px; height: 10px; background: url("../images/rose-blog-t-r.png") no-repeat; }

.rosy-block .left { width: 10px; background: #fff url("../images/rose-blog-l.png") repeat-y left; }
.rosy-block .text { background-color: #fff; padding: 10px; }
.rosy-block .right { width: 10px; background: #fff url("../images/rose-blog-r.png") repeat-y right; }

.rosy-block .bottom-center { height: 10px; background: #fff url("../images/rose-blog-b.png") repeat-x bottom; }
.rosy-block .bottom-left { width: 10px; height: 10px; background: url("../images/rose-blog-b-l.png") no-repeat; }
.rosy-block .bottom-right { width: 10px; height: 10px; background: url("../images/rose-blog-b-r.png") no-repeat; }


#page {	 font-size: 1.2em; }
#page .bg-main { background:url(../images/bg-center.jpg) repeat-y; position: absolute; width: 1000px; left: 50%; margin-left: -500px; }
#page .bg-top { width:100%;	background:url(../images/bg-top.jpg) no-repeat 0 0; /*height: 1717px;*/}
#page .bg-bottom {
	width:100%;
	min-height: 2000px; _height: auto !important; _height: 2000px;
	/*height: auto!important; *//* min-heigh for IE6 *//*
	height:1785px; *//* min-heigh for IE6 */
	border-bottom: 100px solid #FFF1FD;
	background: url(../images/bg-bottom.jpg) no-repeat 0 100%;
}
#bg-hearts div { position: absolute; background: no-repeat; z-index: 30; }
#bg-hearts .h1 { right: 0; top: 500px; background-image: url(../images/bg-hearts1.png); width: 316px; height: 311px;  }
#bg-hearts .h2 { left: 0; top: 600px; background-image: url(../images/bg-hearts2.png); width: 399px; height: 524px;  }

#header { height:150px; width:100%; }
#header .logo { display:inline; margin:0; }
#header .logo a { background: url(../images/logo.png) no-repeat; float:left; height:76px; margin:47px 0 0 295px; overflow:hidden; text-indent:-9999px; width:103px; position: absolute; z-index: 10; }

#content { padding:0 0 0px; width:100%; position: relative; }

/*snowdrop*/
.snowdrop { position: absolute; background: url("../images/snowdrop.png") no-repeat; }
.snowdrop.layer1 { width: 88px; height: 101px; background-position: 0 0; top: 102px; left: 46px;  }
.snowdrop.layer2 { width: 52px; height: 44px; background-position: -252px 0; top: 19px; right: 47px;  }
.snowdrop.layer3 { width: 57px; height: 59px; background-position: -192px 0; top: 98px; right: 54px;  }
.snowdrop.layer4 { width: 50px; height: 42px; background-position: -95px -0px; top: 16px; left: 276px;  }
.snowdrop.layer5 { width: 27px; height: 33px; background-position: -159px -0px; top: 4px; right: 72px;  }

/*palm*/
.palm { position: absolute; background: url("../images/palm.png") no-repeat; left: auto;}
.palm.layer1 { width: 150px!important; height: 113px!important; background-position: 0 0; top: 90px!important; left: -35px!important; z-index: 1; }
.palm.layer2 { width: 104px!important; height: 124px!important; background-position: -150px 0; top: -119px!important; right: 402px!important;}
.palm.layer3 { width: 164px!important; height: 180px!important; background-position: -260px 0; top: -19px!important; right: -55px!important; //z-index: -1;}
.palm.layer4 { width: 139px!important; height: 120px!important; background-position: -436px 0; top: -90px!important; right: 542px!important;}

/*autumn*/
.autumn {position: absolute;}
.autumn.a_layer1 {width: 380px; height: 260px; top: -106px; left: 24px; background: url("../images/autumn2_1.png") no-repeat;}
.autumn.a_layer2 {width: 50px; height: 69px; top: 137px; left: -23px; background: url("../images/autumn2.png") no-repeat;}
.autumn.a_layer3 {width: 434px; height: 126px; top: -149px; left: 504px; background: url("../images/autumn3.png") no-repeat;}
.autumn.a_layer4 {width: 376px; height: 375px; top: -150px; right: -138px; background: url("../images/autumn4.png") no-repeat;}

/*winter*/
.winter {position: absolute;}
.winter.a_layer1 {width: 209px; height: 333px; top: -57px; left: 9px; background: url("../images/winter1.png") no-repeat;}
.winter.a_layer2 {width: 242px; height: 241px; top: -54px; left: 218px; background: url("../images/winter2.png") no-repeat;}
.winter.a_layer3 {width: 538px; height: 113px; top: -53px; left: 373px; background: url("../images/winter3.png") no-repeat;}
.winter.a_layer4 {width: 151px; height: 61px; top: -126px; right: -4px; background: url("../images/winter4.png") no-repeat;}
.winter.a_layer5 {width: 135px; height: 181px; top: -65px; right: -45px; background: url("../images/winter5.png") no-repeat;}
.winter.a_layer6 {width: 147px; height: 41px; top: 115px; right: -30px; background: url("../images/winter6.png") no-repeat; z-index: 10;}
.winter.a_layer7 {width: 44px; height: 147px; top: 155px; right: -33px; background: url("../images/winter7.png") no-repeat; z-index: 10;}
.winter.a_layer8 {width: 23px; height: 22px; top: 187px; left: 218px; background: url("../images/winter8.png") no-repeat;}

/*spring*/
.spring {position: absolute;}
.spring.spring1 {background: url('../images/spring1.png') no-repeat; width: 249px; height: 273px; top: -153px; left: 0;}
.spring.spring2 {background: url('../images/spring2.png') no-repeat; width: 65px; height: 73px; top: 47px; left: 249px;}
.spring.spring3 {background: url('../images/spring3.png') no-repeat; width: 41px; height: 42px; top: 177px; left: -4px; z-index: 1;}
.spring.spring4 {background: url('../images/spring4.png') no-repeat; width: 40px; height: 38px; top: 399px; left: 7px; z-index: 1;}
.spring.spring5 {background: url('../images/spring5.png') no-repeat; width: 31px; height: 32px; top: 33px; left: 363px;}
.spring.spring6 {background: url('../images/spring6.png') no-repeat; width: 42px; height: 39px; top: -74px; left: 558px;}
.spring.spring7 {background: url('../images/spring7.png') no-repeat; width: 24px; height: 23px; top: -90px; left: 458px;}
.spring.spring8 {background: url('../images/spring8.png') no-repeat; width: 31px; height: 22px; top: -87px; left: 848px;}
.spring.spring9 {background: url('../images/spring9.png') no-repeat; width: 256px; height: 243px; top: -95px; right: -174px;}
.spring.spring10 {background: url('../images/spring10.png') no-repeat; width: 41px; height: 76px; top: -36px; right: 82px;}
.spring.spring11 {background: url('../images/spring11.png') no-repeat; width: 18px; height: 15px; top: 40px; right: 82px;}
.spring.spring12 {background: url('../images/spring12.png') no-repeat; width: 1178px; height: 134px; top: 92px; left: -72px;}

/*summer*/
.summer-kita { position: absolute; background: url("../images/summer1.png") no-repeat; width: 588px; height: 330px; top: -127px; left: -70px; }
.summer2 { position: absolute; background: url("../images/summer2.png") no-repeat; width: 340px; height: 396px; top: -141px; right: -158px; }
.summer3 { position: absolute; background: url("../images/summer3.png") no-repeat; width: 91px; height: 89px; top: -26px; left: 360px; }
.summer4 { position: absolute; background: url("../images/summer4.png") no-repeat; width: 82px; height: 92px; top: 137px; left: -39px; }
.summer5 { position: absolute; background: url("../images/summer5.png") no-repeat; width: 66px; height: 93px; top: 365px; left: -30px; }

.harts_anime { position: absolute;  }
.harts_anime.layer1 { height:464px; left:-261px; top:298px; width:407px; }
.harts_anime.layer2 { height:350px; right: -287px; top: 266px; width:329px; }

#content .left-content { float:left; margin: -90px 43px 0 0; position:relative; width:175px; height: 600px; z-index: 1;}
#content .main-content { float:left; font-size:1.01em; width: 600px; margin-top: 85px; position: relative; padding:  10px 0 260px 0px; overflow: hidden; padding-bottom: 0px;}
#content .right-content { float:right; padding:0 0 0px; position: relative; margin-right: -1px; }
.kita-img { background: url(../images/kita-voice.png) no-repeat; width: 166px; height: 128px; position: absolute; top: 66px; left: 15px; z-index: 1;  }
#content .content-header { height: 150px; position: relative; width: 100%; z-index: 1; }

.category{ float:left; font-size:0.91em; line-height:1.3em; margin:5px 15px 5px 0px;  }
.category span{	float:left;	background:url(../images/bg-category.png) no-repeat 0 100%; }
.category a{ float:left; height:13px; margin:0 -5px 0 5px; padding:0 10px 1px 7px; color:#fff;	text-decoration:none; background:url(../images/bg-category.png) no-repeat 100% 100%; text-transform:lowercase; position:relative; }

.corner-border { background: #f9cef1; padding: 3px; height: 100%; font-size: 3px;  }
.corner-border img { border: none; padding: 0; margin: 0; }


#primary-nav { height: 74px; list-style: none; margin: 0; padding: 0 0 0 395px; z-index: 1; }
#primary-nav li { float: left; }

#primary-nav li a{ position: relative; float: left; width: 46px; height: 22px;	margin: 31px 0 0 10px; background: url(../images/menu1.png) no-repeat 0 -23px; display: block; }
#primary-nav li a.active, #primary-nav li a:hover{ background-position: 0 -1px; }

#primary-nav .hearts-left { display: none; width: 16px; height: 16px; background: url(../images/bg-harts-l.png) no-repeat; position: absolute; bottom: -8px; left: -6px; }
#primary-nav .hearts-right { display: none; width: 24px; height: 15px; background: url(../images/bg-harts-r.png) no-repeat; position: absolute; top: -11px; right: -11px; }


#primary-nav li a.active .hearts-left, #primary-nav li a:hover .hearts-left{ display: block; }
#primary-nav li a.active .hearts-right, #primary-nav li a:hover .hearts-right{ display: block; }

#primary-nav li.primary-link-2 a{ width: 65px; height: 24px; margin: 20px 0 0 8; background-position: -50px -22px; }
#primary-nav li.primary-link-2 a.active, #primary-nav li.primary-link-2 a:hover{ background-position: -50px 0px; }
#primary-nav li.primary-link-2 a.active .hearts-left, #primary-nav li.primary-link-2 a:hover .hearts-left{ display: block; left: -7px; bottom: -7px; }
#primary-nav li.primary-link-2 a.active .hearts-right, #primary-nav li.primary-link-2 a:hover .hearts-right{ display: block; right: -9px; top: -9px;  }

#primary-nav li.primary-link-3 a{ width: 49px; height: 22px; margin: 13px 0 0 8; background-position: -116px -20px; }
#primary-nav li.primary-link-3 a.active, #primary-nav li.primary-link-3 a:hover{ background-position: -116px 1px; }
#primary-nav li.primary-link-3 a.active .hearts-left, #primary-nav li.primary-link-3 a:hover .hearts-left{ display: block; left: -7px; bottom: -7px; }
#primary-nav li.primary-link-3 a.active .hearts-right, #primary-nav li.primary-link-3 a:hover .hearts-right{ display: block; right: -9px; top: -9px;  }

#primary-nav li.primary-link-4 a{ width: 49px; height: 22px; margin: 13px 0 0 4; background-position: -164px -22px; }
#primary-nav li.primary-link-4 a.active, #primary-nav li.primary-link-4 a:hover{ background-position: -164px -2px; }
#primary-nav li.primary-link-4 a.active .hearts-left, #primary-nav li.primary-link-4 a:hover .hearts-left{ display: block; left: -5px; bottom: -4px; }
#primary-nav li.primary-link-4 a.active .hearts-right, #primary-nav li.primary-link-4 a:hover .hearts-right{ display: block; right: -14px; top: -11px;  }

#primary-nav li.primary-link-5 a{ width: 47px; height: 22px; margin: 12px 0 0 9; background-position: -214px -21px; }
#primary-nav li.primary-link-5 a.active, #primary-nav li.primary-link-5 a:hover{ background-position: -214px -1px; }
#primary-nav li.primary-link-5 a.active .hearts-left, #primary-nav li.primary-link-5 a:hover .hearts-left{ display: block; left: -5px; bottom: -4px; }
#primary-nav li.primary-link-5 a.active .hearts-right, #primary-nav li.primary-link-5 a:hover .hearts-right{ display: block; right: -14px; top: -11px;  }

#primary-nav li.primary-link-6 a{ width: 80px; height: 21px; margin: 13px 0 0 7; background-position: -261px -20px; }
#primary-nav li.primary-link-6 a.active, #primary-nav li.primary-link-6 a:hover{ background-position: -261px 0px; }
#primary-nav li.primary-link-6 a.active .hearts-left, #primary-nav li.primary-link-6 a:hover .hearts-left{ display: block; left: -5px; bottom: -4px; }
#primary-nav li.primary-link-6 a.active .hearts-right, #primary-nav li.primary-link-6 a:hover .hearts-right{ display: block; right: -11px; top: -6px;  }

#primary-nav li.primary-link-7 a{ width: 65px; height: 24px; margin: 20px 0 0 6; background-position: -342px -22px; }
#primary-nav li.primary-link-7 a.active, #primary-nav li.primary-link-7 a:hover{ background-position: -342px -1px; }
#primary-nav li.primary-link-7 a.active .hearts-left, #primary-nav li.primary-link-7 a:hover .hearts-left{ display: block; left: -8px; bottom: 0px; }
#primary-nav li.primary-link-7 a.active .hearts-right, #primary-nav li.primary-link-7 a:hover .hearts-right{ display: block; right: -5px; top: -6px;  }

.secondary-menu {  list-style: none; margin: 0; padding: 0 210px 0 0; height: 16px; }
.secondary-menu li { display: block; float: right; position: relative; margin-left: 20px; }
.secondary-menu a { display: block; }
.secondary-menu .b-blog a { background: url("../images/b-blogs.png") no-repeat; width: 65px; height: 16px;  }
.secondary-menu .b-friends a { background: url("../images/b-friends.png") no-repeat; width: 93px; height: 16px; }
.secondary-menu .b-groups a { background: url("../images/b-groups.png") no-repeat; width: 77px; height: 16px; }
.secondary-menu .menu-block { background: url("../images/menu-block.png") no-repeat; width: 204px; height: 294px; position: absolute; top: 25px; right: -70px; z-index: 5; display: none; }
.secondary-menu .menu-block table { margin: 30px 25px 20px 25px; }
.secondary-menu .menu-block td { padding-bottom: 3px; }
.secondary-menu .menu-block .img { width: 36px; }
.secondary-menu .menu-block .img img { height: 36px; width: 36px; }
.secondary-menu .menu-block .text { padding-left: 10px; }
.secondary-menu .menu-block table a { background: none; width: auto; height: auto; display: inline;}
.secondary-menu .menu-block .action { position: absolute; bottom: 12px; left: 45px; background: none; color: #fff; width: auto; }


.author{ color: #cc99cc; }
.author a { color:#cc99cc; text-decoration: none; }

/*top-block*/
.main-content .top-block { background: url(../images/bg-top-block.png) no-repeat; width: 597px; height: 303px; margin-left: 0px; padding: 15px 0px 10px 30px; position: relative; z-index: 102; }
.main-content .top-block.style-2 { padding-left: 70px; background: url(../images/bg-top-block4.png) no-repeat; width: 596px; height: 294px; }
.top-block h2 { color: #cc99cc; text-transform: uppercase; font-weight: normal; }
.top-block strong {color: #cc99cc;  }
.top-block .date { position: absolute; top: 30px; right: 70px; }
.top-block .content, .mini-top-block .content { width: 520px; }
.top-block .content td, .mini-top-block .content td { vertical-align: top; }
.top-block .content .text, .mini-top-block .content .text { padding-left: 20px; }
.top-block .author { float: left; margin: 0px 10px 1px 0px; width: 70px; text-align: center; height: 110px; overflow:hidden; }
.comment-num { float: right; margin-top: 0px; padding: 5px; text-align: center; }
.comment-num span {font-size: 50px; font-style: italic; color: #76297e;}
.top-block .img, .mini-top-block .img { width: 1px; }
.top-block .top-menu { margin: 20px 5px; }
.top-block .top-menu a, .mini-top-block .top-menu a, .mini-top-menu .top-menu a  { margin-right: 10px; }
.top-block .status, .mini-top-block .status { color: #61086A; font-size: 1.4em; font-weight: bold; }
.top-block .data { margin-top: 10px; color: #cc99cc; }
.top-block .data td, .top-block .data th { text-align: left; }
.top-block .data td { padding-left: 15px; font-weight: bold; }
.top-block .data th {  font-weight: normal; }
.top-block .actions { margin-top: 10px; margin-right: 200px; }
.top-block .actions a{ float: right; margin-left: 10px; }
.top-block h3 { margin-bottom: 5px; }


/*minu-top-block*/

.mini-top-block { background: url("../images/bg-top-block2.png") no-repeat; width: 565px; height: 158px; margin-left: 0px; padding: 15px 0px 10px 30px; position: relative; }
.mini-top-block .top-menu { margin: 5px 5px; }
.mini-top-block .info { margin: 10px 0 0 0; color: #a685aa; font-weight: bold; }
.mini-top-block .info span { display: block; }

/*mini-top-menu*/
.mini-top-menu { background: url("../images/bg-top-block3.png") no-repeat; width: 567px; height: 31px; margin-bottom:30px; z-index: 102; }
.mini-top-menu .top-menu { padding: 8px 5px 0 25px!important; }
.mini-top-menu a.active { font-weight: bold!important; text-decoration: none!important; }





/*block-show*/
.post { width: 600px; margin-top: 40px; border-bottom: 1px #e4b2e4 dotted; padding-bottom: 15px; }
.post h2 { font-size: 14px; display:inline; float:left; margin: 0 0 15px 0; width: 400px!important; color: #76297e; }
.post .img a { position: relative; display: block; }

.post .new .i-new { background: url("../images/i-new-mess.png") no-repeat; width: 43px; height: 21px; position: absolute; top: 0px; right: 0px; display: block;  }
.post .top, .blog-show .top { position: relative; width: 100%; }
.post .top .date { position: absolute; top: 5px; right: 20px; }
.post .content td { vertical-align: top; }
.post .content .text { padding-left: 20px; }
.post .author { float: left; margin: 0px 10px 1px 0px; width: 70px; text-align: center; overflow: hidden; }
.post .actions { margin-bottom: 10px; }
.post .actions a { margin-right: 10px; }
.post p { padding: 0 0 10 0; margin: 0;  }
.post .p-text { min-height: 160px; //height: 160px; }
.post .tags { float: left; }
.post .vote-icon { float: right; margin: -5px 0 0 11; }
.post-lock { background: url("../images/group-lock.png") no-repeat; width: 47px; height: 25px; position: absolute; bottom: -5px; right: -5px; display: block;  }

.comment-left { margin-top: 20px; }
.comment-left .author { float: left;  margin: 0px 10px 0px 0px; }
.comment-left .comment-block { width: 351px; height: 42px; float: left; background: url(../images/bg-comment1.png) no-repeat; }
.comment-left .comment-block p { padding: 5px 10px 5px 25px; margin: 0; color: #76297e;}
.comment-block img {margin-bottom: 4px;}

.comment-right { margin-top: 0px; }
.comment-right .author { margin: 0px 0px 0px 10px; float: right; }
.comment-right .comment-block { width: 351px; height: 42px; float: right; background: url(../images/bg-comment2.png) no-repeat; }
.comment-right .comment-block p { padding: 5px 15px 5px 20px; margin: 0; color: #76297e;}

.comment-left .comment_a, .comment-right .comment_a {text-decoration: none;}

/*pager*/
.pager { text-align: center; margin-top: 40px; float: left; margin-left: 200px; }
.pager a { display: block; float: left; height: 25px; padding: 0 4px; line-height: 25px; }
.pager .pre { background: url(../images/pager-pre.png) no-repeat; width: 21px; height: 26px; }
.pager .next { background: url(../images/pager-next.png) no-repeat; width: 21px; height: 25px; margin-left: 5px; }
.pager .active { text-decoration: none; color: #cc99cc; }

/*search-form*/
.search-form { position:absolute; right:80px; top:80px; z-index:2; }
.search-form .form-input { float: left; width: 240px!important; }
.search-form .form-input input { width: 200px!important; }
.search-form .b-func1 { float: left; margin-left: 10px; }

/*search-form2*/
.search-form2 { margin: 10px 0 10px 0; }
.search-form2 h3{ font-size: 1.3em; float: left; width: auto; }
.search-form2 form { float: left; margin-left: 25px; }
.search-form2 .form-input { float: left; width: 150px; margin-right: 15px; }
.search-form2 input { width: 130px; }
.search-form2 .b-func1 { float: left; }
.search-form2 .b-func3 { margin-right: 10px; }
.search-form2 span { color: #8b4a92; margin-bottom: 10px; display: block; }

/*login-form*/
.left-content .login-form {  background: url(../images/bg-login-form.png) no-repeat; width: 168px; height: 196px; padding: 10px 0px 0px 20px; position:absolute; top:137px; left: 10px; z-index: 2; }
.login-form .heart {width: 168px; height: 196px; position: absolute; top: -7px; left: 21px; z-index: -1;}
.login-form .form-input { width: 120px!important; }
.login-form .form-input input { width: 100px!important; }
.left-content h2 { text-transform: uppercase; font-weight: normal; color: #fff; font-size: 1.1em;  }
.login-form .links { text-align: right; padding-right: 45px; margin-top: 15px; }
.left-content a { color: #fff; }

/*violet-block*/
.left-content .violet-block { background: url(../images/bg-violet-block.png) no-repeat; width: 140px; height: 127px; padding: 30px 0px 0px 27px; top: 322px; left: 26px; position: absolute; z-index: 2 }
.violet-block .butterfly {width: 140px; height: 127px; position: absolute; top: 12px; left: -30px; z-index: -1;}
.violet-block h2 {font-size:11px; font-weight:bold; margin:9px 0 5px;}

/*user-menu*/
.left-content .user-menu { width: 195px; height: 422px; background: url(../images/user-menu.png) no-repeat; position:absolute; top: 140px; left: -6px; z-index: 2; }
.left-content .user-menu .picture { margin: 34px 0 0 36px; position:relative; }
.user-menu .picture span { background:transparent url(../images/user-menu-img-layer2.png) no-repeat scroll 0 0; height:110px; left:-10; #left:-2; position:absolute; top:-3; width:116px; z-index: 100; }
.user-menu .picture .img { overflow: hidden; width: 113px; height: 103px; margin-left:-7px; }
.user-menu .picture img{ margin-left: -7px; }
.user-menu ul { margin: 8px 0 0 0; padding:0 20px 0 0; list-style:none; text-align:right; font-size:0.92em; }
.user-menu ul li { height: 25px; line-height: 25px; }
.user-menu a { color: #fff; text-transform:lowercase; font-weight:bold; font-style:italic; text-decoration:none; position:relative; padding-right: 10px; }
.user-menu a:hover, .user-menu a.active { color: #D8B2D2; } 
.user-menu .star { position: absolute; width: 49px; padding: 0px; height: 51px; top: -27px; right: 22px; background: url("../images/star.png") no-repeat; color: #ae3872; font-weight: bold; }
.user-menu .star div { text-align: center; margin-top: 18px; }
.user-menu .status { position: absolute; top: 82px; left: 0px; width: 105px; #width: 114px; height: 25px; text-align: center; background-color: #ae3872; z-index: 99; opacity: 0.75; opacity-filter: 75; color: #fff; font-weight: bold; }

/*Post Show*/
.blog-show { margin: 20px 0 0 0; /*padding-right: 30px;*/ position: relative; }
.main-content .blog-show .b-func2 { position: absolute; right: 20px; top: -40px; }
.main-content .blog-show .b-func1.edit { position: absolute; right: 20px; top: 10px; }
.blog-show .text {}
.blog-show .text p { float: none; font-size: 1.09em; }
.blog-show .image { float: left; margin: 0 10px 5px 0; }
.blog-show p { float: left; font-size: 1.1em; }
.blog-show .date { color: #cc99cc; margin: 0 0 5px 0;  }
.blog-show .tags { margin: 10px 0 0 0; float: left; }
.vote-icon { margin: 10px 0 0 5px; display: block; float: right; background: url("../images/i-hand.gif") no-repeat 0 0; padding-left: 25px; line-height: 25px; }
.vote-icon.no-active { background: url("../images/i-hand-no-active.gif") no-repeat 0 0; }
.vote-icon.no-active a { color: #f9a6ef; }
.vote-icon span { color: #76297E; }
.blog-show .vote-cont { color: #ae3872; text-align: right; }
.blog-show .text .author div {text-align: center;}

/*comments*/
#comments { }
#comments h3 { float: none; background: url(../images/txt-comments.png) no-repeat; text-indent:-9999px; overflow: hidden; width: 200px; height: 20px; display: block; }
#comments h3{ margin:0; width:103px; height:11px; text-indent:-9999px; overflow:hidden;	background:url(../images/txt-comments.png) no-repeat 0 0; }
#comments div.comments{ margin:15px 0 10px 0; padding:0 0 5px; color:#76297E; }
#comments div.comment{ width:100%; overflow:hidden; margin:24px 0 0; display:block!important; }
#comments .image{ float:left; width:68px; }
#comments .comment .content{ float:left; display:inline; width:100%; margin:0 0 0 -68px; }
#comments .content .wrapper{ padding-left:68px; }
#comments .date{ color:#cc99cc; }
#comments p{ font-size: 1.10em; margin:7px 0 0; }
#comments .actions { position: absolute; top: 10px; right: 0px; text-align: right; }
/*mce-comments*/
#comments-block .o2k7Skin .mceToolbar {height:70px!important;}
#comments-block .o2k7Skin td.mceCenter {padding-right: 85px!important;}
#comments-block .o2k7Skin .mceIcon {background: url("../images/mce-icons.png") no-repeat scroll 35px 35px!important;}
#comments-block .o2k7Skin .mceSplitButton span.mceAction {background-image: url("../images/mce-icons.png")!important; width: 35px!important;}
#comments-block .o2k7Skin .mceSplitButton a.mceAction {width: 35px!important;}
#comments-block .o2k7Skin .mceSplitButton, .o2k7Skin .mceSplitButton a, #comments-block .o2k7Skin .mceSplitButton span {height: 35px!important;}
#comments-block .o2k7Skin .mce_forecolor span.mceAction, #comments-block .o2k7Skin .mce_backcolor span.mceAction {height: 28px!important;}
#comments-block .o2k7Skin .mceColorPreview {height: 5px!important; width: 21px!important; margin-left: 9px!important;}
#comments-block .o2k7Skin .mceSplitButton a.mceOpen {background: url("../images/mce-icons.png") no-repeat scroll 1px 17px!important; background-position: -245px 0!important; width: 14px!important;}
#comments-block .o2k7Skin table.mceSplitButtonEnabled:hover a.mceOpen, #comments-block .o2k7Skin .mceSplitButtonHover a.mceOpen, #comments-block .o2k7Skin .mceSplitButtonSelected a.mceOpen { background: #deb5fd url("../images/mce-icons.png") no-repeat 1px 17px!important; background-position: -245px 0!important;}
#comments-block .o2k7Skin .mce_loadimg img.mceIcon {margin-top: 0!important;}
#comments-block .o2k7Skin .mceButton {height: 35px!important; width: 35px!important;}
#comments-block .o2k7Skin span.mceIcon,#comments-block .o2k7Skin img.mceIcon {width: 35px!important; height: 35px!important;}
#comments-block .o2k7Skin span.mce_code {background-position: 0 0!important;}
#comments-block .o2k7Skin span.mce_preview {background-position: -35px 0!important;}
#comments-block .o2k7Skin span.mce_italic {background-position: -70px 0!important;}
#comments-block .o2k7Skin span.mce_underline {background-position: -105px 0!important;}
#comments-block .o2k7Skin span.mce_emotions {background-position: -140px 0!important;}
#comments-block .o2k7Skin span.mce_forecolor {background-position: -175px 0!important;}
#comments-block .o2k7Skin span.mce_backcolor {background-position: -210px 0!important;}
#comments-block .o2k7Skin span.mce_link {background-position: -315px 0!important;}
#comments-block .o2k7Skin span.mce_unlink {background-position: -350px 0!important;}

#comments ul.links{ float:left; display:inline; margin:0 0 0 68px; padding: 0px; }
#comments ul.links li{ padding:0; list-style: none; float: left;}
#comment-list li { list-style: none; position: relative; padding: 10px 0; border-bottom: 1px #cc99cc dashed; padding-bottom: 30px; }
#comment-list li.top-line { border-top: 1px #cc99cc dashed; margin-top: 3px; }
#comment-list { margin: 0px; padding: 0px; border-top: 1px #cc99cc dashed; width: 100%; }
#comment-list .c-short { display: none; margin-left: 20px; }
#comment-list .collapsed { border-bottom: none; padding: 3px 0px; }
#comment-list .collapsed .c-short { display: block; }
#comment-list .collapsed .c-full { display: none; }
#comment-list .c-short b { color: #952d72; cursor: pointer; text-decoration: underline; }
#comments .links .b-func1 { float: left; margin-right: 10px; }
#comment-form { }
#comment-form h3 {  background: url(../images/txt-comments.png) no-repeat; height: 16px; display: block; }
#comment-form  { width: 100%; }
#comment-form .actions { position: relative; float: right; }

/******** secondary links *********/
.secondary-nav {  overflow:hidden; margin:0; padding:0 0 0 427px; list-style:none; }
.secondary-nav li { float:left; padding:0; }
.secondary-nav a { float:left; height:25px; margin:0 8px; color:#650E6E; white-space:nowrap; text-decoration: none!important; }
.secondary-nav a:hover { text-decoration: underline!important; }
.secondary-nav li.active, #main a.active {background:url(../images/bg-secondary-nav-active.png) no-repeat 0 0; }
.secondary-nav li.active a{ padding:0 8px 0 0; margin:0 0 0 8px; background:url(../images/bg-secondary-nav-active.png) no-repeat 100% 0; }

/* friends */
.main-content .top-menu { color: #b06aba; font-size: 1.03em; position: relative; margin-bottom: 16px; z-index: 102; }
.main-content .top-menu .p-left {  }
.main-content .top-menu .p-right { position: absolute; top: -20px; right: 20px; }
.main-content .top-menu .p-right .form-input { width: 150px; }
.main-content .top-menu .friend-serch { position: relative;  }
.main-content .top-menu .p-right .b-func1 { position: absolute; top: 28px; right: 0px; }
.main-content .top-menu b { color: #660066; margin-right: 5px; }
.main-content .top-menu a { color: #b06aba; text-decoration: none; font-style: italic; font-weight: normal; }
.main-content .top-menu a:hover, .main-content .top-menu a.active { text-decoration: underline; color: #BF5B90; }

.tab-menu { position: relative; width: 100%; }
.tab-menu .secondary-nav { padding: 0px; margin: 0px 0px 0px 0px; }

.user-list { padding: 0px; margin: 25px 0px; }
.user-card { margin: 10px 0 0 0!important; border-bottom: 1px #e4b2e4 dotted; }
.user-list li, .user-card { list-style: none; padding-bottom: 20px; }
.user-list .image, .message-list .image, .user-card .image { float: left; margin-right: 30px; position: relative; width: 86px; height: 86px; }
.user-list .image img, .message-list .image img, .user-card img { border: none; padding: 0px; margin: 0px; }

.online { position: absolute; width: 43px; height: 21px; background: url(../images/i-online.png) no-repeat; top: 65px; left: 43px; }
.user-list .info, .user-card .info { float: left; color: #a685aa; font-size: 1.0em; font-weight: bold; font-style: italic; margin-right: 50px; width: 250px; }
.user-list .info span, .user-card .info span { display: block; }
.user-list .info .bottom, .user-card .info .bottom { margin-top: 22px; }
.user-list .actions, .user-card .actions { float: left; }
.user-list .actions a, .user-card .actions a { display: block; text-decoration: none!important; color: #650e6e!important; font-weight: bold; margin: 3px 0px; }
.user-list .actions a:hover, .user-card .actions a:hover { text-decoration: underline!important; }

/* message */
.main-content .tab-menu .b-func2 { position: absolute; right: 0px; bottom: 10px; }
.main-content .tab-menu2 { margin-top: 10px; position: relative; }
.main-content .tab-menu2 a { margin-right: 6px; text-decoration: none; }
.main-content .tab-menu2 a:hover { text-decoration: underline; }

.main-content .check-all { color: #833c87; font-weight: bold; padding-left: 10px; font-size: 1.1em; margin: 10px 0px; }
.main-content .check-all span { margin-left: 5px; }

.message-list { padding: 0px; margin: 10px 0px; width: 100%; }
.message-list li { display: block; list-style: none; height: 127px; margin: 3px 0px 0px 0px; padding: 0 0 7px; 0; border-bottom: 1px dotted #e7bce5; position: relative; }
.message-list .check { float: left; padding: 0px 5px 0px 0px; }
.message-list .image { margin-right: 15px; }
.message-list .content { float: left; font-size: 0.9em; width: 310px; }
.message-list .info { display: block; color: #a685aa; font-weight: bold; font-style: italic; }
.message-list .info span { display: block; }
.message-list .text { display: block; }
.message-list .text span { display: block; }
.message-list a { text-decoration: none!important; font-weight: bold; }
.message-list a:hover { text-decoration: underline!important; }
.message-list .actions { float: left; margin-left: 40px; }
.message-list .actions a { display: block; }
.message-list .hover .left { height: 127px; background: url(../images/bg-mess-l.png) no-repeat scroll 0px 7px; padding-left: 10px; }
.message-list .hover .right { height: 127px; background: url(../images/bg-mess-r.png) no-repeat right 7px; padding-right: 10px; }
.message-list .hover .center { height: 127px; background: url(../images/bg-mess.png) repeat-x  scroll 0px 7px; }
.message-list .hover .conteiner { padding-left:2px; }
.message-list .hover .i-new { background: url("../images/i-new-mess.png") no-repeat; width: 43px; height: 21px; position: absolute; top: 7px; right: 0px;  }
.message-list .conteiner { padding-top: 17px; padding-left:10px; }
.no-height li { height: auto!important; padding-bottom: 15px; }
.message-list.one li { border: none!important; margin: 20px 0 20px 0!important; }
.message-list.one .content{ width: auto;  }
.message-form { margin: 15px 0 0 0; }
.message-form .form-textarea { width: 450px!important; }
.message-form textarea { width: 440px!important; }
.message-form .actions { width: auto!important; float: none; }
.message-form .error_list li { margin: 5px 0 5px 0!important; padding: 0px; }
.message-form .actions a { float: right!important; margin-left: 10px; }
.message-form label { color: #a685aa; }
.message-list .bottom-actions { margin: 20px 0 20px 0; text-align: right; width: 450px; }
.message-list .bottom-actions a { text-decoration: underline!important; margin-left: 10px; }

/*gallery-list*/
.main-content .gallery-list { margin: 20px 0 0 0; padding: 0; }
.main-content .gallery-list li{ list-style: none; border-bottom: 1px dotted #e4b2e4; padding: 0 0 15 0; margin: 0 0 10px 0 }
.gallery-list h3, .photo-list h3 { float: none; }
.gallery-list h3 a, .photo-list h3 a { text-decoration: none; }
.main-content .b-func2 { margin-top: 15px; float: right; }
.gallery-list .date, .photo-list .date { color: #cc99cc; padding: 5px 0; }

.gallery-list .albom-item .actions {  }
.gallery-list .img { float: left; margin-right: 20px; }
.gallery-list .content { position: relative; }
.gallery-list .info { float: left; width: 285px; }
.gallery-list .a-comments { margin-top: 20px; }
.gallery-list p { padding: 0 0 15px 0; margin: 0; color: #b04ea8; }
.gallery-list span { color: #a685aa; display: block; }
.gallery-list .actions { float: right;  }
.gallery-lock { background: url("../images/group-lock.png") no-repeat; width: 47px; height: 25px; position: absolute; bottom: 0px; right: -5px; display: block;  }


/*photo-list*/
.photo-list { position: relative; }
.photo-list .actions .b-func1, .search-form2 .actions .b-func1 { float: left; margin-right: 10px; }
.photo-list ul { padding: 0 0 0 0; margin: 10px 0 0 0; }
.photo-list ul li { list-style: none; padding: 10px; margin: 0 15px 15px 0; border: 1px #e4b3e5 dotted; float: left; }
#photos_list ul.our li { width: 160px; height: 210px; position: relative; }
#photos_list ul.friend li { width: 160px; height: 120px; }
.photo-list .photo-image { height: 113px; overflow: hidden; margin-bottom: 15px; }
.photo-list .photo-image td { width: 160px; height: 113px; vertical-align: middle; text-align: center; }
.photo-list img { border: none; }
.photo-list .description { height: 65px; overflow: hidden; color: #030101; }
.photo-list .photo-checkbox { position: absolute; top: 8px; left: 8px; }
.photo-list #description-input { position: absolute; width: 162px; background: #feddeb; padding: 5px 10px; z-index: 250; display: none; }
.photo-list #description-input textarea { width: 161px; height: 108px; padding: 5px; margin: 5px 0px; background: url(../images/gallery_edit_description.jpg) no-repeat; font-size: 12px; }

/*photo-show*/
.photo-show h3 a { text-decoration: none; font-size: 1.3em; }
.photo-show h3 { float: none; }
.photo-show .data { margin: 20px 0; color: #76297e; }
.photo-show .data span { color: #cc99cc; }
.photo-show .data a { margin-left: 10px; }
.photo-show .pager { margin: -40px 0 0 0; padding: 0px; float: right; }
.photo-show .photo { padding: 30px 0 0px 0; border: 1px #e4b3e5 dotted; }
.photo-show .photo .img {  text-align: center; }
.photo-show .photo .data { margin-left: 30px; }

/*right-block-list*/
#right-block-list { width: 204px; position: absolute; left: -30px; top: 700px; }

/*kita-help*/
.kita-help { width: 204px; height: 300px; background: url("../images/kita-help-block.png") no-repeat; position: relative; margin-bottom: 20px }
.kita-help .b-exit { width: 21px; height: 22px; position: absolute; top: 21px; right: 21px; background: url("../images/b-exit.png") no-repeat; display: block; }
.kita-help .bottom { color: #fff; position: absolute; bottom: 17px; left: 19px; }
.kita-help .text { width: 120px; text-align: center; padding: 62px 0 0 42px; color: #76297E; //width: 160px; }

/*righ-block*/
.righ-block { width: 204px; height: 300px; background: url("../images/right-block.png") no-repeat; position: relative; margin-bottom: 20px }
.righ-block .b-exit { width: 21px; height: 22px; position: absolute; top: 21px; right: 21px; background: url("../images/b-exit.png") no-repeat; display: block; }
.righ-block .text { text-align: center; padding: 55px 20px 30px 20px; }
.righ-block h4 { position: absolute; top: 18px; left: 24px; width: 120px; color: #C15289; font-weight: bold; }

/*my root menu*/
.th-menu { margin: 20px 0 50px 0; }
.th-menu a { float: left; display: block; margin-right: 5px; background: url("../images/b-menu1.png") no-repeat; width: 92px; height: 27px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 27px; }
.th-menu a:hover, .th-menu a.active { background-position: 0px -27px; }


/*anketa*/
.r-group { color: #76297e; margin: 0 0 0 0; padding: 0; }
.r-group li { list-style: none; margin: 5px 0; }
.r-group span { float: left; }
.r-group .form-input { float: left; margin: 0 0 0 20px;  }
.r-group .actions { margin: 20px 0 10px 0; color: #76297e;  }

/*poll*/
.poll { position: relative; padding: 0 0 20px 0; border-bottom: 1px dotted #e4b2e4; }
.poll .num {text-align: center; top: 0px; right: 0px; position: absolute; }
.poll h2 { width: 420px; }

.poll-result { padding: 0; margin: 40px 0 0 0; }
.poll-result li { padding: 0; list-style: none; }
.poll-result .bar { background-color:#ddd; height:1em; margin:1px 0; }
.poll-result .bar .foreground { background-color:#76297e; float:left; height:1em; }
.poll-result .percent { text-align:right; }
.poll-result .total { text-align:center; }


/*resume*/
.resume { margin: 0; padding: 0; }
.resume li { list-style: none; }
.resume li span { color: #cc99cc; }
.resume li .form-textarea { width: 400px; }
.resume li textarea { width: 380px; }


.b-rss { width: 21px; height: 21px; background: url("../images/bg-rss.png") no-repeat; display: block; position: absolute; right: 112px; top: 35px; }

/*right-content*/
.right-content .right-menu { display: block; padding: 0; margin: 11px 0 0 0; width:120px; height: 130px; position: relative; }
.right-menu li { list-style: none; }
.right-menu li a { display: block; }

.right-menu li.m-item1 a { width: 116px; height: 68px; background: url(../images/menu-right-1.png) no-repeat 0 0; position: absolute; top: -17px; left: 1px; z-index: 0; }
.right-menu li.m-item1 a:hover, .right-menu li.m-item1 a.active { background-position: 0px -68px; z-index: 0; }

.right-menu li.m-item2 a { width: 130px; height: 68px; background: url(../images/menu-right-2.png) no-repeat 0 0; position: absolute; top: 44px; left: -5px; z-index: 6; }
.right-menu li.m-item2 a:hover, .right-menu li.m-item2 a.active { background-position: 0px -68px; z-index: 7; }

.right-menu li.m-item3 a { width: 158px; height: 67px; background: url(../images/menu-right-11.png) no-repeat 0 0; position: absolute; top: 106px; left: -10px; z-index: 5; }
.right-menu li.m-item3 a:hover, .right-menu li.m-item3 a.active { background-position: 0px -67px; z-index: 7; }

.right-menu li.m-item4 a { width: 146px; height: 67px; background: url(../images/menu-right-4.png) no-repeat 0 0; position: absolute; top: 164px; left: -11px; z-index: 4; }
.right-menu li.m-item4 a:hover, .right-menu li.m-item4 a.active { background-position: 0px -67px; z-index: 7; }

.right-menu li.m-item5 a { width: 135px; height: 67px; background: url(../images/menu-right-5.png) no-repeat 0 0; position: absolute; top: 227px; left: -11px; z-index: 3; }
.right-menu li.m-item5 a:hover, .right-menu li.m-item5 a.active { background-position: 0px -67px; z-index: 7; }

.right-menu li.m-item6 a { width: 141px; height: 68px; background: url(../images/menu-right-6.png) no-repeat 0 0; position: absolute; top: 345px; left: -6px; z-index: 2; }
/*.right-menu li.m-item6 a { width: 141px; height: 68px; background: url(../images/menu-right-6.png) no-repeat 0 0; position: absolute; top: 289px; left: -10px; z-index: 2; }*/
.right-menu li.m-item6 a:hover, .right-menu li.m-item6 a.active { background-position: 0px -68px; z-index: 8; }

.right-menu li.m-item7 a { width: 127px; height: 102px; background: url(../images/menu-right-7.png) no-repeat 0 0; position: absolute; top: 630px; left: 12px; z-index: 5; }
.right-menu li.m-item7 a:hover, .right-menu li.m-item7 a.active { background-position: 0px -102px; z-index: 8; top: 630px;}

.right-menu li.m-item8 a { width: 147px; height: 68px; background: url(../images/menu-right-8.png) no-repeat 0 0; position: absolute; top: 408px; left: -3px; z-index: 1; }
/*.right-menu li.m-item8 a { width: 147px; height: 68px; background: url(../images/menu-right-8.png) no-repeat 0 0; position: absolute; top: 351px; left: -7px; z-index: 1; }*/
.right-menu li.m-item8 a:hover, .right-menu li.m-item8 a.active { background-position: 0px -68px; z-index: 8; }

.right-menu li.m-item9 a { width: 153px; height: 68px; background: url(../images/menu-right-12.png) no-repeat 0 0; position: absolute; top: 473px; left: 2px; z-index: 2; }
/*.right-menu li.m-item9 a { width: 153px; height: 68px; background: url(../images/menu-right-12.png) no-repeat 0 0; position: absolute; top: 410px; left: 2px; z-index: 2; }*/
.right-menu li.m-item9 a:hover, .right-menu li.m-item9 a.active { background-position: 0px -68px; z-index: 9; }

.right-menu li.m-item12 a { width: 137px; height: 68px; background: url(../images/menu-right-13.png) no-repeat 0 0; position: absolute; top: 287px; left: -8px; z-index: 3; }
.right-menu li.m-item12 a:hover, .right-menu li.m-item5 a.active { background-position: 0px -68px; z-index: 7; }


.right-menu .chat-cloud { width: 113px; height: 87px; background: url(../images/chat-cloud.png) no-repeat 0 0;  position: absolute; top: 543px; left: 31px; z-index: 1; display: none; }
.right-menu .chat-cloud ul { padding: 0px; margin: 5px 0 0 13px; }
.right-menu .chat-cloud ul li { font-size: 0.73em; }
.right-menu .chat-cloud ul li span{ color: #880e94; text-decoration: underline; margin-right: 2px; }

.bottom-menu { dispaly: block; height: 100px; position: absolute; bottom: 101px; left: 162px; }
.bottom-menu a{ display: block; float: left; background: url(../images/bottom-menu.png) no-repeat 0 0; }
.bottom-menu #b-link-1{ width: 64px; height: 27px; margin: 23px 0 0 6px; }
.bottom-menu #b-link-2{ width: 55px; height: 22px; background-position: -65px 0; margin: 42px 0 0 9px; }
.bottom-menu #b-link-3{ width: 55px; height: 20px; background-position: -121px 0; margin: 54px 0 0 13px; }

.kita-img-bottom { background: url(../images/kita-bottom.png) no-repeat scroll 46px 17px; width: 232px; height: 199px; position: absolute; bottom: 190px; right: 45px; z-index: 1;  }


/*-------------------------------*/
.dynamic-block { width: 595px; display: none; }
.dynamic-block .db-top { height: 11px; background: url(../images/dynamic-block-tb.png) no-repeat top; }
.dynamic-block .db-bottom { height: 11px; background: url(../images/dynamic-block-tb.png) no-repeat bottom; }
.dynamic-block .db-content { background: #feddeb; padding: 0px 11px; }

/*events*/
.event-list { padding: 0 0 0 0; margin: 0 0 0 0; }
.event-list li { position: relative; border-bottom: 1px dotted #E4B2E4; }
.event-list li .time { position: absolute; top: 10px; right: 45px; color: #c15289; }
.event-list li .close { background: url("../images/b-exit.png") no-repeat; display:block; height:22px; position:absolute; right: 10px; top: 6px; width:21px; }

.event-list li .title { margin: 0 0 10px 0;  width: 520px; }
.event-list li .title a.link { display: block; float: left; line-height: 22px; margin-left: 5px; }
.event-list li .title b { display: block;  float: left;  line-height: 22px; margin: 0 7px 0 7px; color: #c15289; }
.event-list li { list-style: none; padding: 0 0 20px 0; margin: 0 0 0 0; }
.event-list li.post table { width: 520px; }
.event-list li.post table .img { width: 1px; }
.event-list li.post .date { color: #cc99cc; margin-bottom: 10px; }
.event-list .gallery-comment table { width: 520px; }
.event-list .gallery-comment table .text { padding-right: 10px; }
.event-list .gallery-comment .img { width: 1px; }
.event-list .gallery-comment .event-photo-list {margin-left: 0px;}
.event-list .gallery-comment .event-photo-list li {float: left; border: none; padding: 5px;}
.event-list .gallery-comment .event-photo-list li .photo-image{width: 150px; height: 113px; overflow: hidden; margin: 0px 2px; text-align: center;}

/*gadalka*/
.gadalka p { color: #880e94; }
.gadalka .actions { padding: 0 135px 0 0; margin-top: 20px; }
.gadalka .b-gadalka { display: block; width: 180px; height: 54px; background: url("../images/b-gadalka.png") no-repeat; margin-left: 15px; float: right; color: #fff; padding: 16px 0 0 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; }

.block-header { padding-right: 20px; cursor: pointer; }
.block-header:hover, .block-header.marker { background: url("../images/pensil1.png") no-repeat right; }

/*wall*/
.wall { margin-top: 50px; }
.form-wall { float: right; //width: 350px; }
.form-wall .rosy-block { width: 350px; margin: 10px 0; }
.form-wall .rosy-block .text { padding: 1px; }
.form-wall textarea { height: 70px; width: 325px; font-size: 12px; }
.form-wall .b-func1 { float: right; }
.wall .buttons .b-func1 { margin-left: 5px; }
.wall-list { padding: 5px 0; } 
.wall-list li{ margin: 10px 0; list-style-type: none; border-bottom: 1px dashed rgb(204, 153, 204); }
.wall-list li table { margin-bottom: 20px; }
.wall-list .author { width: 200px }
.wall-list .author a.image { display: block; float: left!important; }
.wall-list .author .info { float: left; padding: 0 0 0 10px; }
.wall-list td { vertical-align: top; }
.wall-list .action { margin: 10px 0 0 0; }

/*clip*/
.clip { position: absolute; display: block; z-index: 1; }
.clip.present { background: url("../images/c-present.png") no-repeat; width: 47px; height: 80px; left: 290px; top: 4px; }
.clip.present:hover { background-position: -54 0px; }

/*present*/
.small-present-flash { position: absolute; right: 56px; bottom: 28px; }

#comment_sort_block {}

/*chat*/
.chat-field { width: 331px; height: 472px; background: url("../images/bg-chat.png") no-repeat; position: absolute; top: 470px; right: -10px; z-index: 100; display: none; }
.chat-field .b-exit { width: 21px; height: 22px; position: absolute; top: 8px; right: 13px; background: url("../images/b-exit.png") no-repeat; display: block; }
.chat-field .v-tabs a { display: block; position: absolute; background: url("../images/chat-v-tabs.png"); }
.chat-field .v-tabs .tab1 { width: 13px; height: 78px; background-position: 0 0; top: 120px; right: 8px; }
.chat-field .v-tabs .tab2 { width: 17px; height: 105px; background-position: -33px 105px; top: 103px; right: 7px; }
.chat-field .v-tabs .tab3 { width: 13px; height: 28px; background-position: -94px 0; top: 50px; right: 9px; }

.chat-field .h-tabs { position: absolute; top: 12px; left: 50px; width: 210px; height: 27px; overflow: hidden; padding: 0px; }
.chat-field .tab { display: block; margin: 0px; padding: 0; width: 1900px; }
.chat-field .tab li { float: left; list-style: none; display: block; text-align: center; width: 106px; height: 27px; line-height: 27px; padding: 0; margin: 0; cursor: pointer; position: relative; overflow: hidden; }
.chat-field .tab li:hover, .chat-field .tab li.active { background: url("../images/bg-chat-tab.png") no-repeat; }
.chat-field .tab li .exit { width: 7px; height: 7px; position: absolute; top: 5px; right: 5px; }
.chat-field .tab li:hover .exit, .chat-field .tab li.active .exit { background: url("../images/i-chat-exit.gif") no-repeat; }
.chat-field .tab .new-mess { width: 13px; height: 9px; position: absolute; top: 3px;  left: 3px; background: url("../images/i-mess.gif") no-repeat; display: none; }
.chat-field .tab .new-mess.is { display: block; }
.chat-field .pre { position: absolute; top: 14px; left: 18px; width: 14px; height: 19px; background: url("../images/i-chat-pre.png") no-repeat; }
.chat-field .next { position: absolute; top: 14px; right: 45px; width: 15px; height: 19px; background: url("../images/i-chat-next.png") no-repeat; }
.chat-field .mess-field { width: 275px; margin: 50px 0 0 12px; }
.chat-user-list { padding: 0; margin: 0; height: 340px; overflow-x: hidden; }
.chat-user-list li { padding: 0; margin: 0; list-style: none; padding-bottom: 10px; }
.chat-user-list td { vertical-align: top; } 
.chat-user-list .image { width: 1%; }
.chat-user-list .info { padding-left: 10px; }
.chat-user-list .actions { text-align: right; padding-right: 10px; }
.chat-user-list b { display: block; color:#76297E; }
.chat-user-list strong { display: block; color:#A685AA; font-style:italic; }
.chat-search-form { margin-bottom: 20px; }
.chat-search-form .b-func1 { float: right; }
.chat-search-form .form-input { float: right; width: 140px; margin-right: 10px; }
.chat-search-form .form-input input { width: 125px }
.chat-field .message-field{ background: url("../images/bg-chat-message-field.gif") no-repeat; width: 282px; height: 228px; overflow-y: auto; overflow-x: hidden; }
.chat-field .message-input-field { width: 282px; height: 124px; margin-top: 0px; margin-left: 10px; }
.chat-field .message-input-field textarea { width: 270px; height: 90px; font-size: 12px; }
.chat-field .mess-content { display: none; }
.chat-field .mess-content.open { display: block; }
.chat-field h2 { font-size: 1.0em; margin: 5px 0 10px 10px; overflow: hidden; }
.chat-field .mess-content .actions { height: 30px; position: relative; }
.chat-field .mess-content .actions .b-func3 { float: right; margin-top: -5px; margin-left: 8px; }
.chat-field .message-field ul { padding: 0; margin: 10px 0 0 10px; width: 260px; }
.chat-field .message-field li { padding: 0; list-style: none; margin-bottom: 5px; }
.chat-field .message-field .info { height: 20px; background-color: #f8e6ef; margin-bottom: 5px; }
.chat-field .message-field .info.two { background-color: #fff; border: #800d8b 1px dotted; }
.chat-field .message-field .info .login { float: left; line-height: 20px; margin-left: 10px;  }
.chat-field .message-field .info .date { float: right; line-height: 20px; margin-right: 10px; }
.chat-field .message-field .message { margin-left: 10px; }

/*horoscope*/
.signo-list-header {border-bottom: 1px dotted #E4B2E4; margin: 0 0 15px 0;}
.signo-list td {padding: 0 0 15px 0;}
.signo-list .signo-desc, .selected-signo .signo-desc {color: #76297E; padding: 0 20px 0 10px; vertical-align: top; line-height: 110%;}
.signo-desc .signo-name {display: block; font-weight: bold;}
.selected-signo h2 {display: block;}
.selected-signo .signo-date {color: #c15289;}

/*group*/
.group-list { margin: 20px 0 0 0; padding: 0; }
.group-list li{ list-style: none; border-bottom: 1px dotted #e4b2e4; padding: 0 0 15 0; margin: 0 0 10px 0 }
.group-list .img{ float: left; margin-right: 20px; width: 160px; text-align: left;}
.group-list .img a { position: relative; display: block; float: left; }
.group-list .img .i-manager { position: absolute; bottom: 0; right: 0px; width: 42px; height: 20px; background: url("../images/i-manager.png") no-repeat; }

.group-list .content { position: relative; float: left;}
.group-list .content td label, .group-inside .top-block .content td label {font-weight: bold; color: #A685AA;}
.group-list .content td .desc, .group-inside .top-block .content td .desc {padding-top: 20px; color: #B06ABA;}
.group-list .content .info, .group-inside .top-block .content .info {color: #8b7e88;}
.group-list .actions {float: left;}
.group-list .actions a {display: block; margin: 2px 0;}

.group-inside .top-block h2 {color: #61086A; text-transform: none; font-size: 1.6em; font-weight: bold;}
.group-inside .top-block .img { float: left; margin-right: 10px; width: 160px; text-align: left;}
.group-inside .top-block .content {position: relative; float: left; width: 260px; margin-top: 20px;}
.group-inside .top-block .actions {margin-right: 70px; position: relative;}
.group-inside .top-block .actions .b-func2 {margin: 5px 5px;}
.group-inside .top-block .group-lock { background: url("../images/group-lock.png") no-repeat; width: 47px; height: 25px; position: absolute; bottom: 0px; right: 0px; display: block;  }
.group-inside .span-text {color: #61086A; text-align: center; display: block;}

.group-inside .group-theme-list {padding: 0px;}
.group-inside .group-theme-list li {background: url("../images/group-theme-heart.png") no-repeat 0 0; list-style: none; border-bottom: 1px dotted #e4b2e4; padding: 0 0 10px 45px;}
.group-inside .group-theme-list li .theme {color: #a685aa;}
.group-inside .group-theme-list li .theme td {vertical-align: top;}
.group-inside .group-theme-list li .theme h3 {disply: inline; font-size: 16px; float: none;}
.group-inside .group-theme-list li .theme .theme-title {margin-bottom: 20px;}
.group-inside .group-theme-list li .theme .theme-title a {color: #76297E; font-size: 16px; font-weight: bold;}
.group-inside .group-theme-list li .theme .theme-comments {float: left; margin-right: 80px;}

.group-inside .theme-info .theme-date {color: #B06ABA;}
.group-inside .theme-info .theme-text {text-indent: 20px;}
.invite_friends .friend_list {overflow: auto; height: 283px;}
.theme-info .actions { /*height: 50px;*/ }


/*story*/
.story-list { margin: 20px 0 0 0; padding: 0; }
.story-list li{ list-style: none; border-bottom: 1px dotted #e4b2e4; padding: 0 0 15 0; margin: 20px 0 10px 0 }
.story-list .img{ float: left; margin-right: 20px; width: 160px; text-align: left;}
.story-list table { color: #B06ABA}
.story-list table .intro{ color: black}
.story-list table .title{ font-size: 1.6em; font-weight: bold; color: #61086A;}
.story-list table a {text-decoration: none;}

.story-inside .img{ float: left; margin-right: 20px; text-align: left;}
.story-inside .date {color: #B06ABA}

#b-board { display: block; width: 150px; height: 112px; background: url("../images/b-board.png") no-repeat; position: absolute; top: 560px; left: 38px; z-index: 2;  }

.spam-button {}
.blog-show .spam-button .b-func1 {left: 0; right: auto; top: 0;}
.spam-user-post, .spam-user-photo, .spam-user-theme {position: relative;}
.spam-user-post .spam-button .b-func1 {top: 10px;}
.spam-user-photo .spam-button .b-func1 {top: 10px; position: absolute; left: 0;}
.spam-user-theme .spam-button .b-func1 {top: 0; position: absolute; left: 0;}
.spam-button * {float: left;}
.spam-button img {position: relative; top: 7px; left: 2px; display: none; margin-right: 5px;}
.spam-button img.link {top: 0px;}
.spam-button .text {padding: 0 10px;}

.comment-link-block {background: #feddeb; padding: 10px; display: none; font-size: 12px!important;}

.footer-links { /*position: absolute; bottom: 187px; left: 233px;*/ /*height: 130px;*/ width: 577px; margin: 50px 0 150px 0; text-align: center;}
.footer-links a { display: inline-block; text-decoration: none; color: #632767; font-weight: bold; margin-right: 44px; line-height: 40px;}
.footer-links .footer-link1 {color: #a380a6; font-size: 16px; }
.footer-links .footer-link2 {font-size: 18px;}
.footer-links .footer-link3 {font-size: 24px;}
.footer-links .footer-link4 {color: #dbcddc; font-size: 12px;}
.footer-links .footer-link5 {color: #a683a8; font-size: 15px;}
.footer-links .footer-link6 {font-size: 28px;}
.footer-links .footer-link7 {color: #a380a5; font-size: 12px;}

/*konkurs*/
.konkurs-presents { margin: 20px 0; display: block; padding: 0; }
.konkurs-presents .corner-border {background: #f7d5e5; width: 160px; padding: 3px; border: none; height: auto;}
.konkurs-presents li { width: 170px; float: left; padding: 0; margin: 0 35px 10px 0; height: 250px; position: relative; list-style: none; }
.konkurs-presents li img, .konkurs-presents li canvas { /*border: 2px solid #c13e82;*/ cursor: pointer!important; }
.konkurs-presents .info { margin-top: 7px; color: #660066; margin-right: 10px; }
.konkurs-presents .control { float:left; margin-right: 5px; padding-top: 2px;  }
.konkurs-presents .text { float:left; width: 130px; }
.konkurs-presents .star { position: absolute; width: 70px; height: 68px; background: url("../images/star3.png") no-repeat; top: -31px; right: -23px; color:#C13E82; text-align:center;}
.konkurs-presents .star div {font-size: 17px; font-weight: bold; line-height: 17px; margin-top: 24px;}
.konkurs-presents .star span {font-size: 9px;}
h2.crown { background: url("../images/i-crown.png") no-repeat; padding-left: 50px; height: 28px; padding-top: 5px; }
.kp-body { color: #61086A; font-size: 12px; }
.kp-body h2 { color: #61086A; margin-bottom: 20px; }

/*registration*/
.reg-form {position: relative; padding: 110px 80px 0 100px; color: #660066!important;}
.reg-form .reg-top {background: url("../images/reg-top.png") no-repeat; width: 583px; height: 95px; position: absolute; top: 0px; left: 0px; _left: -100px; /*z-index: 1;*/}
.reg-form .reg-step {display: none;}
.reg-form .reg-step0 {display: block;}
.reg-form .reg-step table td {color: #660066;}
.reg-form .reg-body-popup {background: url("../images/reg-body.png") no-repeat; width: 550px; height: 447px; position: absolute; top: 28px; left: 18px; display: none; _left: -82px; /*z-index: 1;*/}
.reg-form .reg-body-popup .popup-exit {background: url("../images/b-exit.png") no-repeat; width: 22px; height: 21px; position: absolute; top: 21px; right: 18px; display: block; z-index: 1;}
.reg-form .reg-body-popup .popup-body {margin: 82px 49px 0 82px;}
.reg-form .agreement {height: 205px; overflow-y: scroll; margin-bottom: 30px; color: #660066!important;}
.reg-form .agreement * {color: #660066!important;}
.reg-form .agreement-check {display: none;}
.reg-main-form th {text-align: left; width: 190px; vertical-align: top;}

/*custom-ui*/
.kita-select, .kita-select-avatar {padding: 5px 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff!important; border: 1px solid #BD96BE!important; color: #B06ABA!important;}
.ui-widget-content { border: 1px solid #BD96BE!important; color: #B06ABA!important; }
.ui-selectmenu-menu li a {color: #B06ABA!important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #BD96BE!important; background: #f1e7f0!important; }
.ui-autocomplete {z-index: 1200!important;}

/*concert*/
.concert-vin-list {  }
.concert-vin-list h3 { float:none; margin: 10px 0; display: block; }
.concert-vin-list .card { width: 150px; background: url("../images/concert/i-card.png") no-repeat 10px 35px; padding: 10px 0 10px 50px; overflow: hidden; position:relative; }
.concert-vin-list .card .num { color: #8b4a92; position: absolute; top: 35px; left: 10px; font-weight: bold; text-align:center; width: 34px; height: 29px; line-height: 29px;}
.concert-vin-list .card.top { background: url("../images/concert/i-card-top.png") no-repeat left center;  }
.concert-vin-list .card .field { background: #f8edf5; padding: 10px 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.concert-vin-list .card .avatar { float: left; }
.concert-vin-list .card .nik { float: left; margin-left: 10px; padding-top: 10px;  }

/*sox*/
.sox {background: url("../images/sox.png") no-repeat; width: 46px; height: 99px; position: absolute; top: 22px; left: 347px; display: block; z-index: 1;}
.sox-big {background: url("../images/sox-big.png") no-repeat; width: 80px; height: 85px; position: absolute; bottom: 36px; right: 50px; display: block; z-index: 1;}

/*snow*/
.snow-slider {background: url("../images/snow-slider-bg.png") no-repeat; width: 43px; height: 153px; position: absolute; top: -93px; left: 0; padding: 11px; z-index: 1;}
.snow-slider div {position: relative; margin-right: 3px; background: url("../images/snow-slider-line.png") no-repeat right 0;}
.snow-slider div ul {background: url("../images/snow.png") no-repeat; width: 27px; height: 153px; list-style: none; margin: 0; padding: 0}
.snow-slider div ul li {width: 27px; height: 29px; padding-bottom: 2px; cursor: pointer;}
.snow-slider div span {display: block; position: absolute; right: 0; cursor: pointer; z-index: 2; width: 8px; height: 8px;}
.snow-slider div span.tcur {top: 0;}
.snow-slider div span.bcur {bottom: 0;}
.snow-slider div span.cur {background: url("../images/snow-slider-cur.png") no-repeat; width: 14px; height: 14px; top: 9px; right: -4px;}

/*snow2*/
.snow-slider2 { width: 50px; height: 153px; position: absolute; top: -93px; left: -30px; padding: 11px; z-index: 112;}
.color-picker { position: absolute; width: 11px; height: 79px; top: 9px; left: 20px; background: url("../images/color-line.png") }
#all-colors-button { position: absolute; width: 23px; height: 23px; background: url("../images/all-colors.png") no-repeat; left: 9px; top: 100px; cursor: pointer; }
#bulb1 { position: absolute; width: 35px; height: 35px; background: url("../images/bulb1.png") no-repeat; left: 45px; top: -9px; cursor: pointer; }
#bulb2 { position: absolute; width: 23px; height: 27px; background: url("../images/bulb2.png") no-repeat; left: 52px; top: 30px; cursor: pointer; }
#bulb3 { position: absolute; width: 21px; height: 28px; background: url("../images/bulb3.png") no-repeat; left: 53px; top: 61px; cursor: pointer; }
#off-bulb { position: absolute; width: 31px; height: 30px; background: url("../images/on-bulb.png") no-repeat; left: 49px; top: 95px; cursor: pointer; }
#off-bulb.active { background: url("../images/off-bulb.png") no-repeat; }
#bulb_menu { width: 655px; height: 80px; position: absolute; left: 367px; top: 119px; z-index: 0; }
#bulb_tree { width: 150px; height: 310px; position: absolute; left: 51px; top: 80px; z-index: 102; }
#bulb_tree1 { width: 50px; height: 200px; position: absolute; left: 6px; top: 334px; z-index: 102; }
.login-form #user-login-form { position: absolute; bottom: 40px; left: 24px; z-index: 105; }


#fireplace { width: 151px; height: 205px; position: absolute; right: -30px; top: 131px; background: url("../images/fireplace.png") no-repeat; z-index: 0; }
#shelf1 { width: 139px; height: 54px; position: absolute; background: url("../images/shelf1.png") no-repeat; top: 56px; right: -70px; }
#shelf2 { width: 53px; height: 44px; position: absolute; background: url("../images/shelf2.png") no-repeat; top: 43px; right: 325px; }
#snow_tree { width: 406px; height: 362px; position: absolute; background: url("../images/snow_tree.png") no-repeat; top: 66px; left: -14px; z-index: 101; }




.snow {background: url("../images/snow.png") no-repeat; width: 27px; height: 29px; position: absolute; z-index: 10000;}
.snow.snow1 {background-position: 0 -31px;}
.snow.snow20 {background-position: 0 -152px;}
.snow.snow21 {background-position: 0 -183px;}
.snow.snow3 {background-position: 0 -93px;}
.snow.snow4 {background-position: 0 -124px;}

.story-preview {display: none;}
.story-preview .story-text {min-height: 390px; margin: -5px 0 10px 0; overflow-y: auto; width: 576px; color: #000!important;}
.story-preview .story-text h2 {color: #61086A!important;}
.story-empty {float: right; margin: 5px 10px 5px 0; line-height: 20px; color: #8b4a92; display: none;}
.story-preview .story-agreement .checkbox {position: absolute; top: 2px; left: 0;}
.story-preview .story-agreement label {color: #B06ABA;}
.story-preview .actions {bottom: -45px!important; right: 60px!important;}

#b-board { display: block; width: 150px; height: 112px; background: url("../images/b-board.png") no-repeat; position: absolute; top: 560px; left: 38px; z-index: 2;  }

.checkbox {background: url("../images/checkbox.jpg") no-repeat; width: 13px; height: 13px; display: inline-block; cursor: pointer;}
.checkbox input {display: none;}
.checkbox.active {background-position: -13px 0;}

.favorites {display: inline-block; background: url("../images/favorites.png") no-repeat; padding-left: 25px; color: #76297e; text-decoration: underline; font-size: 12px; height: 16px;}
.favorites.active {background-position: 0 -16px; color: #f9a6ef;}

.form-table-ext th {text-align: left; vertical-align: top;}
.form-table-ext td {vertical-align: top;}

/*vote*/
.vote-field { margin: 20px 0; }
.vote-form-field { margin: 20px 0; background: #f8dafa; padding: 15px;
	border-radius: 7px;
}

/*mobile-content*/
.mobile-content { margin-top: 12px; position: relative; min-height: 800px; }
.mobile-content .block { display: none; position: absolute; top: 0; left: 0; }
.mobile-content.blocked .block { display: block; width: 100%; height: 800px; }
.mobile-content.blocked * { opacity: 0.8; }
.mobile-content .images {  }
.mobile-content .images .item { float: left; margin: 0 30px 20px 0; }
.mobile-content .images .control { margin-top: 10px; text-align: center; }

.fun-btn { display: block; position: absolute; top: 131px; left: 381px; width: 76px; height: 50px; background: url(../images/fun-but.png) no-repeat; background-position: top left; z-index: 0; }
.fun-btn:hover, .fun-btn.active { background-position: -2px -50px; }
.top-secret-btn { display: block; position: absolute; top: 91px; left: 463px; width: 150px; height: 73px; background: url('../images/top-secret-btn.png') no-repeat; background-position: top left; z-index: 0; }
.top-secret-btn:hover { background-position: -1px -73px; }
.media table {}
.media td { vertical-align: middle; height: 30px; padding-left: 13px; color: #76297e; font-size: 13px; }
.media td a { display: block; }