/*-----------------------------------------------------------------------------
4 Docs

author:    kos korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);

/* Importing branding modules */
@import url(branding/header.css);
@import url(branding/footer.css);

/* Importing modules */
@import url(modules/forms.css);

/* Importing navigation */
@import url(branding/navigation.css);



/* =Elements
-------------------------------------------------------*/
body {
	margin:0 auto;
	font-family:Georgia,'Times New Roman',times,serif;
	color: #646464;
	background:#e4e0de url(/images/bg.jpg) 50% 190px repeat-x;
	}
	body.home {
		background-position:50% 403px;
		}
	body.blog,
	body.win,
	body.watch {
		background-position:50% 160px;
		}
	a:link {
		color:#3e8e22;
		}
	a:visited {
		text-decoration:underline;
		color:#325d23;
		}
	a:hover {
		text-decoration:underline;
		color:#4d4d4d;
		}
	a:active {
		text-decoration:underline;
		outline:none;
		}
	h1 {
		color:#954826;
		}
	p {
		line-height:1.5;
		padding:0 0 0.8em;
		}
	p.sign {
		padding-top:0;
		text-align:right;
		font-size:.8em;
		line-height:1;
		}
	p.em {
		line-height:1.3;
		font-size:1.16em;
		}

/* =Layout elements
-------------------------------------------------------*/
#container {
	width:965px;
	margin:0 auto;
	}
	#container #content {
		font-size:1.2em;
		}
		.narrowcolumn {
			float:right;
			width:710px;
			padding:20px 0;
			}
			.narrowcolumn .column {
				float:left;
				width:470px;
				}
				.narrowcolumn .column.right {
					float:right;
					width:230px;
					}
		.widecolumn {
			padding:0 0 20px;
			}

/* =Sidebar
-------------------------------------------------------*/
.sidebar {
	float:left;
	width:204px;
	margin:120px 0 0;
	}
	body.home .sidebar {
		margin-top:20px;
		}
	body.mediawiki .sidebar {
		margin-top:41px;
		}
		body.mediawiki.mediawiki-home .sidebar {
			margin-top:84px;
			}

		.sidebar div.shareme {
			clear:left;
			padding:0 0 0 16px;
			}
			.sidebar div.shareme h6 {
				padding:0 0 6px;
				font-size:35px;
				color:#954826;
				}
			.sidebar div.shareme ul li {
				float:left;
				width:24px;
				height:23px;
				text-indent:-999em;
				background:url(/images/shareIcons.gif) 0 0 no-repeat;
				}
				.sidebar div.shareme ul li.addthis {
					width:auto;
					height:auto;
					margin:3px 5px 0 0;
					text-indent:0;
					background:none;
					}
				.sidebar div.shareme ul li.twitter {
					background-position:0 -23px;
					}
					.sidebar div.shareme ul li a {
						float:left;
						height:100%;
						outline:none;
						}
		body.win .sidebar h4 {
			font-size:18px;
			color:#000;
			}
		body.win .sidebar ul.tags { /* tags */
			margin:0 0 16px;
			/*font-size:1.2em;*/
			}
			body.win .sidebar ul.tags li {
				display:inline;
				}
				body.win .sidebar ul.tags li a {
					padding:0 3px;
					line-height:1.4em;
					text-decoration:none;
					}
					body.win .sidebar ul.tags li.size-5 a {
						font-size:90%;
						}
					body.win .sidebar ul.tags li.size-4 a {
						font-size:100%;
						}
					body.win .sidebar ul.tags li.size-3 a {
						font-size:110%;
						}
					body.win .sidebar ul.tags li.size-2 a {
						line-height:1.3;
						font-size:120%;
						}
					body.win .sidebar ul.tags li.size-1 a {
						line-height:1.2;
						font-size:140%;
						}
					body.win .sidebar ul.tags li.size1 a {
						line-height:1.1;
						font-size:160%;
						color:#696;
						}
					body.win .sidebar ul.tags li.size2 a {
						line-height:1;
						font-size:180%;
						color:#393;
						}
					body.win .sidebar ul.tags li.size3 a {
						line-height:1;
						font-size:200%;
						color:#363;
						}
					body.win .sidebar ul.tags li.size4 a {
						line-height:1;
						font-size:220%;
						color:#060;
						}
					body.win .sidebar ul.tags li.size5 a {
						line-height:1;
						font-size:260%;
						color:#030;
						}
						body.win .sidebar ul.tags li a:hover {
							color:#fff;
							background:#954826;
							}

