@CHARSET "UTF-8";

body {
	background: #fff url('../Images/body_bg.png') repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #252525;
	text-align: left;
}

a:link, a:visited, a:active {color: #0199eb;}
a:hover, a.active {color: #252525;}
a.profile {text-decoration: none;}
.clear {clear: both;}
.content {width: 950px; margin: 0 auto;}
.floatLeft {float: left;}
.floatRight {float: right;}
#mainContent h3 {font-size: 16px; color: #5c5c5c; border-bottom: 1px solid #e0e0e0; line-height: 18px; padding-bottom: 4px;}
h2 {color: #5c5c5c; font-weight: bold; font-size: 20px;}
h2 span {font-size: 15px; font-weight: normal;}

.indent {padding-left: 10px; padding-right: 10px;}
.indent3 {padding-left: 30px; padding-right: 30px;}
.focus {background-color: #f5f5f5;}
.time {font-size: 10px; color: #999; margin-left: 10px;}
p.small {font-size: 13px}
.posterThumb {
	background: url("../Images/cover_bg-small.png") no-repeat; 
	padding: 18px 16px;
	width: 92px;
	height: 136px;
}
.posterList li {margin: 0 12px;}
.strong {font-weight: bold;}



#header {
	height: 100px;
}
	#logo {
		float: left;
		margin-top: 20px;
		font-size: 47px;
		font-weight: bold;
	}
	#logo a {text-decoration: none; color: #252525}
	#headerMenu {
		float: right;
		margin-top: 35px;
	}
		#headerMenu li a {
			display: block;
			height: 26px;
			width: 79px;
			margin: 0 4px;
			text-indent: -9000px;
			text-transform: capitalize;
			color: #252525;
		}
		#headerMenu li.loginBtn a {
			background: url("../Images/btn_login.png") top no-repeat;
		}
		#headerMenu li.logoutBtn a {
			background: url("../Images/btn_logout.png") top no-repeat;
		}
		#headerMenu li a:hover, #headerMenu li a.active { background-position: bottom; }

#mainMenu {
	height: 43px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
}
	#mainMenu ul {
		height: 40px;
		background: url("../Images/menu_seperator.png") no-repeat;
		padding-left: 2px;
	}
		#mainMenu ul li {
			height: 100%;
			background: url("../Images/menu_seperator.png") right no-repeat;
		}
			#mainMenu ul li a {
				display: block;
				float: left;
				margin-right: 2px;
				padding: 10px 18px;
				text-decoration: none;
				color: #252525;
			}
			#mainMenu ul li a.img {padding: 10px 18px 0 18px;}
			#mainMenu ul li a:hover, #mainMenu ul li a.active {background: url("../Images/menu_bg_active.png") repeat-x;}

#topContent {
	padding-top: 25px;
	padding-bottom: 180px;
	background-color: #f1f2ec;
	border-bottom: 1px solid #b3b3af;
}
#topContent .content {width: 800px;}
	#topContent #pageHint {
		font-style: italic;
	}
		#topContent #pageHint p span {
			text-decoration: underline;
		}
		
	#topContent #search {
		padding-bottom: 25px;
	}
	#topContent #search .content {width: 450px;}
		#topContent #search #searchInput {
			border: 1px solid #d4d4d4;
			border-right: 0;
			margin: 0;
			float: left;
			width: 379px;
			padding: 0;
			height: 30px;
			padding-left: 10px;
		}
		#topContent #search #searchBtn {
			height: 32px;
			width: 52px;
			background: url("../Images/btn_search.png") top no-repeat;
			border: 0;
			text-indent: -9000px;
			text-transform: capitalize;
		}
		#topContent #search #searchBtn:hover {
			background-position: bottom;
		}
		

