/*  
Theme Name: filtersage v. 3.0
Theme URI: http://www.filtersage.com
Description: Filtersage - What does it remind you of?
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

/**************************************************************************************/

* { padding: 0px; margin: 0px; }

body {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	background: #ffffff;
	font-size: 12px;
	color: #505050;
}

img { 
	-ms-interpolation-mode: bicubic;
	border: 0px; 
}

li { list-style: none; }

h1, h2 { color: #000000; }

a { 
	text-decoration: none;
	color: #e3316f; 
	outline: 0px;
}

strong, em { color: #000000; }

/**************************************************************************************/

#noie6 {
	padding: 10px 0px 10px 0px;
	background: #e3316f;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

#noie6 a {
	text-decoration: underline !important;
	font-weight: bold;
	color: #ffffff !important;
}

#labelbeta {
	background: url('images/label-beta.png') no-repeat;
	position: absolute;
	z-index: 10;
	width: 100px;
	height: 100px;
	top: 0px;
	right: 0px;
}

#labelbeta A {
	text-indent: -90000px;
	display: block;
	width: 100px;
	height: 100px;
}

#container {
	margin: 0px auto 0px auto;
	width: 980px;
}

#box-container { padding: 20px; }

#header {
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
}

#logo {
	background: url('images/logo-filtersage.gif') no-repeat;
	overflow: hidden;
	width: 255px;
	height: 60px;
	float: left;
}

#logo a {
	text-indent: -90000px;
	display: block;
	width: 255px;
	height: 60px;
}

#payoff {
	background: url('images/bg-payoff.gif') no-repeat;
	padding-left: 15px;
	text-align: center;
	margin-top: 8px;
	line-height: 45px;
	font-size: 24px;
	color: #000000;
	width: 700px;
	height: 45px;
	float: right;
}

#payoff em { color: #e3316f; }

/**************************************************************************************/

#log {
	padding-top: 40px;
	text-align: right;
	line-height: 15px;
	width: 300px;
	float: right;
	clear: right;
}

#log .feed {
	margin-left: 3px;
	float: right;
}

#fb-connect { 
	margin: -5px 3px 0px 3px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 18px;
	height: 30px;
	float: right;
}

#fb-connect .invitebutton { 
	width: 18px;
	height: 30px;
}

/**************************************************************************************/

#nav {
	padding-top: 30px;
	width: 300px;
	clear: left;
	float: left; 
}

#nav li {
	margin-right: 2px;
	height: 30px;
	width: 80px;
	float: left;
}

#nav a {
	background: url('images/bg-menu-item.gif') no-repeat 0px 0px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	display: block;
	color: #7f7f7f;
	height: 30px;
	width: 80px;
	float: left;
}

#nav a:hover { color: #000000; }

#nav .sel a { 
	background-position: 0px -30px;
	color: #ffffff;
}

/**************************************************************************************/

#subnav {
	border-top: 5px solid #000000;
	padding: 0px 4px 0px 20px;
	background: #e5e5e5;
	height: 30px;
	clear: both;
}

#subnav ul { float: left; }

#subnav li {
	background: url('images/bg-subnav-div.gif') no-repeat right;
	padding-right: 20px;
	margin-right: 20px;
	line-height: 30px;
	float: left;
}

#subnav a { color: #7f7f7f; }
#subnav .sel a, #subnav a:hover { color: #000000; }

#frm-search {
	background: url('images/bg-search.gif') no-repeat 0px 0px;
	margin-top: 4px;
	height: 22px;
	width: 240px;
	float: right;
}

#frm-search .frm-text {
	background: transparent;
	font-size: 11px;
	padding: 4px;
	border: 0px;
	color: #7f7f7f;
	width: 205px;
}

#frm-search .frm-submit {
	background: transparent;
	cursor: pointer;
	outline: 0px;
	border: 0px;
	width: 18px;
	height: 22px;
}

#ajax-results {
	background: url('images/bg-ajax-results.png') no-repeat;
	margin: 168px 0px 0px 570px;
	position: absolute;
	display: none;
	padding: 15px;
	z-index: 50;
	width: 380px;
	height: 250px;
}

#ajax-results .items-list {
	width: auto !important;
	height: 180px;
	overflow: auto;
}

#ajax-results .items-list ul { width: auto !important; }

#ajax-results .msg {
	font-size: 11px;
	color: #858585;
}

#ajax-results .item {
	margin-bottom: 10px;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: none;
}

#ajax-results .item h1, #ajax-results .item h2 { margin-left: 60px; }

#ajax-results .item .cover {
	width: 48px;
	height: 48px;
	float: left;
}

#ajax-results .item .cover img { height: 48px; }

#ajax-results .nofind { 
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-top: 10px;
	color: #858585;
}

/**************************************************************************************/

#landing {
	margin: 30px 0px 30px 0px;
	overflow: hidden;
	color: #000000;
	width: 100%;
}

#landing .box {
	background: url('images/bg-landing-box.gif') no-repeat;
	padding: 30px;
	height: 470px;
}

#landing .callto {
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	overflow: hidden;
	font-size: 30px;
	width: 100%;
}

#landing .long { 
	background: url('images/btn-generic-long.gif') no-repeat 0px 0px;
	width: 250px !important;
}

#landing .long:hover { background-position: 0px -40px; }

#landing .callto .btn { 
	background-position: 0px -40px !important;
	text-shadow: 1px 1px #711837 !important;
	color: #ffffff !important; 
	float: right; 
}

#landing .explain {
	padding: 40px 30px 0px 30px;
	overflow: hidden;
	font-size: 24px;
	width: 920px;
}

#landing .explain .btn { 
	margin-top: 250px;
	float: right;
}

#landing .explain ul { width: 660px; }

#landing .explain li {
	padding-top: 150px;
	margin-right: 80px;
	width: 250px;
	height: 150px;
	float: left;
}