/* =Competition
-------------------------------------------------------*/
 .cufon-loading body.win h1,
 .cufon-loading .sidebar div.shareme h6,
 .cufon-loading div.good-to-know h6 {
	 visibility: hidden !important;
	 }
 .cufon-active body.win h1 {
	font-size:57px;
	white-space:nowrap;
	/*color:#3b59b7;*/
	}
 body.win .home .column {
	 font-size:15px;
	 line-height:1;
	 color:#000;
	 }
	 body.win .column.left {
		 width:460px;
		 }
		 body.win .column.left p.small {
			 font-size:12px;
			 }
	 body.win .column.right a.enter-film {
		 display:block;
		 width:230px;
		 height:77px;
		 margin:0 0 10px -14px;
		 text-indent:-999em;
		 outline:none;
		 background:url(/images/buttons/EnterFilm.png) 0 0 no-repeat;
		 }
	 body.win .column.right p {
		 padding:0 8px 12px;
		 font-size:12px;
		 }
	 body.win form.signup {
		 background:url(/images/emailInputField.jpg) 0 0 no-repeat;
		 }
		 body.win form.signup input {
			 top:24px;
			 left:20px;
			 width:197px;
			 margin:24px 0 40px 20px;
			 border:0;
			 line-height:1;
			 font-size:20px;
			 outline:none;
			 }
		 body.win form.signup button {
			 float:right;
			 width:90px;
			 height:31px;
			 text-indent:-999em;
			 border:none;
			 background:url(/images/sendEmail.jpg) 0 0 no-repeat;
			 }

dl.user-details {
	float:left;
	clear:both;
	margin:0 0 12px;
	}
	dl.user-details dt {
		float:left;
		font-weight:bold;
		color:#000;
		}
	dl.user-details dd {
		margin:0 0 4px 14em;
		}

/* =film list (competition)
-------------------------------------------------------*/
dl.films {
	clear:both;
	margin:0 0 20px;
	}
	dl.films > dt {
		position:relative;
		overflow:hidden;
		float:left;
		width:175px;
		height:99px;
		margin:0 14px 0 0;
		}
		dl.films > dt img {
			float:left;
			background-position:50% 50%;
			}
		dl.films > dt a span {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			text-indent:-999em;
			background:url(/images/playButton.png) 50% 50% no-repeat;
			}
	dl.films > dd {
		margin:0 0 0 190px;
		border-bottom:1px dotted #bebdbb;
		}
		dl.films dd h2 {
			display:inline-block;
			padding:0 24px 4px 0;
			font-size:20px;
			font-weight:normal;
			font-style:normal;
			color:#7c7a79;
			background:url(/images/greenArrow.png) 100% 50% no-repeat;
			}
		dl.films dd h3 {
			padding:0 0 8px;
			font-size:14px;
			color:#000;
			}
			dl.films dd h3 a {
				display:inline-block;
				width:70px;
				height:23px;
				margin:0 0 0 8px;
				text-indent:-999em;
				background:url(/images/SPProfileLink.jpg) 0 0 no-repeat;
				}
		dl.films dd dl,
		dl.films dd dl dt,
		dl.films dd dl dd { /* film info (year, duration and rating) */
			float:left;
			height:25px;
			padding:0 4px 0 0;
			line-height:25px;
			font-size:14px;
			color:#000;
			}
			dl.films dd dl {
				padding:0 0 6px;
				}
			dl.films dd dl dt {
				font-size:25px;
				color:#939490;
				}
			dl.films dd dl dd {
				line-height:34px;
				padding-right:12px;
				}
				dl.films dd dl dd.hearts {
					padding-left:24px;
					background:url(/images/greenHeart.gif) 0 50% no-repeat;
					}

		dl.films ul.tags li {
			display:inline;
			}
		dl.films ul.controls li {
			float:left;
			width:70px;
			height:36px;
			margin:10px 12px 0 0;
			text-indent:-999em;
			background:url(/images/buttons/WinFilmButton.png) 0 0 no-repeat;
			}
			dl.films ul.controls li.edit {
				width:78px;
				background-position:0 -36px;
				}
			dl.films ul.controls li.file-upload {
				width:77px;
				background-position:0 -72px;
				}
			dl.films ul.controls li.file-encoding {
				width:80px;
				background-position:0 -109px;
				}
			dl.films ul.controls li.file-encoded {
				width:80px;
				background-position:0 -145px;
				}
			dl.films ul.controls li.file-failed {
				width:80px;
				background-position:0 -181px;
				}
			dl.films ul.controls li.delete {
				width:78px;
				background-position:0 -217px;
				}
				dl.films ul.controls li a {
					display:block;
					height:100%;
					overflow:hidden;
					}

