@import 'reset.css';

/* Global styles
----------------------------------------------- */
body    {background-color: #000; font: 62.5% Arial, sans-serif; color: #7f7f7f; padding:0 10px 4.8em;}
a:link, a:visited, a:hover, a:active    {color: #7f7f7f;}
a:hover {color: #ededed;}

#layout {min-width:808px; width: 80.8em; margin: 0 auto; position:relative;}
.big-layout #layout {min-width:960px; width: 96em;}

/* =Common block styles
----------------------------------------------- */
.block {position:relative; overflow:hidden;}
.corner {position:absolute; overflow:hidden; display:block; width:8px; height:8px;}
.corner div, .corner span {background:url(../img/corners.png) no-repeat; width:32px; height:400px; display:block; position:relative;}
.tl, .tr {top:0;}
.tl, .bl {left:0;}
.tr, .br {right:0;}
.bl, .br {bottom:0;}
.buble div {top:-92px;}
.tl div, .tr div {top:-8px;}
.tl div, .bl div {left:-8px;}
.tr div, .br div {left:0;}
.bl div, .br div {top:0;}

.border {height:16px; margin:0 16px; background-color:#191919; position:relative;}

/* =Icons
----------------------------------------------- */
.icon {position:absolute; overflow:hidden; display:block;}
.icon span, .icon a, .icon span, .icon i {background:url(../img/icons.png) no-repeat; width:300px; height:49px; display:block; position:relative;}
a.icon {cursor:pointer;}

.rss {width:20px; height:20px;}
.rss span, .rss i {left:-49px;}
.imdb {top:7px; right:7px; width:20px; height:14px;}
.imdb span {left:-71px; top:-18px;}
.utorrent {top:4px; right:36px; width:18px; height:19px;}
.utorrent span {top:-23px; left:-118px;}

.preview .comments li .icon {width:13px; height:11px; top:2px; left:12px;}
.preview .comments li .icon span {top:-32px; left:-71px;}
.database .comments li .icon {width:18px; height:13px; top:1px; left:0;}
.database .comments li .icon span {top:-13px; left:-204px;}
.database .comments li.you .icon span {top:0;}
.database .avatar {width:19px; height:15px; top:50%; left:10px; margin-top:-9px;}
.database .avatar span {left:-185px;}

.close, #header li.user-login .close {width:16px; height:16px; position:relative; display:-moz-inline-stack; display:inline-block; top:2px;}
.close span, #header li.user-login .close span {top:-23px; left:-161px;}
.remove {position:absolute; top:2.7em; right:2.2em; font-size:1.4em; padding-left:20px; display:block; z-index:10;}
.remove .close {position:absolute; top:50%; left:0; margin-top:-8px; display:block;}

.database .more .loader, .big-layout .buttons .more .loader {background:url(../img/loader2.gif) 50% no-repeat; left:10px; top:50%; margin-top:-11px; height:22px; width:22px;}
.big-layout .buttons .more .loader {background-image:url(../img/loader5.gif);}
.database .more .loader span, .big-layout .buttons .more .loader span {display:none;}
.form-element .loader {width:27px; height:27px; position:absolute; top:50%; margin-top:-12.5px; right:0.5em; z-index:2; background:url(../img/loader3.gif) no-repeat; display:none;}

/* =Bullet
----------------------------------------------- */
.bullet {position:absolute; overflow:hidden; display:block;}
.bullet span {background:url(../img/bullets.png) no-repeat; width:24px; height:70px; display:block; position:relative;}

/* =Header
----------------------------------------------- */
#header {position:relative; z-index:2; margin:2em 0;}
#header h1 {width:426px; height:211px; margin:0 auto; display:none;}
#header h1 img {width:426px; height:211px; margin:0 auto; position:absolute; z-index:3;}
#header ul {width:100%; overflow:hidden;}
#header li {float:left; margin-right:1em; position:relative;}
#header li.login, #header li.user-login, #header li.settings {float:right; margin:0 0 0 1em;}
#header li a {background-color:#333; display:block; padding:0 1.1em;}
#header li a:link, #header li a:visited, #header li a:hover, #header li a:active {color:#fff;}

#header .corner {width:5px; height:5px;}
#header .tl span, #header .tr span {top:-28px;}
#header .tl span, #header .bl span {left:-5px;}
#header .bl span, #header .br span {top:-23px;}

#header li .content {padding:0.6em 0 0.6em 28px; display:block; font-size:1.35em;}
#header li.user-login .content {padding-right:20px;}
#header li.user-login .close {right:6px; top:50%; left:auto; position:absolute; margin-top:-8px; z-index:10; cursor:pointer;}

#header li .avatar {display:block; width:22px; height:22px; position:absolute; top:50%; left:11px; margin-top:-11px;}
#header li .avatar img {display:block; width:22px; height:22px;}
#header li .avatar .corner {width:3px; height:3px;}
#header li .avatar .tl span, #header li .avatar .tr span {top:-74px;}
#header li .avatar .tl span, #header li .avatar .bl span {left:-23px;}
#header li .avatar .tr span, #header li .avatar .br span {left:-20px;}
#header li .avatar .bl span, #header li .avatar .br span {top:-71px;}

#header li .icon {top:50%; left:1em;}
#header li.top-movies .icon {width:22px; height:21px; margin-top:-10.5px;}
#header li.top-movies .icon span {left:-49px; top:-20px;}
#header li.add-movie .icon {width:23px; height:23px; margin-top:-12.5px;}
#header li.add-movie .icon span {left:-162px;}
#header li.login .icon {width:22px; height:22px; margin-top:-11px;}
#header li.login .icon span {left:-140px;}
#header li.main .icon {width:21px; height:21px; margin-top:-10.5px;}
#header li.main .icon span {left:-140px; top:-22px;}
#header li.settings .icon {width:23px; height:23px; margin-top:-12.5px;}
#header li.settings .icon span {left:-95px; top:-21px;}

#header li.your-movies .icon span {left:-203px;}
#header li.rss .icon {width:20px; height:20px; margin-top:-10px;}
#header li.rss .icon span {top:-20px; left:-31px;}

/* =Content
----------------------------------------------- */
#content {background-color:#333; padding:0 2.5em;}
.big-layout #content {padding:0 2.8em;}

h2  {font: normal 3.4em/1 Georgia, serif; color:#fff;}
h2 span {color:#ffe47f;}
h2 img  {position:relative; top:0.1em;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color:#ffe47f;}

.notice {font-size:1.7em; text-align:center; padding-bottom:1.2em; color:#777;}

/* Title */
.title {padding:2.2em 0.3em 1.5em; overflow:hidden;}
.title .steps, .title .note, .title .url {float:right; text-align:right;}
.title .note {font-size:1.2em; line-height:1.1; margin-top:0.9em;}
.title .ff-status {font-size:1.3em;}
.title .ff-status a {color:#fff; float:left; margin-right:0.4em;}
.title .ff-status a:hover {color:#eee;}
.title .status {text-align:left; padding:0.1em 0.5em; position:relative; margin-top:-0.1em; font-weight:bold; float:left;}
.title .status a {margin:0;}
.title .on {background-color:#9ace68; color:#333;}
.title .off {background-color:#747474; color:#333;}
.title .status a:link, .title .status a:visited, .title .status a:hover, .title .status a:active {color:#333; text-decoration:none;}
.title .status .corner {width:3px; height:3px;}
.title .status .tl div, .title .status .tr div {top:-74px;}
.title .status .tl div, .title .status .bl div {left:-23px;}
.title .status .tr div, .title .status .br div {left:-20px;}
.title .status .bl div, .title .status .br div {top:-71px;}
.title .url {font-size:1.2em; background:none; padding:0; top:-0.3em;}
.title .url .content {padding:0 1.3em 0 47px; background:#191919; position:relative; z-index:10;}
.title .url .corner {width:16px; height:16px;}
.title .url .tl div {top:-330px; left:0;}
.title .url .tr div {top:-330px; left:-16px;}
.title .url .bl div {top:-346px; left:0;}
.title .url .br div {top:-346px; left:-16px;}
.title .url .tl, .title .url .bl {left:-16px;}
.title .url .tr, .title .url .br {right:-16px;}

.title .avatar {float:left; margin-right:2em; position:relative;}
.title .avatar img {display:block;}
.title .avatar .corner {width:10px; height:10px;}
.title .avatar .tl div, .title .avatar .tr div {top:-139px;}
.title .avatar .tl div, .title .avatar .bl div {left:-10px;}
.title .avatar .bl div, .title .avatar .br div {top:-129px;}

.title .rss-link {float:right; margin-left:1em; width:6.5em; padding: 1.5em 1.2em 1.5em 78px; background-color:#191919;}
.title .rss-link a {font-size:1.2em; color:#fff;}
.title .rss-link a:hover {color:#eee;}
.title .rss-link .rss {width:49px; height:49px; top:50%; left:17px; margin-top:-24.5px;}
.title .rss-link .rss i {left:0;}
.title .rss-link .tl div, .title .rss-link .tr div {top:-50px;}
.title .rss-link .bl div, .title .rss-link .br div {top:-42px;}

.profile {padding:2.2em 0.3em 1.5em 8.5em;}
.profile .avatar {margin:0 0 0 -8.2em;}
.profile .avatar img {width:63px;}
.profile h2 {padding:0.1em 0 0; line-height:1.2em; margin:0; overflow:hidden;}
.profile h2 span {display:block; float:left; position:relative; color:#fff;}
.profile h2 .rss, .profile h2 .rss span {float:none;}
.profile h2 .rss {top:50%; margin-top:-6px; right:-30px; position:absolute;}
.profile .ff-status {padding-top:0.2em;}

/* Steps */
.steps {width:65px; height:14px; overflow:hidden; margin:1.6em auto 0 0;}
.steps div {background:url(../img/buttons.png) no-repeat; width:238px; height:220px; position:relative; top:-206px;}
.step1 div {left:-51px;}
.step2 div {left:-39px;}
.step3 div {left:-26px;}
.step4 div {left:-13px;}

/* Benefits */
.benefits {overflow:hidden;}
.benefits h2 {font-size:3.2em; padding:0.85em 0;}
.benefits .image {width:55%; float:left; text-align:right;}
.benefits .text {width:38%; float:right; clear:right;}
.benefits .text .share {margin:1.3em 0 1.4em; display:block; width:250px; height:76px;}
.benefits .text li {padding-left:23px; color:#fff; font:2.2em Georgia, serif; margin-bottom:0.25em; position:relative;}
.benefits .text .bullet {width:9px; height:9px; top:9px; left:2px;}
.benefits .text .bullet span {left:-7px;}
.benefits .text li.special .bullet {width:24px; height:24px; left:-7px; top:0;}
.benefits .text li.special .bullet span {left:0; top:-41px;}
.benefits .buttons {font-size:1.5em; font-style:italic !important; color:#7d7d7d; padding-bottom:2.4em; margin-top:0 !important;}
.benefits a:link, .benefits a:visited, .benefits a:hover, .benefits a:active {color:#fff;}

/* Import */
.import {overflow:hidden; position:relative; text-align:center;}
.import h2 {padding:1em 0;}
.import .image {margin-bottom:1.3em;}
.import .url-row {font-size:1.6em;}
.import .url {display:-moz-inline-stack; display:inline-block; padding:0.7em 1em 0.8em 42px; margin-left:0.1em;}
.import .url .icon {width:20px; height:20px; top:50%; left:-28px; margin-top:-10px;}
.import .url .icon i {left:-49px;}
.import p {font-size:1.4em; margin-bottom:1.7em;}
.import .steps {margin:0 auto;}
body:first-of-type .pagination .add-object .text {display:inline-table; [display:-moz-inline-stack; display:inline-block;]}

/* Url */
.url {display:block; position:relative; background-color:#191919; padding:0.8em 1.3em 0.9em 47px; margin-left:0.1em;}
.url .icon {top:50%; left:-29px; margin-top:-10px;}
.url .corner {width:16px; height:16px;}
.url .tl div, .url .tr div {top:-234px;}
.url .tl div, .url .bl div {left:-16px;}
.url .bl div, .url .br div {top:-218px;}
.url a:link, .url a:visited, .url a:hover, .url a:active {color:#ffe47f; font-weight:bold;}
.url a {position:relative;}

/* Done message */
.done {font-size:1.6em; text-align:center; margin-bottom:1.5em;}
.done .url {display:-moz-inline-stack; display:inline-block; padding:0.7em 1.3em 0.8em; margin:0 auto; background-color:#000; color:#9ACE68;}

/* Form */
.form, .page-body {background-color:#191919; padding:2em 2.4em 0; margin-bottom:1.5em;}
.form .tl div, .page-body .tl div, .form .tr div, .page-body .tr div {top:-50px;}
.form .bl div, .page-body .bl div, .form .br div, .page-body .br div {top:-42px;}
.form fieldset {margin-bottom:3em; position:relative;}
.form legend, .form p.name {font-size:2.3em; padding-bottom:0.25em;}
.form p.name b {background:#000; padding:0 0.3em;}
.form .exp {font-size:1.3em; margin-bottom:0.6em;}
.form .more {overflow:hidden; position:relative; z-index:10; top:2em; right:-2em; margin-bottom:-1em; clear:both;}
.form .more a {font-size:1.2em; display:block; padding:0.7em 25px 0.7em 0; float:right; color:#565656; position:relative;}
.form .more .icon {width:22px; height:22px; top:50%; right:0; margin-top:-11px;}
.form .more .icon i {left:-189px; top:-27px;}
.form .avatar {position:absolute; top:0.2em; right:-1em; width:13em; z-index:10;}
.form .avatar p {font-size:1.4em; text-align:center;}
.form .avatar .image, .form .avatar img {display:block; width:94px; height:95px;}
.form .avatar .image {position:relative; margin:0 auto 0.7em; color:#666; background:#000 url(../img/loader.gif) 50% no-repeat;}
.form .avatar .corner {width:10px; height:10px;}
.form .avatar .tl div, .form .avatar .tr div {top:-190px;}
.form .avatar .tl div, .form .avatar .bl div {left:-10px;}
.form .avatar .bl div, .form .avatar .br div {top:-180px;}
.form .avatar, x:-moz-any-link {top:-3em;}

/* Information */
.information {background-color:#90a06d; padding:2.4em 2.8em; margin:0.5em 0 2em; color:#000;}
.information .tl div, .information .tr div {top:-50px;}
.information .bl div, .information .br div {top:-42px;}
.information h3, .information h4 {font: normal 2.4em Georgia, serif; }
.information h3 {margin:0 0 0.43em -0.2em;}
.information h3 span {background-color:#ede0a3; padding:0 0.2em;}
.information h4 {font-size:1.7em; margin-bottom:0.7em;}
.information p {font-size:1.5em; line-height:16px; margin-bottom:1.1em;}
.information .img {float:left; margin-right:0.9em;}
.information img {border:1px solid #7f7f7f; margin-right:0.9em;}

/* Introduction */
.introduction {background:#90a06d url(../img/intro-bg.jpg) -123px 47% no-repeat; padding:2.4em 2em 2.4em 250px; margin:2.3em 0 2em; color:#000; font-family:Georgia, serif;}
.introduction .tl div, .introduction .tr div {top:-50px;}
.introduction .bl div, .introduction .br div {top:-42px;}
.introduction h3, .introduction p, .introduction li {font-size: 1.8em;}
.introduction h3 a, .introduction p a, .introduction li a {color:#000;}
.introduction h3 {font-weight: normal; background-color:#ede0a3; float:left; padding:0.1em 0.3em; margin:-0.1em 0.4em 0.6em -0.3em;}
.introduction ul {clear:both;}
.introduction li {padding-left:24px; position:relative;}
.introduction li span {font:0.7em Arial, sans-serif; white-space:nowrap;}
.introduction li span, .introduction li span a {color:#4c5439;}
.introduction li .bullet {width:9px; height:9px; top:6px; left:6px;}
.introduction li .bullet span {left:-7px;}

/* Add new movie */
.form .add-movie {padding-top:1.8em;}
.form .add-movie h3 {font-size:2.4em; font-weight:normal; margin:-0.1em 0 0.4em;}
.form .add-movie .image {width:117px; float:left;}
.form .add-movie .image img {height:150px; border:1px solid #7f7f7f;}
.form .add-movie .fields {margin-left:117px;}
.form .add-movie .row {overflow:hidden; margin-bottom:1em;}
.form .add-movie .movie-title {width:83%; float:left;}
.form .add-movie .year {width:16%; float:right; clear:right;}
.form .add-movie label {font-size:1.2em; margin-bottom:0.3em; display:block;}
.form .add-movie .form-element {margin:0;}

/* Sharing options */
.sharing li {overflow:hidden; margin-top:0.5em;}
.sharing label {font-size:1.8em; margin-top:0.5em; display:block; color:#7d7d7d;}
.sharing .on .radio {background-color:#98cc76;}
.sharing .on label {color:#ccc;}
.sharing .off .radio {background-color:#997ab8;}
.sharing .off label {color:#666;}

/* Advansed options */
.options {overflow:hidden; padding-top:1.1em; margin-bottom:-3.1em;}
.options dl {overflow:hidden; margin-bottom:1.6em;}
.options dt {display:block; width:16em; border-bottom:2px dotted #666; color:#666; float:left;}
.options dt label {background-color:#191919; font-size:1.6em; display:block; padding-right:0.3em; position:relative; top:0.4em; float:left;}
.options dd {margin-left:16.5em;}
.options dd .form-element {margin:0 0.7em 0 0; float:left; width:85%;}
.options dd .month {width:12em;}
.options dd .day {width:3.7em;}
.options dd .year {width:5.6em;}
.options dd .poster {width:55%;}
.options dd .trailer {width:75%;}
.options .video {padding:2.2em 0 2.1em; margin-left:-16.5em;}
.options .tubes {margin-left:-16.5em;}
.options .tubes li {display:-moz-inline-stack; display:inline-block; width:124px; padding:1.1em 1.4em; position:relative; text-align:center; vertical-align:top;}
.options .tubes li a {display:block; background-color:#fff; padding:1px; border:1px solid #737373;}
.options .tubes li a.name {display:block; background:none; padding:0; margin-top:0.4em; border:none; font-size:1.1em;}
.options .tubes li img {width:120px; display:block;}
.options .tubes li .corner {display:none;}
.options .tubes li.active {background-color:#7c8c4e;}
.options .tubes li.active a.name {color:#fff;}
.options .tubes li.active dd a {background-color:#000; text-decoration:underline;}
.options .tubes li.active .corner {display:block; width:5px; height:5px;}
.options .tubes li.active .tl div, .options .tubes li.active .tr div {top:-74px;}
.options .tubes li.active .tl div, .options .tubes li.active .bl div {left:-5px;}
.options .tubes li.active .bl div, .options .tubes li.active .br div {top:-69px;}
.options .search-tube {text-align:center; margin:0.6em 0 0 -16.5em;}
.options .search-tube a {font-size:1.4em;}

.options .gender li {float:left; margin-right:2em;}
.options .gender label {font:1.6em/2 Georgia, serif; color:#7d7d7d;}
.options .gender li.active label {color:#ededed;}
.options .gender li.active .radio {background-color:#fff;}
.options .error {clear:both; float:left; width:80.4%; margin:0 0 0.5em; position:relative; top:0.5em;}

.poster-img img {height:150px; border:1px solid #7f7f7f; margin:0.6em 0 0 0.6em;}

/* Personal data form styles */
.personal {position:relative;}
.personal dt {width:18em;}
.personal dt label {font-size:1.8em;}
.personal dd {margin-left:18.6em;}
.personal dd .form-element {width:60%;}
.personal dd p {font-size:1.2em; clear:both; padding-top:0.5em;}
.personal .row {padding:1.8em 0 1.5em;}
.personal .error {clear:both; float:left; width:24.3em; margin:0 0 0.5em; position:relative; top:0.5em;}
.personal select {font:1.65em Georgia, serif; position:relative; top:0.25em; margin-bottom:0.4em; height:1.7em;}
.personal select option {padding-right:0.5em;}

/* Video */
.video {padding:1.2em 0 2.2em; text-align:center;}

/* Movies list */
.movies {overflow:hidden;}
.movies ol {margin:0 -1.5em 0 0;}
.movies li {display:-moz-inline-stack; display:inline-block; position:relative; width:17.85em; vertical-align:top; margin:0 1.2em 1.5em 0; background-color:#191919;}
.movies li .tl div, .movies li .tr div {top:-50px;}
.movies li .bl div, .movies li .br div {top:-42px;}

.movies dl {display:block; margin:0 auto; padding:1.5em 1em;}
.movies dt, .movies dd {margin:0 auto; display:block; text-align:center;}
.movies dt {display:table-cell; height:160px; vertical-align:middle; width:200px; vertical-align:middle; position:relative;}
.movies dt img { display:block; margin:0 auto; height: 150px; }
.movies dt a {border:1px solid #7f7f7f; margin:0 auto; display:-moz-inline-stack; display:inline-block; position:relative;}
.movies dt .loading {height:150px; width:100px; background:#000 url(../img/loader.gif) 50% no-repeat;}
.movies dd {font-size:1.1em; margin-top:6px; line-height:14px;}
.movies dd a:link, .movies dd a:visited, .movies dd a:hover, .movies dd a:active {color:#c3a9df; text-decoration:none;}
.movies dd a:hover {text-decoration:underline;}
.movies .play, .movies .stop {top:73px; margin:0 0 0 -21px; border:none !important; position:absolute;}

.movies li.active {background-color:#697b3d;}
.movies li.active dd a {background-color:#000; text-decoration:underline;}
.movies li.active .imdb {display:block;}
.movies li.hidden, .movies li .imdb {display:none;}

html:first-child .movies dt {height:152px; font-size:133.5px; display:block; width:100%; position:relative;}
html:first-child .movies .play, html:first-child .movies .stop {font-size:1em; top:50%; margin:-20px 0 0 -21px; z-index:100;}
html:first-child .movies dt a {border:none;}
html:first-child .movies dt .loading, html:first-child .movies dt img {border:1px solid #7f7f7f;}

.movies .more {margin-top:0.2em; padding:0.8em 1.3em; float:left; position:relative; background-color:#191919;}
.movies .more a {font-size:1.3em; font-style:italic; color:#fff;}
.movies .more .corner {width:5px; height:5px; z-index:10;}
.movies .more .tr div, .movies .more .br div {left:-22px;}
.movies .more .tl div, .movies .more .tr div {top:-50px;}
.movies .more .tl div, .movies .more .bl div {left:-27px;}
.movies .more .bl div, .movies .more .br div {top:-45px;}

.movies .buttons {clear:none; padding:0.7em 0 1.8em !important; float:right;}
.movies .buttons .prev-step, .movies .buttons .next-step {width:auto; float:none; margin:0; right:-0.3em;}
.movies .buttons .next-step {left:auto; right:-0.6em;}

.movies .corner {z-index:11;}
.movies .positions {position:absolute; top:0; right:0; z-index:10;}
.movies .positions span {padding:0 3px; font-size:1.1em; line-height:24px; width:32px; height:32px; display:block; color:#191919; text-align:right;}
.movies .positions .new {background:url(../img/new-bg.png) 100% 100% no-repeat;}
.movies .positions .pos {background:url(../img/pos-bg.png) 100% 100% no-repeat; padding-right:5px; width:30px;}
.movies .positions .neg {background:url(../img/neg-bg.png) 100% 100% no-repeat; padding-right:5px; width:30px;}

.big-layout .movies ol {margin-bottom:2em;}
.big-layout .movies li {width:16.9em;}
.big-layout .movies .close {display:none; top:0; right:0; position:absolute;}
.big-layout .movies li.active {background:none;}
.big-layout .movies li.active .close {display:block;}
.big-layout .movies li.active dd a {background:none;}
.big-layout .movies .more {float:none; width:14.2em; margin:-1.8em auto 2em;}

/* Top movies menu */
.top-menu {overflow:hidden; margin:-1em 0 2em -1.2em; padding-top:1em;}
.top-menu li {float:left; display:block; color:#7F7F7F; font-size:1.9em; line-height:1.7; margin:0 0.68em; position:relative;}
.top-menu li.movierank {float:right; margin-right:0;}
.top-menu li.active {background-color:#191919; padding:0 0.5em;}
.top-menu li.active .corner {width:5px; height:5px;}
.top-menu li.active .tr div, .top-menu li.active .br div {left:-22px;}
.top-menu li.active .tl div, .top-menu li.active .tr div {top:-50px;}
.top-menu li.active .tl div, .top-menu li.active .bl div {left:-27px;}
.top-menu li.active .bl div, .top-menu li.active .br div {top:-45px;}
.top-menu a:link, .top-menu a:visited, .top-menu a:hover, .top-menu a:active {color:#c3a9df;}
.top-menu sub {font-size:0.4em; font-variant:small-caps; position:relative; top:-1.3em;}

/* Preview post */
.preview {background-color:#fff; overflow:visible; margin-bottom:1.5em; color:#000;}
.preview .content {padding:1.4em 2.1em 2.8em;}
.preview .profile {float:left; width:50px;}
.preview .profile img {width:50px; height:50px;}
.preview .body {border-bottom:1px solid #EEEEEE; padding:0 0 14px 63px;}
.preview .corner {width:10px; height:10px;}
.preview .tl div, .preview .tr div {top:-139px;}
.preview .tl div, .preview .bl div {left:-10px;}
.preview .bl div, .preview .br div {top:-129px;}

.preview p, .preview .comments li {font-size:1.3em; margin-top:8px;}
.preview .title {font-size:1.5em; padding:0; margin:0; background:none; line-height:19px;}
.preview .title .name {margin-bottom:2px;}
.preview .title .name a {text-decoration:none; font-weight:bold;}
.preview .title span {font-weight:bold;}
.preview .info {margin-top:2px;}
.preview .info, .preview .comments {color:#666; line-height:16px;}
.preview .info a:link, .preview .info a:visited, .preview .info a:hover, .preview .info a:active {color:#7777CC; text-decoration:none;}
.preview .info a:hover {text-decoration:underline;}
.preview .info a.date, .preview .info a.service {color:#666;}
.preview .comments a:link, .preview .comments a:visited, .preview .comments a:hover, .preview .comments a:active {color:#7777CC; text-decoration:none;}
.preview .comments a:hover {text-decoration:underline;}
.preview .comments li {padding-left:31px; position:relative;}
.preview a:link, .preview a:visited, .preview a:hover, .preview a:active {color:#0000cc;}

.preview .media {overflow:hidden; margin:5px 0;}
.preview .media .video {padding:0.4em 0 0; clear:both; text-align:left;}
.preview .media img {margin:1px; display:block;}
.preview .media .image {float:left; position:relative;}
.preview .media .image a {display:block; border:1px solid #d6d6d6;}
.preview .media .loading {height:150px; width:100px; background:#000 url(../img/loader.gif) 50% no-repeat;}
.preview .media .play, .preview .media .stop {top:50%; margin:-21px 0 0 -19px; border:none !important;}

/* Login */
.login {margin:0 -3.1em -1.1em; overflow:hidden;}
.login .corner {width:5px; height:5px;}
.login .tl div, .login .tr div {top:-74px;}
.login .tl div, .login .bl div {left:-5px;}
.login .bl div, .login .br div {top:-69px;}
.login .row {overflow:hidden; border-bottom:1px solid #333; padding:2em 3.1em 1em; margin:1px 0 -1px;}
.login .image, .login .image img {width:170px; height:75px; display:block;}
.login .image {float:left; margin:0 16px 1em 0;}
.login dt {font-size:2em; padding:0.45em 0 0.4em; color:#7f7f7f;}
.login dt a:link, .login dt a:visited, .login dt a:hover, .login dt a:active {color:#9ace68;}
.login dd p {font-size:1.2em; color:#565656;}
.login dd p a:link, .login dd p a:visited, .login dd p a:hover, .login dd p a:active {color:#565656;}
.login .openid {float:left; width:40em; margin:0 0.5em 1em 0;}
.login .reload {margin:-0.3em 0 0.7em; width:50px; height:42px;}
.login .reload span {top:-84px; left:-120px;}
.login .error {margin-left:186px; width:31.4em; position:relative; top:-0.8em; clear:both;}

.logged {margin-top:-2em; margin-bottom:0;}
.logged .row {margin:0;}
.logged dt {padding:0.65em 0 0;}
.logged dd p.name {font-size:2em; color:#9ace68;}
.logged .close {margin-left:0.2em; cursor:pointer;}
html:first-child .logged .close {margin-bottom:-1.3em; top:1.3em;}

/* Form elements */
.form-element {background-color:#fff;}
.form-element .choose {width:12px; height:8px; top:50%; right:5px; margin-top:-2px; cursor:pointer;}
.form-element .choose span {top:-18px; left:-225px;}
.form-element .corner {width:5px; height:5px;}
.form-element .buble {top:-9px; height:10px; width:20px; left:23px;}
.form-element .tl div, .form-element .tr div {top:-74px;}
.form-element .tl div, .form-element .bl div {left:-5px;}
.form-element .bl div, .form-element .br div {top:-69px;}
.form-element input.text, .form-element textarea {border:none; background:none; color:#000; font: 1.65em Georgia, serif; padding:0.4em 0.5em 0.4em; width:98%;}
.form-element textarea {color:#666; font-size:2em; font-style:italic; padding:0.6em 0.7em 0.4em; width:96%;}
.form-element .onfocus {color:#000 !important; font-style:normal !important;}
.textarea {overflow:visible; top:1.1em; margin-bottom:1.1em;}
.radio {padding:1em 1em 0.6em; float:left; background-color:#4f4f4f; margin:0 1em 0 0; width:auto !important;}
.form-element input.readonly {color:#999;}
body:first-of-type .radio {padding:1em;}

.search-text {float:left; margin-right:0.5em; width:55.8em;}
.search-text input.text {padding:0.4em 0 0.3em 0.5em; font-size:2em; color:#7f7f7f; font-style:italic; width:91%;}
.search-text .search {margin:0 !important;}

/* Buttons */
#content .buttons {font-size:1.4em; color:#7f7f7f; padding: 0.5em 0 2em; font-style:normal;}
.buttons {font-size:1.5em; font-style:italic; color:#666; text-align:center; padding:2.2em 0 1.75em; clear:both; overflow:hidden;}
.button {display:-moz-inline-stack; display:inline-block; position:relative; overflow:hidden; vertical-align:middle;}
.button span {background:url(../img/buttons.png) no-repeat; display:-moz-inline-stack; display:inline-block; width:238px; height:488px; position:relative; cursor:pointer;}
.buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active {color:#a7a7a7; font-style:normal; margin:0 0.6em 0 0.4em;}
.create-post {width:218px; height:42px;}
.create-post span {top:-42px;}
.play, .stop {display:block; width:41px; height:41px; position:absolute; top:73px; left:50%; margin-left:-20px; z-index:10;}
.play span {top:-84px; left:-170px;}
.stop span {top:-125px; left:-167px;}
.next {width:120px; height:42px;}
.next span {top:-126px;}
.back {width:84px; height:30px;}
.back span {top:-166px; left:-119px;}
.reload {width:46px; height:35px;}
.reload span {top:-126px; left:-120px;}
.change {width:108px; height:38px;}
.change span {top:-168px;}
.add {width:238px; height:42px;}
.login-save {width:206px; height:41px;}
.login-save span {top:-220px;}
.return {width:213px; height:41px;}
.return span {top:-261px;}
.search {width:145px; height:41px;}
.search span {top:-302px;}
.disabled span {top:-343px;}
.select {width:129px; height:26px;}
.select span {top:-384px;}
.save {width:90px; height:42px; float:right; top:-5px; margin-left:0.5em;}
.save span {top:-302px; left:-145px;}
.find {width:119px; height:24px;}
.find span {top:-410px;}
.share {width:181px; height:27px;}
.share span {top:-434px;}
.add-this {width:138px; height:27px;}
.add-this span {top:-461px;}

.next-step, .prev-step {width:50%; float:left; position:relative; text-align:right;}
.next-step {width:50%; float:right; clear:right; color:#d0f279; text-align:left;}
.prev-step .next span {top:-84px;}
.prev-step {top:6px; color:#787878;}
.prev-step .button {margin:0 0.3em 0 0.4em !important;}
.next-step .button {margin:0 0.6em 0 0.1em !important;}
.single .prev-step {right:-63px; top:0;}
.single .next-step {left:-63px;}

/* Attitude block */
.attitude {padding:2.4em 0 0 5em; margin-bottom:-2.3em; overflow:hidden;}
.attitude .image {background:url(../img/you.png) no-repeat; width:106px; height:115px; overflow:hidden; float:left; position:relative; top:3.3em;}
.attitude ul {float:left; width:20em;}
.attitude li {margin-bottom:0.4em; border-bottom:2px solid #191919; position:relative; top:-1px;}
.attitude li a {top:1em; z-index:10;}
.attitude li.active a {color:#000 !important; font-weight:bold;}
.attitude dt {float:left; margin-right:1em; width:auto; display:block; height:auto;}
.attitude dt div, .attitude dt a {border:2px solid; height:160px; width:110px; display:table-cell; vertical-align:middle;}
.attitude dt div.loading, .attitude dt a.loading {height:160px; width:110px; display:table-cell; vertical-align:middle;}
.attitude dd a, .attitude dd div {height:152px; display:table-cell; vertical-align:middle;}
.attitude dd div {text-decoration:none !important;}
.attitude dd {font-size:1.4em; line-height:1.2;}

html:first-child .attitude dt {width:120px;}
html:first-child .attitude dt img {border:none;}

.liked .image {background-position:0 0;}
.hate .image {background-position:-106px 0;}
.want .image {background-position:-212px 0;}
.liked li.active, .liked dt div, .liked dt a {border-color:#9ace68;}
.hate li.active, .hate dt div, .hate dt a {border-color:#d24747;}
.want li.active, .want dt div, .want dt a {border-color:#ffe47f;}

.liked dd div, .liked dd a:link, .liked dd a:visited, .liked dd a:hover, .liked dd a:active {color:#9ace68; text-decoration:underline;}
.hate dd div, .hate dd a:link, .hate dd a:visited, .hate dd a:hover, .hate dd a:active {color:#d24747; text-decoration:underline;}
.want dd div, .want dd a:link, .want dd a:visited, .want dd a:hover, .want dd a:active {color:#ffe47f; text-decoration:underline;}

.database .liked h4 a:link, .database .liked h4 a:visited, .database .liked h4 a:hover, .database .liked h4 a:active {color:#9ace68;}
.database .hate h4 a:link, .database .hate h4 a:visited, .database .hate h4 a:hover, .database .hate h4 a:active {color:#d24747;}
.database .want h4 a:link, .database .want h4 a:visited, .database .want h4 a:hover, .database .want h4 a:active {color:#ffe47f;}

/* Attitude buttons */
.button-liked, .button-hate, .button-want {color:#333 !important; font-size:1.8em; display:block; padding:0.3em 0.6em 0.38em; width:7em; position:relative; text-decoration:none; white-space:nowrap;}
.button-liked {background-color:#9ace68;}
.button-hate {background-color:#d24747;}
.button-want {background-color:#ffe47f;}
.button-liked .corner, .button-hate .corner, .button-want .corner {width:5px !important; height:5px !important;}
.button-liked .tl span, .button-liked .tr span, .button-hate .tl span, .button-hate .tr span, .button-want .tl span, .button-want .tr span {top:-74px !important;}
.button-liked .tl span, .button-liked .bl span, .button-hate .tl span, .button-hate .bl span, .button-want .tl span, .button-want .bl span {left:-5px !important;}
.button-liked .bl span, .button-liked .br span, .button-hate .bl span, .button-hate .br span, .button-want .bl span, .button-want .br span {top:-69px !important;}
/*body:first-of-type .button-liked, body:first-of-type .button-hate, body:first-of-type .button-want {padding:0.35em 0.6em 0.4em;}*/

/* Movies Database */
.database {overflow:hidden;}
.database h3 {font-size:2.1em; font-weight:normal; color:#fff; margin:0.33em 0; padding-left:0.55em;}
.database h3 .loader {background:url(../img/loader4.gif) 100% 100% no-repeat; padding:24px 30px 0 0; display:-moz-inline-stack; display:inline-block; margin-bottom:-0.2em;}
.database .filters {float:right; padding-top:1.7em; margin-bottom:2em;}
.database .filter {margin-top:2.7em; padding-left:1.9em; overflow:hidden;}
.database .filter h3 {padding-left:0;}
.database .filters li {position:relative; font-size:1.3em; float:left; clear:both; padding:0 1.4em 0 0.6em; margin:0 0 0.2em -0.6em;}
.database .filters li.active {color:#333; background-color:#fff;}
.database .filters li.excluded {color:#333; background-color:#000;}
.database .filters li.active .corner {width:3px; height:3px;}
.database .filters li.active .tl div, .database .filters li.active .tr div {top:-74px;}
.database .filters li.active .tl div, .database .filters li.active .bl div {left:-23px;}
.database .filters li.active .tr div, .database .filters li.active .br div {left:-20px;}
.database .filters li.active .bl div, .database .filters li.active .br div {top:-71px;}
.database .filters .close {width:12px; height:12px; position:absolute; top:50%; margin-top:-6px; right:3px; cursor:pointer;}
.database .filters .close span {left:-177px; top:-23px;}
.database .filters .active .close span {left:-177px; top:-35px;}
.database .filters .excluded .close {margin-top:-7px;}
.database .filters .excluded .close span {left:-189px; top:-15px;}
.database .items {margin-bottom:3.7em;}
.database .items ul {overflow:hidden; margin-top:-2px;}
.database .items li {background-color:#191919; padding:1.1em; margin:2px 0 -1px; position:relative; overflow:hidden; display:block;}
.database .items li.active {margin:8px 0;}
.database .items li.active img {display:block; width: 94px;}
.database .heading {overflow:hidden;}
.database .heading .sort {float:right;}
.database .heading h3, .database .heading p {float:left;}
.database .heading p {font-size:1.2em; margin:1.2em 0 0 0.5em;}
.database .body {margin-left:12em;}
.database .col-left {width:10.3em; float:left; position:relative;}
.database .col-left .image {float:left; position:relative; border:1px solid #7f7f7f;}
.database .col-left .loading {height:150px; width:100px; background:#000 url(../img/loader.gif) 50% no-repeat;}
.database .col-left .play, .database .col-left .stop {top:50%; margin:-23px 0 0 -21px;}

.database .items li .corner {display:none;}
.database .items li.active .corner, .database .items li.pre-active .bl, .database .items li.pre-active .br, .database .items li.post-active .tl, .database .items li.post-active .tr {display:block;}

.database .button-liked, .database .button-hate, .database .button-want {font-size:1.3em; padding:0.3em 0.6em; width:auto;}
.database .entry {position:relative;}
.database .entry .date {float:right; font-size:1.3em; margin-top:0.2em; color:#7f7f7f;}
.database h4 {font-size:1.9em; font-weight:normal; margin-bottom:0.15em;}
.database h4 a:link, .database h4 a:visited, .database h4 a:hover, .database h4 a:active {color:#cebae5; text-decoration:none;}
.database h4 a:hover {text-decoration:underline;}
.database li.active h4 {margin:0 45px 1em 0;}
.database li.active h4 a:link, .database li.active h4 a:visited, .database li.active h4 a:hover, .database li.active h4 a:active {color:#cebae5; text-decoration:underline;}
.database .video {padding:0 0 1em; text-align:left;}
.database .comments p, .database .comments li {font:1.3em Georgia, serif; color:#7d7d7d;}
.database .comments li {padding:0 0 0 33px; margin:0 0 0.9em; color:#7d7d7d;}
.database .comments li a {color:#7d7d7d;}
.database .comments li span {font:italic 0.95em Arial, sans-serif;}
.database .comments li.you {color:#fff; background-position:9px -833px;}
.database .comments li.you a {color:#fff;}
.database .comments li.hidden {display:none;}

.database .liked h4 a:link, .database .liked h4 a:visited, .database .liked h4 a:hover, .database .liked h4 a:active {color:#9ace68;}
.database .hate h4 a:link, .database .hate h4 a:visited, .database .hate h4 a:hover, .database .hate h4 a:active {color:#d24747;}
.database .want h4 a:link, .database .want h4 a:visited, .database .want h4 a:hover, .database .want h4 a:active {color:#ffe47f;}

.database .more .corner, .database .items .corner {width:8px; height:8px; z-index:10;}
.database .more .tl span, .database .more .tr span, .database .items .tl div, .database .items .tr div {top:-284px;}
.database .more .tl span, .database .more .bl span, .database .items .tl div, .database .items .bl div {left:-8px;}
.database .more .bl span, .database .more .br span, .database .items .bl div, .database .items .br div {top:-276px;}

.database .more {width:16.4em; float:none; margin:-2em 0 3em 23.5em; font-style:italic; background-color:#191919; position:relative;}
.database .more a {font-size:1.3em; color:#bebebe; padding:0.8em 1em 0.9em; display:block;}
.database .more .loader {display:none;}
.database .load {width:19em; margin-left:22.25em;}
.database .load a {padding-left:39px;}
.database .load .loader {display:block;}

.sort {font-size:1.2em; margin-top:1em;}
.sort .form-element {background-color:#747474; margin:-0.1em 0 0 0.5em; padding:0.1em 13px 0.1em 0.7em; color:#333; float:right; width:4em;}
.sort .form-element .choose {width:9px; height:5px; right:4px;}
.sort .form-element .choose span {top:-12px;}
.sort .form-element .corner {width:3px; height:3px;}
.sort .form-element .tl div, .sort .form-element .tr div {top:-74px;}
.sort .form-element .tl div, .sort .form-element .bl div {left:-23px;}
.sort .form-element .tr div, .sort .form-element .br div {left:-20px;}
.sort .form-element .bl div, .sort .form-element .br div {top:-71px;}

.your-att {font-size:1.3em; background-color:#2d2d2d; margin-bottom:1.7em;}
.your-att .button-liked, .your-att .button-hate, .your-att .button-want {display:-moz-inline-stack; display:inline-block; font-size:1em; font-weight:bold; padding:0.2em 0.6em 0.2em; margin:0 0.3em;}
.your-att .edit {right:10px; top:50%; margin-top:-6px; z-index:10; position:absolute; width:11px; height:11px;}
.your-att .edit span {top:-38px; left:-84px;}
.your-att .tl div, .your-att .tr div {top:-308px !important;}
.your-att .bl div, .your-att .br div {top:-300px !important;}
.your-att .content {padding:0.7em 32px 0.7em 34px;}

.database .button-liked .corner, .database .button-hate .corner, .database .button-want .corner {width:3px !important; height:3px !important; display:block !important;}
.database .button-liked .tl span, .database .button-liked .tr span, .database .button-hate .tl span, .database .button-hate .tr span, .database .button-want .tl span, .database .button-want .tr span {top:-74px !important;}
.database .button-liked .tl span, .database .button-liked .bl span, .database .button-hate .tl span, .database .button-hate .bl span, .database .button-want .tl span, .database .button-want .bl span {left:-23px !important;}
.database .button-liked .tr span, .database .button-liked .br span, .database .button-hate .tr span, .database .button-hate .br span, .database .button-want .tr span, .database .button-want .br span {left:-20px !important;}
.database .button-liked .bl span, .database .button-liked .br span, .database .button-hate .bl span, .database .button-hate .br span, .database .button-want .bl span, .database .button-want .br span {top:-71px !important;}

html:first-child .database .filters {width:13em;}
html:first-child .database .more a {display:block; width:10em;}

/* Single database item block */
.full_info {display:none;}
.single-item {padding:0; margin:-0.7em -1em 1.3em;}
.single-item .loader {text-align:center; height:364px; width:100%; background:url(../img/loader-32.gif) 50% no-repeat; text-indent:-9999em; clear:both;}
.single-item .video {float:left; padding:0;}
.single-item .video object {display:block;}
.single-item .video .empty {border:1px solid #7f7f7f; background-color:#000; text-align:center; height:283px; width:343px; line-height:283px; font-size:1.6em;}
.single-item .video .empty .options {line-height:normal; font-size:0.5em; text-align:left; padding:132px 0 0 1.5em;}
.single-item .video .empty .options dl {margin-bottom:0;}
.single-item .video .empty .options dt {width:auto; border-bottom:none; color:#666; float:none;}
.single-item .video .empty .options dt label {background-color:#000; font-size:2em; padding:0 0 0.5em; top:0; float:none;}
.single-item .video .empty .options dd {margin-left:0;}
.single-item .video .empty .options dd .form-element {margin:0 0.7em 0 0; float:left; width:85%;}

.single-item .body {margin-left:372px;}
.single-item .entry {padding-top:0.9em;}
.single-item .entry h4 {font-size:2.1em; margin:0 45px 0.85em 0;}
.single-item .entry h4 a {color:#cebae5; text-decoration:underline;}

.single-item .att {margin-top:0.7em;}
.single-item .att .icon {width:26px; height:21px; position:relative; float:left; margin:0.45em 0 0;}
.single-item .att .liked .icon span, .single-item .att .want .icon span {left:-246px;}
.single-item .att .want .icon span {top:-21px;}
.single-item .att .hate .icon span {left:-272px;}
.single-item .att ul {overflow:hidden;}
.single-item .att li {float:left; margin-right:1.7em;}
.single-item .att li .count {float:left; margin-right:0.1em; font-size:2.8em;}
.single-item .att li.liked .count {color:#9ace68;}
.single-item .att li.hate .count {color:#d24747;}
.single-item .att li.want .count {color:#ffe47f;}
.single-item .att .button-liked, .single-item .att .button-hate, .single-item .att .button-want {float:left; margin-top:0.3em; margin-left:6px;}
body:first-of-type .single-item .att .button-liked, body:first-of-type .single-item .att .button-hate, body:first-of-type .single-item .att .button-want {padding-top:0.3em; [padding-top:0.35em; padding-top:0.35em;]}

.single-item .your-att .button-liked, .single-item .your-att .button-hate, .single-item .your-att .button-want {padding:0.3em 0.6em;}

.single-item .your-att {padding:0; margin-bottom:1em; background:none; font-size:1.7em; background:none;}
.single-item .your-att span {color:#7f7f7f; font-size:0.7em;}
.single-item .your-att span.value {font-size:1em;}
.single-item .your-att .avatar, .single-item .your-att .avatar img {width:22px; height:22px;}
.single-item .your-att .avatar {float:left; margin:0 0.5em 0 0; top:0; left:0; position:relative !important;}
.single-item .your-att .avatar img {display:block;}
.single-item .your-att .avatar .corner {width:3px; height:3px;}
.single-item .your-att .avatar .tl div, .single-item .your-att .avatar .tr div {top:-28px !important;}
.single-item .your-att .avatar .tl div, .single-item .your-att .avatar .bl div {left:-27px;}
.single-item .your-att .avatar .tr div, .single-item .your-att .avatar .br div {left:-24px;}
.single-item .your-att .avatar .bl div, .single-item .your-att .avatar .br div {top:-25px !important;}
.liked .value {color:#9ACE68 !important;}
.want .value {color:#FFE47F !important;}
.hate .value {color:#D24747 !important;}

.single-item .comments li {position:relative; font-size:1.1em; padding-left:26px; margin-bottom:0.8em;}
.single-item .comments li .icon {left:0;}
.single-item .comments li .more-items {font:italic 0.95em Arial, sans-serif;}

.single-item .select {margin-top:1em;}

.big-layout .single-item .video .empty {height:362px; width:443px; line-height:362px;}
.big-layout .single-item .body {margin-left:478px;}
.big-layout .single-item .entry {padding-top:1.3em;}
.big-layout .single-item .entry h4 {font-size:3.1em; margin:0 0 0.57em;}
.big-layout .single-item .imdb, .big-layout .single-item .utorrent {position:relative; top:0; right:0; float:right; margin:2px 0 0 0.6em;}
.big-layout .single-item .imdb {width:26px; height:18px; margin-top:5px;}
.big-layout .single-item .imdb span {left:-69px; top:0;}
.big-layout .single-item .utorrent {width:24px; height:24px;}
.big-layout .single-item .utorrent span {left:-222px; top:0;}
.big-layout .single-item .your-att {font-size:1.9em;}
.big-layout .single-item .comments li {font-size:1.3em;}

/* Movie page */
.movie {margin:2.8em 0; padding:2.3em 1.8em;}
.movie .single-item {margin:0;}
.movie .single-item .col-left {width:387px;}
.movie .single-item .body {margin-left:434px;}
.movie .single-item .video {border:2px solid #7f7f7f;}
.movie .single-item .video .empty {height:311px; width:383px; line-height:297px; font-size:1.4em; border:none;}

.movie .single-item .movie-info {background-color:#333; padding:2em 1.8em; margin-bottom:2em;}
.movie .single-item .movie-info .tl div, .movie .single-item .movie-info .tr div {top:-308px;}
.movie .single-item .movie-info .bl div, .movie .single-item .movie-info .br div {top:-300px;}
.movie .single-item .movie-info .col-left {width:103px;}
.movie .single-item .movie-info .col-left .image img {display:block; height: 150px;}
.movie .single-item .movie-info .body {margin-left:120px;}
.movie .single-item .movie-info .body h4 {font-size:2.2em; margin-bottom:0.45em;}
.movie .single-item .movie-info .body h4 a {text-decoration:underline;}
.movie .single-item .movie-info .body p {font-size:1.2em;}
.movie .single-item .movie-info .imdb-rate {margin-top:0.35em;}
.movie .single-item .movie-info .imdb-rate .imdb {width:27px; height:13px; position:relative; float:left; margin:0 0.3em 0 0;}
.movie .single-item .movie-info .imdb-rate .imdb span {left:-211px; top:-26px;}
.movie .single-item .movie-info .find {float:right; margin-top:0.45em;}

.movie .single-item .att {margin:0 0 1.8em;}

.movie .single-item .your-att {margin:1.15em 0 0;}

.movie .single-item .entry {padding-top:2.2em;}
.movie .single-item .entry h4 {font-size:1.9em; margin:0 0 0.45em;}
.movie .single-item .liked, .movie .single-item .liked .value {color:#9ACE68;}
.movie .single-item .want, .movie .single-item .want .value {color:#FFE47F;}
.movie .single-item .hate, .movie .single-item .hate .value {color:#D24747;}

.movie .single-item .comments {margin-bottom:1.9em;}

.movie .single-item .textarea {top:0; margin:0 0 1.4em;}
.movie .single-item .textarea textarea {font-size:1.4em; padding:0.7em 0.6em;}
.movie .single-item .textarea .buble {bottom:-9px; top:auto;}
.movie .single-item .textarea .buble div {top:-105px;}

#content .movie .single-item .buttons {padding:0; clear:none; text-align:left; font-size:1.3em;}
#content .movie .single-item .buttons .button {margin-left:0;}

/* Formula */
.formula {margin:-2.2em -1.2em 2.8em; overflow:hidden; padding:6.4em 0 5.5em; position:relative;}
.formula span {color:#fff;}
.formula em {color:#ffe47f;}
.formula .text {border:1px solid #333; background-color:#c8c8c8; color:#333; width:1.5em; padding:0 0 0 0.1em; margin-right:0.1em; font:normal 1em Arial, sans-serif;}
.formula .readonly {background-color:#000; color:#c3a9df;}

.formula .block {background-color:#000; color:#c3a9df; font:italic 1em Georgia, serif;}
.formula .recommended {font-size:4.2em; padding:0.5em 0.45em; float:left;}
.formula .love-formula {font-size:2.8em; padding:0.3em 0.45em; float:right; clear:right;}
.formula .love-formula .button-liked, .formula .love-formula .button-hate, .formula .love-formula .button-want {font: normal 0.45em Arial, sans-serif; width:auto; display:-moz-inline-stack; display:inline-block; position:relative; top:-0.4em;}
.formula .love-formula .text {width:1.2em;}
.formula .love-formula .res {margin-top:0.23em;}
.formula .love-formula .res .text {width:1.5em;}
.formula .love-formula .res .percent {color:#c3a9df; font:normal 1em Arial, sans-serif;}

.formula .tl div, .formula .tr div {top:-308px;}
.formula .bl div, .formula .br div {top:-300px;}

.formula .note {position:absolute; z-index:10;}
.formula .note p {font-size:1.2em; padding:0 0.6em; position:relative; float:left; background-color:#191919;}
.formula .recomm {top:0; left:3.4em; width:1px; height:90px; border-left:1px solid #333;}

.formula .multipliers {top:35px; left:11em; width:380px; height:50px; background:url(../img/multipliers-bg.png) 0 0.7em no-repeat;}
.formula .multipliers p {left:17px;}

.formula .loved-users, .formula .loved-ff, .formula .new, .formula .velocity {bottom:2.7em; left:25em; width:25em; height:52px; background:url(../img/line-short.gif) 50% -0.2em no-repeat; text-align:center;}
.formula .loved-users {left:4em; width:27em;}
.formula .loved-ff {bottom:0; left:18.5em; width:24em; height:68px; background:url(../img/line-formula.png) 50% -0.6em no-repeat;}
.formula .loved-users p, .formula .loved-ff p, .formula .new p, .formula .velocity p {position:absolute; left:0; bottom:0;}

.formula .new {left:40.2em; width:9em;}

.formula .l-formula {top:35px; right:2.5em; width:36em; height:50px; background:url(../img/love-formula-bg.png) 100% 0.7em no-repeat;}
.formula .l-formula p {left:0;}

.formula .velocity {right:11.2em; left:auto; width:23em; height:36px; background-position:15% -0.2em;}

.formula .friends {bottom:6.5em; right:1em; width:10em; height:34px; background:url(../img/friends-bg.png) 0 0 no-repeat;}
.formula .friends p {position:absolute; left:8px; bottom:0; background-color:#000;}

.big-layout .buttons .more {width:10.3em; padding:0.8em 1em; margin:0 auto; position:relative; background-color:#000;}
.big-layout .buttons .more a {font-size:0.9em; font-style:italic; color:#fff; margin:0;}
.big-layout .buttons .more .corner {width:5px; height:5px; z-index:10;}
.big-layout .buttons .more .tr div, .big-layout .buttons .more .br div {left:0;}
.big-layout .buttons .more .tl div, .big-layout .buttons .more .tr div {top:-74px;}
.big-layout .buttons .more .tl div, .big-layout .buttons .more .bl div {left:-5px;}
.big-layout .buttons .more .bl div, .big-layout .buttons .more .br div {top:-69px;}
.big-layout .buttons .more .loader {display:none;}
.big-layout .buttons .load {padding-left:39px;}
.big-layout .buttons .load .loader {display:block;}

/* Rank page */
.rank {padding:0; margin:0 -1.2em;}
.rank .items {clear:both; margin-bottom:0.8em;}
.rank .items .tl div, .rank .items .tr div {top:-308px;}
.rank .items .bl div, .rank .items .br div {top:-300px;}
.rank .items ul { margin:0 0 -1px;}
.rank .items li {background-color:#000; padding:1.1em 0.5em 0.3em; margin:0; border-bottom:1px solid #252525;}
.rank .items .date {display:none;}
.rank .items h4 {font-weight:bold;}
.rank .items h4 span {font-weight:normal;}
.rank .rates {float:right; margin:-2px 0 0;}
.rank .rates li {float:left; border:none; margin:0; padding:0; width:3.65em; text-align:center; font-size:1.8em; line-height:30px; color:#C3A9DF;}
.rank .items .rates li span {font-size:1.5em; font-weight:bold; position:relative; top:-0.1em;}
.rank .rates li span.liked {color:#9ace68;}
.rank .rates li span.hate {color:#d24747;}
.rank .rates li span.want {color:#ffe47f;}

.rank .caption {clear:both; width:100%;}
.rank .caption .search-box {float:left;}
.rank .caption .search-box .form-element {width:27em; margin:1.5em 0 0;}
.rank .caption .search-box .disabled {opacity:0.4;}
.rank .caption .search-box .disabled .corner {opacity:1;}
.rank .caption ul {padding:0 0.5em; margin-bottom:-0.7em;}
.rank .caption .rates li {font:4.4em/1.5 Georgia, serif; color:#FFE47F; width:1.5em;}
.rank .caption .rates li .button-liked, .rank .caption .rates li .button-hate, .rank .caption .rates li .button-want {font:0.3em Arial, sans-serif; display:-moz-inline-stack; display:inline-block; position:relative; top:-0.55em;}

/* Select box styles */
.select-box {z-index:11; position:absolute; border-top:4px solid #fff; display:none;}
.select-box .border {height:8px; margin:0 8px; background-color:#fff;}
.select-box .bl div, .select-box .br div {top:-385px;}
.select-box .bl div {left:0;}
.select-box .bl, .select-box .br div {left:-8px;}
.select-box .br {right:-8px;}
.select-box .content {background-color:#fff; border-top:1px solid #191919;}
.select-box li a {padding:0.4em 0.7em; font-size:1.4em; color:#000 !important; display:block; text-decoration:none;}
.select-box li a:hover {background-color:#e5e5e5;}
.select-box li.active a, .select-box li.active a:hover {background-color:#d5d5d5;}

/* Error */
.error {background-color:#b40000; color:#fff; font-size:1.2em; margin-top:0.5em; padding:0.5em 1em; position:relative;}
.error .corner {width:5px !important; height:5px !important;}
.error .tl div, .error .tr div {top:-74px !important;}
.error .tl div, .error .bl div {left:-5px !important;}
.error .bl div, .error .br div {top:-69px !important;}

/* Server errors */
.server-error {padding:3.5em 0 6em; text-align:center;}
.server-error h2 {font:italic bold 10em Georgia, serif; color:#FFE47F; margin-bottom:0.2em;}
.server-error p {font: italic 2em Georgia, serif; margin-bottom:3em;}
.server-error .url {display:-moz-inline-stack; display:inline-block; padding:0.8em 1.3em 0.9em; font-size:2em;}
.server-error .url a {font-weight:normal;}

/* Index styles */
#index #header  {margin:0;}
#index #header h1 {margin:0 auto; display:block;}
#index #header ul {position:absolute; top:2em; left:0; z-index:5;}
#index #content {background:url(../img/gradients.png) 0 100% repeat-x; margin-top:-1.2em;}
#index .title {margin:0 -3em 0 -3.3em; padding:5.7em 3em 2.2em 3.3em; background:url(../img/title-bg-hover.png) 50% 0 no-repeat;}

/* Authentication styles */
.auth .options {margin-bottom:0;}
/*.auth .title {text-align:center; overflow:hidden;}
.auth .title h2 {text-align:center; font-size:2.2em;}
.auth .title .url {text-align:center; font-size:1.6em; color:#fff; float:none; display:-moz-inline-stack; display:inline-block; position:relative; top:0.5em; padding:0;}
.auth .title .url .content {padding:0 1.6em;}
.auth .exp {margin-left:2em;}
.auth .options .row {margin-bottom:2em;}
.auth .options dl {margin:0 0 1.6em 8em;}
.auth .options dt {border-bottom:0; width:14em;}
.auth .options dd {margin-left:14.5em;}
.auth .options .form-element {width:24em;}
.auth .options .account-select {width:28em; float:none; margin-bottom:1.6em;}
.auth .options .openid {width:35em;}
.auth .options dd p {width:30em;}
.auth .options .error {width:27.2em;}
*/

/* About page */
.quotes {float:right; width:37%;}
.quotes dt {font-size:1.6em; line-height:1.4; margin-bottom:0.6em; color:#999; position:relative; text-indent:-0.3em;}
.quotes dt .avatar {position:absolute; left:-62px; top:0; display:block;}
.quotes dd {margin-bottom:4em;}
.quotes dd a {color:#FFE47F;}
.quotes .url-row {font-size:1.3em; display:none;}
.quotes .url-row .url a {font-weight:normal;}
.quotes .url {background-color:#000; display:-moz-inline-stack; display:inline-block; padding:0.7em 1.3em 0.8em 47px; margin-left:0.1em;}
.quotes .url .icon {width:20px; height:20px; top:50%; left:-33px; margin-top:-10px;}
.quotes .url .icon i {left:-31px;}
.quotes p {font-size:1.4em; margin-bottom:1.7em;}
.quotes .steps {margin:0 auto;}
body:first-of-type .quotes .url {display:inline-table;} /* Safari, Google Chrome, Opera 9.6, Firefox 3.5 */
body:last-child:not(:root:root) .url {display:inline-block;} /* Safari, Google Chrome */
.quotes .url .corner {width:10px; height:10px;}
.quotes .url .tl div, .quotes .url .tr div {top:-190px;}
.quotes .url .tl div, .quotes .url .bl div {left:-10px;}
.quotes .url .bl div, .quotes .url .br div {top:-180px;}

.about-content {padding:0 0 0 3.3em; margin:0 45% 3em 0; overflow:hidden;}
.about-content li {list-style:decimal; color:#FFE47F; font:2.4em Arial, sans-serif; vertical-align:middle; padding:0 0 2em 0.2em;}
.about-content dt {color:#fff; margin-bottom:1em;}
.about-content dd img {border:1px solid #7f7f7f;}
.about-content .scheme {margin:0; position:relative; color:#fff; overflow:hidden;}
.about-content .scheme img {border:none; margin:0 0 20px;}
.about-content .scheme .imdb-text {font-size:0.8em; float:left; width:116px;  text-align:center;}
.about-content .scheme .imdb-text img {margin:10px 0 0 -0px; border:1px solid #7f7f7f;}
.about-content .scheme .tube-text {font-size:0.8em; width:104px; float:left; margin-left:86px; text-align:center;}
.about-content .scheme .tube-text object {margin:10px 0 0; display:block;}

.about-content .avatar {float:left; margin-right:10px;}
.about-content .first-step dd {overflow:hidden;}
.about-content .first-step dd span {color:#c3a9df; font-size:0.7em; display:block; float:left; margin-top:0.9em;}

/* Facebook like */
#fb_like {text-align:left; padding-left:18px;}
.fb_iframe_widget iframe {margin:5px 0 0;}
.big-layout #fb_like {padding-left:93px;}

/* =Footer
----------------------------------------------- */
#footer {overflow: hidden; text-align:center; padding:2.5em 3.3em 0; color:#7d7d7d;}
#footer blockquote {font:2em/1.4 Georgia, serif; border-bottom:1px dashed #666; padding-bottom:1.6em; margin:-0.65em 0 0.3em; }
#footer blockquote a:link, #footer blockquote a:visited, #footer blockquote a:hover, #footer blockquote a:active {color:#999;}
#footer blockquote .rss {top:3px; left:2px; display:-moz-inline-stack; display:inline-block; position:relative;}
#footer blockquote .rss span {display:-moz-inline-stack; display:inline-block;}
#footer address {font-size:1.1em;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #7d7d7d;}