#landing .ex1 { background: url('images/bg-ex1.jpg') no-repeat 0px 35px; }
#landing .ex2 { background: url('images/bg-ex2.jpg') no-repeat 0px 0px; }
#landing .ex3 { background: url('images/bg-ex3.jpg') no-repeat top; }
#landing .ex4 { background: url('images/bg-ex4.jpg') no-repeat top; }

#landing .ex2, #landing .ex4 { margin-top: 30px; }

#landing .remember {
	border-top: 1px solid #e5e5e5;
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
}

#animation {
	margin-top: 20px;
	width: 920px;
	height: 400px;
}

/**************************************************************************************/

#content {
	background: url('images/bg-dots.gif') repeat-y 790px 0px;
	margin: 30px 0px 30px 0px;
	overflow: hidden;
	width: 100%;
}

#content.nodots { background: transparent; }

#main {
	width: 760px;
	float: left;
}

#main .cols {
	background: url('images/bg-dots.gif') repeat-y 380px 0px;
	overflow: hidden;
	width: 100%;
}

#main .col { 
	overflow: hidden;
	width: 350px;
}

#sidebar {
	width: 160px;
	float: right;
}

#main .explain {
	text-align: right;
	float: right;
	width: 220px;
}

/**************************************************************************************/

#coverflow {
	margin-bottom: 60px;
	height: 480px;
	width: 100%;
}

#coverflow .viewport {
	padding-top: 20px;
	position: absolute;
	overflow: hidden;
	height: 390px;
	width: 760px;
}

#coverflow .viewport ul {
	position: asbolute;
	width: 1200px; 
}

#coverflow .nav {
	border-top: 1px solid #e5e5e5;
	margin-top: 430px;
	position: absolute;
	width: 760px;
	height: 14px;
}

#coverflow .nav ul { 
	margin: -7px 0px 0px 235px; 
	padding: 0px 10px 0px 10px;
	background: #ffffff;
	height: 14px;
	float: left;
}

#coverflow .nav li {
	text-indent: -90000px;
	background: #e5e5e5;
	width: 24px;
	height: 14px;
	float: left;
}

#coverflow .nav .sel { background: #7f7f7f; }

#coverflow .item h1, #coverflow .item h2, #coverflow .item .genres, #coverflow .item .right { display: none; } 

#coverflow .item .left {
	height: auto;
	width: auto;
}

#coverflow .item {
	margin: 170px 0px 0px 0px; 
	overflow: visible;
	width: 40px;
	height: 40px;
}

#coverflow .item .cover {
	width: 38px;
	height: 38px;
}

#coverflow .item .cover img { height: 38px; }

#coverflow .zoom1 { 
	margin: 130px -30px 0px -30px;
	position: relative;
	z-index: 9;
	width: 120px;
	height: 120px;
}

#coverflow .zoom1 .cover {
	width: 118px;
	height: 118px;
}

#coverflow .zoom1 .cover img { height: 118px; }

#coverflow .zoom2 { 
	margin: 140px -20px 0px -20px;
	position: relative;
	z-index: 8;
	width: 100px;
	height: 100px;
}

#coverflow .zoom2 .cover {
	width: 98px;
	height: 98px;
}

#coverflow .zoom2 .cover img { height: 98px; }

#coverflow .zoom3 { 
	margin: 150px -10px 0px -10px;
	position: relative;
	z-index: 7;
	width: 80px;
	height: 80px;
}

#coverflow .zoom3 .cover {
	width: 78px;
	height: 78px;
}

#coverflow .zoom3 .cover img { height: 78px; }

#coverflow .zoom4 { 
	margin: 160px -9px 0px -9px;
	position: relative;
	z-index: 6;
	width: 60px;
	height: 60px;
}

#coverflow .zoom4 .cover {
	width: 58px;
	height: 58px;
}

#coverflow .zoom4 .cover img { height: 58px; }

#coverflow #current { 
	background: url('images/bg-item-shadow.png') no-repeat 0px 0px;
	margin: 0px -92px 0px -25px;
	position: relative;
	z-index: 10;
	padding: 4px;
	width: 345px;
	height: auto;
}

#coverflow #current .left { padding: 9px; }

#coverflow #current.movie { background: url('images/bg-item-shadow2.png') no-repeat 40px 0px; }
#coverflow #current.movie .left { margin-left: 40px; width: 178px; }

#coverflow #current .right {
	margin-top: 10px;
	width: 60px; 
}

#coverflow #current.movie .right { margin-right: 40px; }

#coverflow #current .cover {
	background: transparent;
	margin-bottom: 15px;
	border: 0px;
	width: 260px; 
	height: 260px; 
}

#coverflow #current .cover img { 
	width: 260px;
	height: 260px; 
}

#coverflow #current.movie .cover, #coverflow #current.movie .cover img { width: 180px; }

#coverflow #current .right, #coverflow #current h1, #coverflow #current h2, #coverflow #current .genres { display: block; }

#coverflow #current h1 { font-size: 18px; }
#coverflow #current h2 { font-size: 14px; }

#coverflow #current h1, #coverflow #current h2 { width: 260px; }

#coverflow #current .thumb {
	width: 58px;
	height: 58px;
}

#coverflow #current .thumb img { height: 58px; }

#coverflow #current .matches a { margin-left: -5px; width: 60px; }
#coverflow #current .matches small { margin-left: -5px; }

#coverflow .label {
	margin-top: 212px;
	text-indent: -90000px;
	position: absolute;
	display: none;
	width: 67px;
	height: 67px;
}

#coverflow #current .label { display: block; }

#coverflow #current.music .label { 
	background: url('images/label-music.png') no-repeat; 
	margin-left: 212px;
}

#coverflow #current.movie .label { 
	background: url('images/label-movie.png') no-repeat; 
	margin-left: 172px;
}

/**************************************************************************************/