img.headershot {
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	background-position:50% 0;
	background-repeat:no-repeat;
	}
	img.headershot.right {
		float:right;
		margin:0 0 0 30px;
		}
	blockquote.quote img.headershot {
		float:right;
		margin:0 0 0 6px;
		}

.competition-film .column.right {
	width:230px;
	}
.competition-film h2,
.competition-film h3 {
	line-height:1;
	padding:0;
	}
	.competition-film h2 {
		padding:0 0 8px;
		font-size:27px;
		font-weight:normal;
		}
	.competition-film h3 {
		font-size:16px;
		}
		.competition-film h3 span {
			font-size:25px;
			}
.competition-film h4 {
	clear:both;
	margin:0 0 6px;
	padding:6px 0 0;
	border-bottom:1px dotted #bdbcb8;
	font-size:18px;
	color:#000;
	}
	.competition-film .column.right h4 {
		border:none;
		}

div.win-video {
	position:relative;
	}
	div.win-video img {
		position:relative;
		z-index:1;
		}
	div.win-video ul {
		}
		div.win-video ul li {
			position:absolute;
			top:25px;
			right:0;
			width:122px;
			height:121px;
			text-indent:-999em;
			background:url(/images/buttons/LoveAnother.jpg) 0 0 no-repeat;
			}
			div.win-video ul li.not-loggedin {
				background-position:-122px 0;
				}
			div.win-video ul li.loved {
				background-position:-244px 0;
				}
			div.win-video ul li.another {
				top:155px;
				background-position:0 -121px;
				}
			div.win-video ul li a,
			div.win-video ul li button {
				display:block;
				width:100%;
				height:100%;
				border:none;
				text-indent:-999em;
				cursor:pointer;
				outline:none;
				background:transparent;
				}

		 div.good-to-know {
			 position:relative;
			 height:160px;
			 margin:0 0 14px;
			 border-bottom:1px dotted #bdbbb9;
			 background:url(/images/goodToKnowBg.png) 100% 0 no-repeat;
			 }
			 .cufon-active body.win div.good-to-know h6 {
				 width:272px;
				 padding:0;
				 line-height:1;
				 font-size:31px;
				 color:#954826;
				 background:url(/images/dotted-border.gif) 0 28px repeat-x;
				 }
			 div.good-to-know ul {
				 position:absolute;
				 top:44px;
				 right:40px;
				 width:150px;
				 height:80px;
				 line-height:1;
				 text-align:center;
				 font-weight:normal;
				 }
				 div.good-to-know ul li {
					 width:150px;
					 height:100%;
					 }

 .film-list h1 {
	 float:left;
	 }
 .film-list div.sorting {
	 position:relative;
	 float:right;
	 width:438px;
	 height:29px;
	 padding:18px 0 0;
	 line-height:1;
	 text-transform:lowercase;
	 font-size:14px;
	 background:url(/images/sortingBg.png) 0 100% no-repeat;
	 }
	 .film-list div.sorting h6 {
		 position:absolute;
		 bottom:5px;
		 left:16px;
		 padding:0;
		 }
	 .film-list div.sorting ul {
		 float:left;
		 padding:0 0 0 16px;
		 }
		 .film-list div.sorting ul li {
			 position:absolute;
			 bottom:6px;
			 left:103px;
			 }
			 .film-list div.sorting ul li.watched {
				 left:228px;
				 }
			 .film-list div.sorting ul li.rating {
				 left:346px;
				 }
			 .film-list div.sorting ul li a {
				 text-decoration:none;
				 }
				 .film-list div.sorting ul li a:hover,
				 .film-list div.sorting ul li.current a {
					 color:#000;
					 }

/*.welcome {
	float:right;
	width:250px;
	}*/
		/*.welcome h1 span {
			display:block;
			font-size:36px;
			color:#954826;
			}
	.welcome ul {
		line-height:1;
		font-size:35px;
		}
		.welcome ul li a {
			padding:0 32px 0 0;
			text-decoration:none;
			background:url(/images/bullet.gif) 100% 80% no-repeat;
			}
.video {
	float:left;
	width:425px;
	height:245px;
	padding:0 0 20px;
	background:url(/images/tempVideo.jpg) 0 0 no-repeat;
	}
a.seen {
	float:right;
	clear:left;
	height:43px;
	padding:4px 0 0 50px;
	line-height:43px;
	font-size:35px;
	text-decoration:none;
	background:url(/images/seenIcon.png) 0 0 no-repeat;
	}
	body.home a.seen {
		float:left;
		}
div.meta {
	clear:left;
	}*/