#mainContent {
	margin-top: -180px;
}
	#mainContent .content {
		height: 100%;
		background-color: #fff;
		border: 1px solid #d0d0d0;
	}
	#mainContent .subContent {
		padding: 30px;
	}
		#mainContent .contentMenu {
			background-color: #F1F2EC;
			padding: 4px 0;
			margin-bottom: 30px;
		}
			#mainContent .contentMenu a {
				padding: 4px;
			}
	#mainContent .col1 {
		width: 680px;
		float: left;
	}
		#mainContent .synopsis {
			width: 440px;
			float: left;
			background-color: #f1f2ec;
			border: #cbcdc5 1px solid;
		}
			#mainContent .synopsis p {
				margin: 15px;
				font-family: Verdana, Arial, sans-serif;
				font-size: 10px;
				font-weight: bold;
				font-style: italic;
			}
		#mainContent .extras {
			width: 150px;
			float: left;
		}
			#mainContent .extras a {
				margin-left: 30px;
				line-height: 30px;
			}
			
		#mainContent #live {
			margin: 30px 0 20px 0;
		}
			#live #comment {
				margin-bottom: 20px;
			}
			#live .item {
				padding-bottom: 1px;
				margin-bottom: 5px;
				background: url('../Images/hr_bg.png') bottom left no-repeat;
			}
				#live .item p {
					float: left;
					width: 570px;
				}
				#live .item .controls {
					float: right;
					width: 30px;
					display: none;
				}
				#live .item:hover .controls {
					display: inherit;
				}
	
	
	#mainContent .col2 {
		width: 270px;
		float: left;
	}
		#mainContent .col2 ul {
			margin-bottom: 20px;
		}
	
	
	#mainContent .col3 {
		width: 50%;
		float: left;
	}
	
	
	#mainContent img.betaRibbon {
		z-index: 5;
		position: absolute;
		margin-top: -3px;
		margin-left: 871px;
	}

#footer {
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
}
#footer .content {width: 850px;}


/** FORMS **/
input {
	background: url("../Images/input_bg.png") no-repeat;
}
input[type=submit] {
	cursor: pointer;
}
input.error, input.error:focus {
	background: url("../Images/input_error.gif") repeat-x;
	border-color: #D35757;
	color: #B70B0B;
}



.login_button {
	height: 33px;
	width: 124px;
	background: url("../Images/btn_submitLogin.png") top no-repeat;
	border: 0;
	text-indent: -9000px;
	text-transform: capitalize;
}
.login_button:hover {
	background-position: bottom;
}
.signup_button {
	height: 33px;
	width: 124px;
	background: url("../Images/btn_registrate.png") top no-repeat;
	border: 0;
	text-indent: -9000px;
	text-transform: capitalize;
}
.signup_button:hover {
	background-position: bottom;
}
.save_button {
	height: 33px;
	width: 124px;
	background: url("../Images/btn_save.png") top no-repeat;
	border: 0;
	text-indent: -9000px;
	text-transform: capitalize;
}
.save_button:hover {
	background-position: bottom;
}




/** LISTS **/

ul.horizontalList {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.horizontalList li {
		float: left;
		display: block;
	}

ul.cleanList {
	list-style: none;
	margin: 0;
	padding: 0;
}


/** TIPS **/

#logTip {
	display: none;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	font-size: 12px;
	width: 220px;
}
	#logTip a {margin: 4px; float: right; color: #252525; text-decoration: none; font-size: 10px;}
	#logTip li a {
		display: block;
		margin: 0;
		float: none;
		color: #252525;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 4px;
		border-bottom: 1px solid #e0e0e0;
	}
	#logTip li a:hover {
		background-color: #f5f5f5;
	}
		#logTip li a span {
			color: #0199eb;
		}

#searchTip { 
	display: none;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	font-size: 12px;
	width: 180px;
	padding: 10px;
	text-align: center;
}