#accountbox { 
	background: url('images/bg-accountbox.gif') no-repeat top; 
	margin-bottom: 40px;
}

#accountbox .user {
	overflow: hidden;
	padding: 8px;
}

#accountbox .avatar { 
	margin-right: 10px;
	float: left; 
}

#accountbox ul { 
	background: url('images/bg-accountbox-bottom.gif') no-repeat bottom; 
	padding: 8px 15px;
}

#accountbox li a {
	margin-bottom: 10px;
	padding-left: 30px;
	line-height: 20px;
	display: block;
	color: #7f7f7f;
}

#accountbox li a:hover, #accountbox .sel a { 
	background-position: 0px -20px;
	color: #000000; 
}

#accountbox .modify { background: url('images/icon-modify.gif') no-repeat 0px 0px; }
#accountbox .follow { background: url('images/icon-follow.gif') no-repeat 0px 0px; }
#accountbox .followers { background: url('images/icon-followers.gif') no-repeat 0px 0px; }
#accountbox .message { background: url('images/icon-message.gif') no-repeat 0px 0px; }
#accountbox .additions { background: url('images/icon-additions.gif') no-repeat 0px 0px; }
#accountbox .connect { background: url('images/icon-connect.gif') no-repeat 0px 0px; }
#accountbox .video { background: url('images/icon-media.gif') no-repeat 0px 0px; }
#accountbox .playlist { background: url('images/icon-playlist.gif') no-repeat 0px 0px; }
#accountbox .comments { background: url('images/icon-comments.gif') no-repeat 0px 0px; }
#accountbox .votes { background: url('images/icon-votes.gif') no-repeat 0px 0px; }
#accountbox .fav { background: url('images/icon-fav.gif') no-repeat 0px 0px; }
#accountbox .profile { background: url('images/icon-profile.gif') no-repeat 0px 0px; }
#accountbox .manage { background: url('images/icon-manage.gif') no-repeat 0px 0px; }

#accountbox .last {
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	padding-top: 15px;
}

/**************************************************************************************/

.frm-generic fieldset {
	border: 1px solid #e5e5e5;
	padding: 0px 20px 10px 20px;
	margin-bottom: 40px;
}

.frm-generic legend {
	text-transform: uppercase;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	color: #bfbfbf;
}

.frm-generic small {
	font-size: 10px;
	color: #7f7f7f;
}

.frm-generic small.error { 
	margin-left: 110px;
	position: absolute;
	line-height: 10px;
	display: block;
	color: #e3316f; 
}

.frm-generic label {
	margin-right: 10px;
	line-height: 30px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	display: block;
	color: #000000;
	float: left;
	width: 100px;
}

.frm-generic .frm-wrap {
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	width: 100%;
}

.frm-generic .frm-text {
	background: url('images/bg-frm-text.gif') no-repeat 0px 0px;
	padding: 5px 5px 0px 5px;
	border: 0px;
	height: 25px;
	width: 190px;
	color: #7f7f7f;
}

.frm-generic .long {
	background: url('images/bg-frm-text-long.gif') no-repeat 0px 0px;
	width: 440px;
}

.frm-generic .disabled { background: url('images/bg-frm-disabled.gif') no-repeat 0px 0px; }

.frm-generic .frm-image { margin-bottom: 10px; }

.frm-generic .frm-textarea {
	background: url('images/bg-frm-textarea.gif') no-repeat 0px 0px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: 0px;
	width: 440px;
	height: 170px;
	color: #7f7f7f;
}

.frm-generic .frm-multiselect {
	border: 1px solid #6d6d6d;
	padding: 5px;
	height: 120px;
	width: 200px;
	color: #7f7f7f;
}

.frm-generic .frm-submit {
	background: url('images/btn-generic.gif') no-repeat 0px 0px;
	font-size: 18px;
	color: #e3316f;
	cursor: pointer;
	border: 0px;
	width: 160px;
	height: 40px;
}

.frm-generic .results { padding: 20px 0px 0px 110px; }
.frm-generic .results strong { color: #e3316f; }

.frm-generic .loading  { margin: 20px 0px 0px 110px; }

.frm-select option { padding: 0px 5px 0px 5px; }

/**************************************************************************************/

#following .users-list li { margin: 0px 11px 11px 0px; }

#following .items-list .user { line-height: 30px; }

#following .items-list .user a {
	text-decoration: underline;
	color: #e3316f;
}

#following .items-list .user a:hover { text-decoration: none; }

#following .items-list .avatar { 
	margin-right: 10px;
	float: left; 
}

#following .item {
	margin-right: 65px;
	width: 210px;
	height: 300px;
}

#following .item h1, #following .item h2, #following .item .genres, #following .cover { margin-left: 50px; }

#following .cover {
	width: 158px;
	height: 158px;
}

#following .cover img { height: 158px; }

/**************************************************************************************/

#additions .item { height: 280px; }

#additions .cover {
	width: 143px;
	height: 143px;
}

#additions .cover img { height: 143px; }

/**************************************************************************************/

#favourites .item { height: 280px; }

#favourites .cover {
	width: 143px;
	height: 143px;
}

#favourites .cover img { height: 143px; }

/**************************************************************************************/

#breadcrumb {
	margin-bottom: 40px;
	font-size: 10px;
}

#breadcrumb a { color: #7f7f7f; }
#breadcrumb a:hover { color: #000000; }

/**************************************************************************************/

#single { padding-top: 20px; }

#single .left { width: 360px; }
#single .right { width: 545px; }

#single .left .item {
	width: 360px;
	height: auto;
}

#single .left .item .cover {
	width: 358px;
	height: 358px;
}

#single .left .item .cover img { height: 358px; }

#single .left .item h1 { font-size: 20px; }
#single .left .item h2 { font-size: 16px; }

#single .left .item h3 {
	margin: 10px 0px 20px 0px;
	font-weight: normal;
	line-height: 120%;
	font-size: 13px; 
}

#single .left .item .genres { margin: 5px 0px 15px 0px; }

#single .left .item .year { 
	margin-bottom: 15px;
	font-size: 14px; 
}

#single .btn-play {
	background: url('images/btn-play.gif') no-repeat 0px 0px;
	text-indent: -90000px;
	margin-left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	float: right;
}

#single .btn-play:hover { background-position: 0px -30px; }

#single .snipped {
	margin-bottom: 30px;
	font-style: italic;
	font-size: 10px;
	margin-top: 5px;
	color: #858585;
}

#single .snipped a { color: #858585; }

#single .snipped a:hover { color: #000000; }

#single .stuffs { 
	background: url('images/bg-stuffs.gif') no-repeat top; 
	margin: 30px 0px 30px 0px;
	color: #7f7f7f;
}

#single .stuffs ul {
	overflow: hidden;
	width: 330px;
}

#single .stuffs li {
	margin-bottom: 15px;
	line-height: 20px;
	width: 165px;
	float: left;
}

#single .stuffs a { 
	padding-left: 20px;
	line-height: 20px;
	display: block;
	color: #7f7f7f; 
}

#single .stuffs a:hover { color: #000000; }

#single .stuffs .amazon { background: url('images/icon-amazon.gif') no-repeat left; }
#single .stuffs .amazon2 { background: url('images/icon-amazon2.gif') no-repeat left; }
#single .stuffs .lastfm { background: url('images/icon-lastfm.gif') no-repeat left; }
#single .stuffs .pandora { background: url('images/icon-pandora.gif') no-repeat left; }
#single .stuffs .imdb { background: url('images/icon-imdb.gif') no-repeat left; }
#single .stuffs .tomato { background: url('images/icon-tomato.gif') no-repeat left; }
#single .stuffs .fav { background: url('images/icon-fav-small.gif') no-repeat left; }

#single .links {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px;
}

#single .social {
	background: url('images/bg-stuffs-bottom.gif') no-repeat bottom;
	padding: 15px;
}

#single .upload-link { 
	position: absolute;
	margin-top: -20px;
	color: #7f7f7f;
}

#single .upload-link:hover { color: #000000; }

#frm-upload {
	border: 1px solid #e5e5e5;
	background: rgba(256, 256, 256, 0.9);
	position: absolute;
	text-align: center;
	padding-top: 160px;
	width: 358px;
	height: 198px;
	display: none;
}

#frm-upload-user-pic {
	padding-top: 30px;
	clear: left;
	display: none;
}

#single .broken {
	margin: -15px 0px 0px 254px;
	position: absolute;
	padding: 0px !important;
}

/**************************************************************************************/

#contributes {
	overflow: hidden;
	width: 360px;
	clear: left;
}

#contributes .filter { 
	margin-bottom: 15px;
	padding-bottom: 0px;
	border: 0px;
	width: 100%;
}

#contributes .frm-radio { margin-right: 20px; }

#contributes .quest {
	background: url('images/bg-contribute-quest.gif') no-repeat;
	padding: 15px 0px 0px 10px;
	margin-bottom: 20px;
	font-size: 14px;
	height: 53px;
	width: 350px;
}

#contributes .quest a {
	background: url('images/icon-attach.gif') no-repeat 0px 0px;
	line-height: 15px;
	padding-left: 40px;
	font-size: 11px;
	display: block;
}

#contributes .quest a:hover { background-position: 0px -30px; }

#contributes .quest strong { 
	font-weight: normal; 
	font-size: 14px;
}

.contributes-list li {
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}

.contributes-list .user { line-height: 30px; }

.contributes-list .user a { 
	text-decoration: underline;
	color: #e3316f;
}

.contributes-list .user a:hover { text-decoration: none; }

.contributes-list .avatar { 
	margin-right: 10px;
	float: left;
}

.contributes-list .cont { margin-left: 50px; }

.contributes-list .comment { 
	font-size: 11px;
	font-style: italic;
}

.contributes-list .video .thumb {
	border: 1px solid #e5e5e5;
	overflow: hidden;
	width: 118px;
	height: 88px;
	float: left;
}

.contributes-list .video .thumb img { width: 118px; }

.contributes-list .video h1, .contributes-list .video h2 { margin-left: 130px; }

.contributes-list .video a { color: #000000; }

.contributes-list .video h1 { 
	line-height: 100%;
	margin-bottom: 3px;
	font-size: 16px; 
}

.contributes-list .video h2 {
	font-weight: normal;
	margin-bottom: 3px;
	line-height: 120%;
	font-size: 12px; 
}

.contributes-list .playlist a {
	background: url('images/icon-playlist.gif') no-repeat 0px 0px;
	line-height: 20px;
	padding-left: 25px;
	font-weight: bold;
	height: 20px;
	display: block;
	font-size: 14px;
	color: #000000; 
	float: left;
}

.contributes-list .playlist a:hover { 
	background-position: 0px -20px;
	color: #000000; 
}

.contributes-list .playlist small { 
	font-weight: normal;
	font-size: 14px;
	color: #7f7f7f; 
}

/**************************************************************************************/

#connect {
	background: url('images/bg-connect.gif') no-repeat top right;
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}

#connect .avatar { float: left; }

#connect .cont {
	background: url('images/bg-connect-bottom.gif') no-repeat bottom right;
	padding: 20px 20px 30px 20px;
	width: 455px;
	float: right;
}

#connect .cont p { 
	margin-bottom: 10px;
	font-size: 20px; 
}

#frm-search-connect {
	background: url('images/bg-search-big.gif') no-repeat 0px 0px;
	width: 455px;
	height: 40px;
}

#frm-search-connect .frm-text {
	background: transparent;
	font-size: 15px;
	padding: 11px;
	border: 0px;
	width: 390px;
	color: #7f7f7f;
}