/** SLIDESHOW **/
#slideshow {
	width: 680px;
	/*
	background: url("../Images/backdrop_shadow.png") bottom repeat-x;
	padding-bottom: 9px;
	*/
}
	#slideshow #slidesContainer {
		margin: 0 auto;
		width: 680px;
		height: 382px;
		overflow: auto; /* allow scrollbar */
	}
		#slidesContainer .slide {
			width: 660px; /* reduce by 20 pixels to avoid horizontal scroll */
			height: 382px;
		}
			#slidesContainer .slide img {
				width: 100%;
				height: 100%;
			}
		#slideshow .control {
			z-index: 5;
			display: block;
			padding: 10px;
			/*text-indent: -10000px;*/
			position: absolute;
			cursor: pointer;
			background-color: #0199eb;
			color: #fff;
		}
		#slideshow #leftControl {
			margin: 170px 0 0 0px;
			/*background: url("../Images/backdrop_left_button.png") no-repeat;*/
		}
		#slideshow #rightControl {
			margin: -210px 0 0 627px;
			/*background: url("../Images/backdrop_right_button.png") no-repeat;*/
		}
		#slideshow #leftControl:hover, #slideshow #rightControl:hover {
			background-position: bottom;
		}

		
/** FORM **/
#comment #shareComment {
	width: 608px;
	height: 140px;
}

	#comment .socials {
		float: left;
		width: 400px;
		margin-top: 5px;
		font-size: 12px;
		font-weight: bold;
	}
		#comment .socials span {
			float: left;
			margin-right: 10px;
		}
		#comment .socials a {
			width: 30px;
			height: 27px;
			display: block;
			float: left;
		}
		/* Facebook */
		#comment .socials a.facebook {background: url('../Images/check_facebook.png') bottom no-repeat;}
		#comment .socials a.facebook:hover, #comment .socials a.facebook.active {background-position: top;}
		/* Twitter */
		#comment .socials a.twitter {background: url('../Images/check_twitter.png') bottom no-repeat;}
		#comment .socials a.twitter:hover, #comment .socials a.twitter.active {background-position: top;}
	
	#comment .post {
		float: right;
	}
		#comment .post .shareCounter {
			font-size: 11px;
			font-weight: bold;
			margin-right: 10px;
		}
		#comment #postCommentBtn {
			height: 33px;
			width: 124px;
			background: url("../Images/btn_postcomment.png") top no-repeat;
			border: 0;
			text-indent: -9000px;
			text-transform: capitalize;
		}
		#comment #postCommentBtn:hover {
			background-position: bottom;
		}
	#comment p.share {
		font-size: 10px;
		margin: 10px 0;
	}
		#comment p.share a {
			text-decoration: none;
		}

/** MSG **/
.msg {
	-moz-border-radius: 5px 5px 5px 5px;
	border: 1px solid;
	margin: 0 0 15px;
	padding: 8px 10px 0;
	font-size: 12px;
}
	.msg p {
		margin: 0 0 8px;
		padding-left: 25px;
	}

.msg-ok  {
	background: url("../Images/msg_ok.png") repeat-x scroll 0 0 #D2ECBA;
	border-color: #A6D877;
	color: #336801;
}
	.msg-ok p {
		background: url("../Images/icon_accept.png") no-repeat scroll 0 50% transparent;
	}
.msg-error {
	background: url("../Images/msg_error.png") repeat-x scroll 0 0 #F9C9C9;
	border-color: #F3ABAB;
	color: #8D0D0D;
}
	.msg-error p {
		background: url("../Images/icon_cross_octagon.png") no-repeat scroll 0 50% transparent;
	}
.msg-warning {
	background: url("../Images/msg_warning.png") repeat-x scroll 0 0 #F3F7AA;
	border-color: #D7E059;
	color: #6C6600;
}
	.msg-warning p {
		background:url("../Images/icon_exclamation_octagon_fram.png") no-repeat scroll 0 50% transparent;
	}
.msg-info {
	background: url("../Images/msg_info.png") repeat-x scroll 0 0 #C3E6FF;
	border-color: #9FD1F5;
	color: #005898;
}
	.msg-info p {
		background: url("../Images/icon_exclamation.png") no-repeat scroll 0 50% transparent;
	}