#suggestions { 
	margin-top: 20px;
	display: none; 
}

#suggestions .items-list {
	width: auto !important;
	max-height: 245px;
	margin-top: 20px;
	overflow: auto;
}

#suggestions .items-list ul { width: auto !important; }

#suggestions .msg {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	font-size: 14px;
	color: #858585;
}

#suggestions .item {
	margin-bottom: 10px;
	overflow: hidden;
	cursor: pointer;
	height: auto;
	width: 100%;
	float: none;
}

#suggestions .item h1, #suggestions .item h2 { margin-left: 60px; }

#suggestions .item .cover {
	width: 48px;
	height: 48px;
	float: left;
}

#suggestions .item .cover img { height: 48px; }

#step1 .nofind { 
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-top: 10px;
	font-size: 14px;
	color: #858585;
	display: none; 
}

#step2 { display: none; }

#step2 .item {
	margin: 20px 0px 0px 0px;
	height: auto;
	width: 200px;
}

#step2 .item .cover {
	width: 198px;
	height: 198px;
}

#step2 .item .cover img { height: 198px; }

#step2 .item h1 { font-size: 20px; }
#step2 .item h2 { font-size: 16px; }

#step2 .right { 
	margin-top: 180px;
	text-align: center;
	width: 170px;
}

#step2 .right small { 
	padding-right: 10px;
	font-size: 10px; 
}

/*
#step2 .right .loading {
	position: absolute;
	margin-top: -30px;
}
*/

/**************************************************************************************/

#connections .title { margin-left: 55px; }

#connections .filter {
	margin: -57px 0px 0px 326px;
	position: absolute;
}

#connections .items-list { padding-top: 20px; }

#connections .loading { margin-left: 50px; }

#connections .item {
	margin-right: 60px;
	padding-left: 50px;
	width: 192px;
	height: 320px;
}

#connections .item .cover {
	width: 158px;
	height: 158px;
}

#connections .item .cover img { height: 158px; }

#connections .user { 
	line-height: 30px;
	margin-left: -50px; 
}

#connections .user a { 
	text-decoration: underline;
	color: #e3316f;
}

#connections .user a:hover { text-decoration: none; }

#connections .avatar { 
	margin-right: 10px;
	float: left;
}

#connections .btn-play { margin-right: 30px; }

#connections .year { margin-top: 10px; }

.score {
	background: url('images/bg-score.gif') no-repeat bottom;
	padding-bottom: 15px;
	width: 25px;
	height: 145px;
	float: right;
}

.score a { 
	display: block; 
	width: 25px;
	height: 145px;
}

.score .tip {
	background: url('images/bg-tip.gif') no-repeat;
	padding: 10px 5px 5px 5px;
	position: absolute;
	text-align: center;
	display: none;
	height: 45px;
	width: 110px;
}

.score .yes, .score .no { 
	text-indent: -90000px;
	background: #efefef;
	cursor: pointer;
	display: block;
	width: 8px; 
}

.score .yes {
	margin-left: 3px;
	float: left;
}

.score .no {
	margin-right: 3px;
	float: right;
}

/**************************************************************************************/

#scores .vote {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 16px;
	width: 100%;
}

#scores .vote .left {
	line-height: 35px;
	width: 360px;
	float: left;
}

#scores .vote .right { width: 120px; }

#scores .vote .avatar { 
	margin-right: 10px;
	width: 38px;
	height: 38px;
	float: left;
}

#scores .vote .avatar img { width: 38px; }

#scores .vote .right strong { 
	padding: 5px 0px 5px 0px; 
	font-size: 16px;
	color: #ffffff;
	display: block;
	width: 55px;
}

#scores .vote .right small { 
	text-align: center;
	display: block;
	color: #505050;
}

#scores .sure, #scores .nope {
	margin-right: 5px;
	text-align: center;
	float: left;
}

#scores .sure strong { background: #3da421; }
#scores .nope strong { background: #be3333; }

#scores .match  { width: 360px; }
#scores .match .item  { width: 160px; }

#scores .match .item .cover {
	width: 158px;
	height: 158px;
}

#scores .match .item .cover img { height: 158px; }

.votes-list .avatar {
	margin-right: 10px;
	width: 38px;
	height: 38px;
	float: left;
}

.votes-list .avatar img { width: 38px; }

.votes-list li {
	padding: 15px 0px 15px 0px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
}

.votes-list li a { text-decoration: underline; }
.votes-list li a:hover { text-decoration: none; }

.agree, .disagree { 
	padding: 0px 5px 0px 5px;
	font-weight: bold; 
	color: #ffffff;
}

.agree { background: #3da421; }
.disagree { background: #be3333; }

/**************************************************************************************/

#attach .user {
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 40px;
	font-size: 16px;
	width: 100%;
}
 
#attach .avatar { 
	margin-right: 10px;
	width: 38px;
	height: 38px;
	float: left;
}

#attach .avatar img { width: 38px; }

#attach .buttons, #attach .frm-generic { margin-left: 50px; }

#attach .buttons a { 
	margin-right: 10px;
	float: left;
}

#attach .buttons a.sel { 
	background-position: 0px -40px !important; 
	text-shadow: 1px 1px #711837;
	color: #ffffff !important;
}

#attach .frm-submit { margin-bottom: 10px; }

#attach label {
	text-align: left;
	width: auto;
	float: none;
}

#attach small {
	font-size: 10px;
	display: block;
}

/**************************************************************************************/

#frm-edit .frm-multiselect {
	margin: 30px 0px 0px -204px;
	position: absolute;
	display: none;
}

#tip-genres { display: none; }

#item-cover {
	margin: 20px 0px 0px 590px;
	position: absolute;
	width: 160px;
}

#item-cover .cover {
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	width: 158px;
	height: 158px;
}

#item-cover .cover img { height: 158px; }

/**************************************************************************************/

#single-feat .photo { height: 250px; }

#single-feat .photo img { 
	width: 100%;
	height: 250px; 
}

#single-feat .feat h1 { font-size: 22px; }
#single-feat .excerpt { font-size: 16px; }

/**************************************************************************************/

#page .text {  }

#page .text p {
	margin-bottom: 20px;
	line-height: 180%;
	font-size: 16px;
}

/**************************************************************************************/

#search-results .msg {
	margin-bottom: 40px;
	font-size: 18px;
}

#search-results .msg p { margin-bottom: 10px; }

#search-results .msg small { font-size: 12px; }

#search-results .msg a { 
	font-weight: bold;
	font-size: 14px; 
}

#search-results .item {
	margin-bottom: 40px;
	width: 100%;
	height: auto;
	float: none;
}

#search-results .cover { float: left; }

#search-results .item h1, #search-results .item h2 { margin-left: 110px; }

#search-results .item h1 { font-size: 18px; }
#search-results .item h2 { font-size: 16px; }

#search-results .loading {
	position: absolute;
	margin-left: -20px;
	width: 20px;
	height: 20px;
}

/**************************************************************************************/

#user {
	margin-bottom: 60px;
	overflow: hidden;
	width: 100%;
}

#user .avatar {
	width: 68px;
	height: 68px;
	float: left;
}

#user .avatar img { width: 68px; }

#user h1 { 
	margin: 0px 0px 30px 80px;
	line-height: 20px; 
	font-weight: normal;
	font-size: 24px;
}

#user .actions { margin-left: 80px; }

#user .actions a {
	margin-right: 20px;
	padding-left: 25px;
	line-height: 20px;
	height: 20px;
	display: block;
	float: left;
	color: #7f7f7f;
}

#user .follow { background: url('images/icon-follow.gif') no-repeat 0px 0px; }
#user .unfollow { background: url('images/icon-unfollow.gif') no-repeat 0px 0px; }
#user .message { background: url('images/icon-comments.gif') no-repeat 0px 0px; }
#user .avatarup { background: url('images/icon-avatarup.gif') no-repeat 0px 0px; }

#user .actions a:hover {
	background-position: 0px -20px;
	color: #000000;
}

#user .staff {
	background: url('images/icon-staff.gif') no-repeat right 7px;
	padding-right: 50px;
}

/**************************************************************************************/

#logo-form {
	background: url('images/logo-filtersage-small.gif') no-repeat;
	margin-left: 110px;
	overflow: hidden;
	width: 150px;
	height: 35px;
}

#logo-form h2 { text-indent: -9000px; }

#frm-login p { margin-bottom: 10px; }

#frm-login small {
	font-size: 10px;
	display: block;
}

#frm-login p, #frm-login ul, #frm-login small, #frm-login .frm-submit { margin-left: 110px; }

#frm-login .frm-submit { margin-bottom: 10px; }

/**************************************************************************************/

#activities .item { 
	width: 110px; 
	height: 230px;
}

#activities .item .cover {
	width: 108px;
	height: 108px;
}

#activities .item .cover img { height: 108px; }

#activities .user strong a, #media .user strong a {
	text-decoration: none !important;
	color: #000000 !important;
}

.matches-list li {
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}

.matches-list .user a { text-decoration: underline; }
.matches-list .user a:hover { text-decoration: none; }

.matches-list .user { line-height: 28px; }

.matches-list .avatar {
	margin-right: 10px;
	width: 38px;
	height: 38px;
	float: left;
}

.matches-list .avatar img { width: 38px; }

.matches-list .match { margin-left: 50px; }

.match {
	margin-top: 3px;
	overflow: hidden;
	width: 260px;
}

.match .item {
	margin: 0px 20px 0px 0px !important;
	height: auto !important;
	width: 100px;
	float: left;
}

/**************************************************************************************/

#about ul { margin-bottom: 20px; }
#about li { margin-bottom: 5px; }

#about label { 
	font-weight: bold;
	color: #000000;
}

#about a { color: #505050; }
#about a:hover { color: #000000; }

#about .level { 
	background: url('images/bg-level.gif') no-repeat 0px 0px; 
	display: block;
	margin-top: 5px;
	width: 108px;
	height: 10px;
}

#about .c1 { background-position: 0px 0px; }
#about .c2 { background-position: 0px -10px; }
#about .c3 { background-position: 0px -20px; }
#about .c4 { background-position: 0px -30px; }
#about .c5 { background-position: 0px -40px; }
#about .c6 { background-position: 0px -50px; }
#about .c7 { background-position: 0px -60px; }
#about .c8 { background-position: 0px -70px; }
#about .c9 { background-position: 0px -80px; }
#about .c10 { background-position: 0px -90px; }

.users-list {
	overflow: hidden;
	width: 100%;
}

.users-list ul { 
	overflow: hidden;
	width: 110%; 
}

.users-list li  {
	margin: 0px 3px 3px 0px;
	float: left;
}

.users-list .more { margin-top: 10px; }

.users-list .more a { text-decoration: underline; }
.users-list .more a:hover { text-decoration: none; }

/**************************************************************************************/

#history { 
	margin: 50px 0px 50px 0px;
	display: none;
}

#history .title {
	padding: 5px 0px 2px 0px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	background: #e5e5e5;
	width: 150px;
}

#history .carousel {
	border: 10px solid #e5e5e5;
	padding: 20px 40px 20px 40px;
	overflow: hidden;
	width: 880px;
}

#history .carousel .viewport {
	overflow: hidden;
	width: 880px;
}

#history .carousel .nav .arrow {
	background: #e5e5e5;
	position: absolute;
	margin-top: 10px;
	line-height: 50px;
	text-indent: -90000px;
	font-size: 10px;
	cursor: pointer;
	width: 10px;
	height: 50px;
	display: none;
}

#history .carousel .nav .left {
	background: url('images/bg-arrow-left.gif') no-repeat;
	margin-left: -25px;
}

#history .carousel .nav .right {
	background: url('images/bg-arrow-right.gif') no-repeat;
	margin-left: 895px;
}

#history .carousel .item {
	padding: 10px 32px 0px 0px;
	margin: 0px;
	width: 150px;
	height: auto;
	float: left;
}

#history .carousel .item h1, #history .carousel .item h2 { 
	margin-left: 60px;
	font-size: 12px; 
}

#history .carousel .item h1 { font-size: 14px; }

#history .item .cover {
	width: 48px;
	height: 48px;
	float: left;
}

#history .item .cover img { height: 48px; }

/**************************************************************************************/

#footer {
	border-top: 5px solid #000000;
	padding: 10px 20px 10px 20px;
	margin-bottom: 40px;
	background: #e5e5e5;
	font-size: 11px;
	overflow: hidden;
	color: #7f7f7f;
	width: 940px;
}

#footer a { color: #7f7f7f; }
#footer a:hover { color: #000000; }

/**************************************************************************************/

.block { margin-bottom: 40px; }

.block .title {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.block .title h3 {
	font-weight: normal;
	font-size: 16px;
	color: #0097a0;
}

.block .filter { 
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px; 
	margin-bottom: 40px;
	margin-top: -10px;
	overflow: hidden;
	width: 100%;
}

.block .filter .frm-select { width: 160px; }

#latest .filter {
	padding-bottom: 30px;
	border-bottom: 0px;
	margin-bottom: 0px;	
}

#connections .filter {
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
}

#activities .filter { margin-top: -15px; }

/**************************************************************************************/

.tabs .labels {
	background: url('images/bg-div.gif') repeat-x bottom;
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}

.tabs .labels li {
	font-size: 11px;
	float: left;
}

.tabs .labels a {
	padding: 3px 15px 3px 15px;
	display: block;
	color: #7f7f7f;
	float: left;
}

.tabs .labels .sel a, .tabs .labels a:hover { color: #000000; }

.tabs .labels .sel {
	border: 1px solid #e5e5e5;
	background: #ffffff;
	border-bottom: 0px;
}

/**************************************************************************************/

.manage-list .list-head { background: #efefef; }

.manage-list li {
	border-top: 1px dotted #e5e5e5;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	width: 100%;
}

.manage-list li a { color: #000000; }

.manage-list .staff {
	margin-right: 5px;
	height: 20px;
	width: 20px;
	float: left;
}

.manage-list .staff strong {
	background: url('images/icon-staff.gif') no-repeat;
	text-indent: -90000px;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

.manage-list .postdate, .manage-list .status {
	width: 110px;
	float: left;
}

.manage-list .postdate { 
	margin-right: 20px;
	cursor: pointer; 
}

.manage-list .post {
	padding-right: 20px;
	font-weight: bold;
	width: 220px;
	float: left;
}

.manage-list .actions { float: right; }

.manage-list .myid, .manage-list .postid { display: none; }

.manage-list .frm-date {
	border: 1px solid #e5e5e5;
	margin-bottom: 3px;
	width: 100px;
}

.manage-list .frm-hour, .manage-list .frm-min {
	border: 1px solid #e5e5e5;
	width: 45px;
}

.manage-list .loading {
	text-indent: -9000px;
	margin-left: -20px;
	position: absolute;
	width: 20px;
}

.manage-list .future { background: #effff7; }

/**************************************************************************************/

.items-list {
	overflow: hidden;
	width: 100%;
}

.items-list .tot-num { display: none; }

.items-list ul { width: 120%; }

.item { 
	margin-right: 60px;
	overflow: hidden;
	height: 250px;
	width: 145px; 
	float: left;
}

.item a { color: #000000; }

.item h1 { 
	line-height: 100%;
	margin-bottom: 3px;
	font-size: 16px; 
}

.item h2 {
	font-weight: normal;
	margin-bottom: 3px;
	line-height: 120%;
	font-size: 12px; 
}

.item .myid, .item .mycat, .item .myglue { display: none; }

.item .date {
	background: #e5e5e5;
	margin-right: 45px;
	text-align: center;
	margin-bottom: 3px;
	font-size: 9px;
	color: #7f7f7f;
	width: 100px;
}

#coverflow .date { display: none; }

#coverflow #current .date {	
	margin: -13px 0px 0px 9px;
	background: #0097a0;
	position: absolute;
	font-size: 9px;
	line-height: 13px;
	color: #ffffff;
	display: block; 
	width: 260px;
	height: 13px;
}

#coverflow #current .date em {
	margin: -13px 0px 0px 100px;
	position: absolute;
	font-style: normal;
	display: block;
	color: #7f7f7f;
}

#coverflow #current.movie .date {
	margin-left: 49px !important;
	width: 180px;
}

#coverflow #current.movie .date em { margin-left: 62px; }

.item .cover {
	border: 1px solid #e5e5e5;
	margin-bottom: 5px;
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	width: 98px;
	height: 98px;
}

.item .cover a { display: block; }
.item .cover img { height: 98px; }

.item .genres { font-size: 11px; }
.item .genres a { color: #858585; }

.item .left { width: 100px; }
.item .right { width: 45px; }

.item .thumb {
	border: 1px solid #e5e5e5;
	margin-bottom: 5px;
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	width: 38px;
	height: 38px;
	float: right;
}

.item .thumb img { height: 38px; }

.item .matches { 
	text-align: center; 
	float: right;
	clear: right;
}

.item .matches a {
	background: url('images/bg-matches.gif') no-repeat 0px 0px;
	padding-left: 5px;
	cursor: pointer;
	display: block;
	font-size: 17px;
	height: 22px;
	width: 40px;
}

.item .matches a:hover { 
	background-position: 0px -22px; 
	color: #ffffff;
}

.item .matches small {
	padding-left: 5px;
	line-height: 10px;
	font-size: 10px;
}

.big {
	margin-right: 50px;
	height: 300px;
	width: 220px; 
}

.big .left, .big .date { width: 175px; }

.big .cover { 
	width: 173px; 
	height: 173px; 
}

.big .cover img { height: 173px; }

.d1 { background: #0097a0 !important; color: #ffffff !important; }
.d2 { background: #66c1c6 !important; color: #ffffff !important; }
.d3 { background: #99d5d9 !important; color: #ffffff !important; }

.connection-delete { font-size: 10px; }

.big .date em {
	margin: -12px 0px 0px 58px;
	font-style: normal;
	position: absolute;
	display: block;
	color: #7f7f7f;
}

/**************************************************************************************/

.balloon {
	background: url('images/bg-balloon.png') no-repeat;
	padding: 15px 20px 15px 30px;
	position: absolute;
	z-index: 20;
	width: 240px;
	height: 300px;
}

.balloon .close {
	background: url('images/icon-close.gif') no-repeat;
	text-indent: -9000px;
	cursor: pointer;
	width: 10px;
	height: 10px;
	float: right;
}

.balloon .items-list { 
	margin-top: -10px; 
	height: 250px; 
	overflow: auto; 
}

.balloon .items-list ul { width: auto !important; }

.balloon .item {
	margin: 0px 0px 20px 0px !important;
	overflow: hidden;
	width: auto !important;
	height: auto !important;
	float: none !important;
}

.balloon .item h1, .balloon .item h2, .balloon .item .year { margin-left: 70px !important; }

.balloon .item h1 { font-size: 14px !important; }
.balloon .item h2 { font-size: 12px !important; }

.balloon .item .year { 
	margin-top: 12px;
	font-size: 11px; 
}

.balloon .cover {
	width: 58px !important;
	height: 58px !important;
	float: left;
}

.balloon .cover img { height: 58px !important; }

/**************************************************************************************/

.titles-list {
	overflow: hidden;
	width: 100%;
}

.titles-list ul { width: 120%; }

.titles-list li {
	margin: 0px 60px 15px 0px;
	width: 145px;
	float: left;
}

.titles-list .columns { width: 200%; }

.titles-list .columns ul {
	margin-right: 60px;
	width: 145px;
	float: left;
}

.titles-list .columns li { 
	margin: 0px 0px 15px 0px;
	float: none; 
}

.titles-list h1 { 
	line-height: 100%;
	margin-bottom: 3px;
	font-size: 13px; 
}

.titles-list h2 {
	font-weight: normal;
	line-height: 120%;
	font-size: 11px; 
}

.titles-list a { color: #000000; }

.titles-list .first h1, .titles-list .first h2 { margin-left: 50px; }

.titles-list .first .cover {
	border: 1px solid #e5e5e5;
	background: #ffffff;
	overflow: hidden;
	text-align: center;
	width: 38px;
	height: 38px;
	float: left;
}

.titles-list .first .cover img { height: 38px; }

/**************************************************************************************/

.feat { margin-bottom: 40px; }

.feat .photo {
	border: 1px solid #e5e5e5;
	margin-bottom: 5px;
	overflow: hidden;
	height: 100px;
}

.feat .photo img {
	width: 350px;
	height: 100px;
}

.feat h1 { font-size: 16px; }
.feat a { color: #000000; }

.feat-list { 
	overflow: hidden;
	width: 100%; 
}

.feat-list ul { width: 120%; }

.feat-list .feat {
	margin-right: 60px;
	width: 350px;
	height: 180px;
	float: left;
}

/**************************************************************************************/

.wp-pagenavi {
	border: 1px solid #e5e5e5;
	padding: 5px 10px 5px 10px;
	text-align: right;
	overflow: hidden;
	width: 738px;
}

.wp-pagenavi .pages { float: left; }

.wp-pagenavi .current, .wp-pagenavi a { 
	padding: 0px 5px 0px 5px; 
	margin-left: 5px;
}

.wp-pagenavi .current {
	background: #4f4f4f;
	color: #ffffff;
}

.wp-pagenavi a { color: #7f7f7f; }
.wp-pagenavi a:hover { color: #000000; }

/**************************************************************************************/

.broken {
	padding-right: 10px;
	font-size: 10px;
	float: right;
}

.broken a { color: #505050; }
.broken a:hover { color: #000000; }

.avatar {
	border: 1px solid #e5e5e5;
	overflow: hidden;
	width: 38px;
	height: 38px;
}

.avatar img { width: 38px; }

.avatar .staff {
	background: url('images/icon-staff.gif') no-repeat;
	text-indent: -90000px;
	width: 40px;
	height: 20px;
}

.pro { 
	border: 0px;
	height: 65px;
	width: 40px;
}

.pro a { 
	border: 1px solid #e3316f; 
	margin-bottom: 3px;
	display: block;
	overflow: hidden;
	width: 38px;
	height: 38px;
}

.year strong {
	padding: 0px 5px 0px 5px;
	background: #fcfca0;
}

.btn {
	background: url('images/btn-generic.gif') no-repeat;
	color: #e3316f !important;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	display: block;
	height: 40px;
	width: 160px;
}

.btn:hover { 
	background-position: 0px -40px;
	text-shadow: 1px 1px #711837;
	color: #ffffff !important; 
}

.left { float: left; }
.right { float: right; }

.pink { color: #e3316f; }

.loading {
	background: url('images/ajax-loader.gif') no-repeat left;
	text-align: left !important;
	padding-left: 20px;
	font-size: 10px;
}

.e404 {
	padding: 40px 0px 40px 0px;
	font-size: 30px;
}

.notice {
	margin: 20px 0px 30px 0px;
	background: #fcfca0;
	text-align: center;
	padding: 5px;
	font-size: 16px;
}

.video-title {
	margin-bottom: 10px;
	font-size: 16px;
}