body{
text-align:center; /*centers for IE5*/
font-family: Arial, Helvetica, sans-serif;
color:#000;
margin:0;
height:100%; /* this is the key! */ 
background:url(img/bg.gif) repeat-x;
font-size:12px;
}


.bb{
margin:0px auto; 
width:892px; 
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 text-align:left; 
font-size:12px;
}


img {
  border:0px;
}


a {
text-decoration: none;
}


a:hover {
color:#2c5fae;
text-decoration: none;
}



aimg {
  border: 0px solid #ffffff;
}
a:visited img {
  border: 0px solid #3f3f3f;
}
a:hover img {
  border: 0px solid #000000;
}
a:active img {
  border: 0px solid #000000;
}

 input{
}
input.send-btn {
border:0;
width: 64px;
height: 19px;
background: #333 url(images/btn-search.gif) no-repeat;
outline: none;
}



i{color:#2859b6}






.cat-title{
width:480px;
height:28px;
padding:0;
margin-bottom:15px;
font-size:13px;
border-bottom:2px solid #2c5fae;
font: verdana;
color:#000;
font-weight: bold;
float:left;
}

.alpha-title{
width:190px;
padding:0;
margin-bottom:15px;
font-size:13px;
border-bottom:2px solid #2c5fae;
color:#000;
font:Arial;
color:#000;
font-weight: bold;
}

.genre-title{
width:120px;
padding:0;
margin-bottom:16px;
font-size:13px;
border-bottom:2px solid #2c5fae;
color:#000;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;color:#000;
}

.right-title{
width:190px;
/*border-top:12px solid #ffffff;*/
height:16px;
padding:0;
margin-bottom:15px;
font-size:13px;
border-bottom:2px solid #2c5fae;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;color:#000;
float:left;
}



.cat-more{
width:72px;
height:13px;
padding:0;
border-top:15px solid #ffffff;
margin-bottom:15px;
font-size:12px;
border-bottom:2px solid #2c5fae;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;color:#000;
float:right;
text-align:center;
background:#2c5fae;
}


.tv-title{
float:left; 
width:245px; 
height:40px; 
margin-right:30px;
font-size:13px; 
overflow:hidden;

}



.cat-more a{
color:#ffffff;
font-weight:normal;

}
   
                    

/*tooltip movies page*/

#dhtmltooltip{
text-align: left;
position: absolute;
width: 250px;
height:66px;
overflow:hidden;
border: 2px solid #2c5fae;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/*new add ons*/

.cinetopmenu{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
width:882px;
	list-style: none;
overflow:hidden;
	background: url(img/menu/menub_bg.gif) no-repeat top; /*tab background image path*/
}

.cinebottommenu{
	font-family: verdana;
	font-size: 12px;
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
width:882px;
height:20px;
overflow:hidden;
	background: url(img/menu/menub_bg-bottom.gif) no-repeat bottom; /*tab background image path*/
}


.cinetopmenu li{
cursor:pointer;
cursor:hand;
	float:left;
}

.cinetopmenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: verdana;
	font-size: 13px;
	font-weight: normal;
	padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.cinetopmenu li a span{
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 8px; /*Padding of menu items*/
	background: url(img/menu/arrowdown.gif) no-repeat right bottom; /*left tab image path*/
}

.cinetopmenu li a spanno{
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 10px 0 8px; /*Padding of menu items*/
}

.cinetopmenu li a:hover{
	color:#000;
	text-decoration: underline;
	background-position: left;
}

.cinetopmenu li a:hover span{
	color:#000;
	text-decoration: underline;}

.cinetopmenu li.current a{
	color: #2859b6;
	text-decoration: none;
	background: url(img/menu/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.cinetopmenu li.current a span{
	color: #2859b6;
	text-decoration: none;
	background: url(img/menu/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/*bottom*/
.cinebottommenu a {
	color:#000;
	text-decoration: none;
	float: left;
	display: block;
	padding: 0 10px 0 4px; /*Padding of menu items*/
}



.cinebottommenu a span{
height:20px;
	color:#000;
	text-decoration: none;
	float: left;
	display: block;
	padding: 0 10px 0 4px; /*Padding of menu items*/
}

.cinebottommenu a:hover{
height:20px;
	color:#000;
	text-decoration: underline;
	background-position: left;
}

.cinebottommenu a:hover span{
height:20px;
	color:#000;
	text-decoration: underline;}

#current{
height:20px;
	color: #000;
	text-decoration: none;
	background: url(img/menu/menubtm_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

#current span{
height:20px;
	color: #000;
	text-decoration: none;
	background: url(img/menu/menubtm_hover_right.gif) no-repeat right center; /*right tab image path*/
}

/*live search*/
#livesearch{
margin:0 0 10px 0;
}
.liveresult{
width:870px;
	float:left;
margin-bottom:10px;
	font-family: verdana;
	font-size: 12px;
}



.liveresult a {
cursor:pointer;
cursor:hand;
padding:5px;
	text-decoration: none;
color:#000;
margin-bottom:5px;
}



#small{padding-bottom:5px;}

.liveresult a:hover{
	text-decoration: none;
	color:#2758b4;
	background: #fff; /*left tab image path*/}



#showallrews{float:right;
text-align:right;margin-right:5px;padding:0 5px 0 5px;
height:25px;
overflow:hidden;
}

#searchresulttext{
float:right;background:white;padding:5px;
margin-bottom:10px;
margin-right:5px;
margin-top:2px;
}
#menubottom{
margin-bottom:10px;
}




#wrapper {
	width: 960px;
	margin: 0px auto;
}
#header {
	background: #d9f5fd;
	position: relative;
}
	#header h1 {
		font-size: 2em;
		letter-spacing: -1px;
		margin: 0px;
		padding: 25px 25px 35px 25px;
	}
		#header h1 a {
			color: #333;
			text-decoration: none;
			text-shadow: 0px 1px #fff;
		}
	#header ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: absolute;
		right: 10px;
		bottom: 0px;
	}
		#header ul li {
			display: inline-block;
			float: left;
			margin: 0px 0px 0px 4px;
		}
			#header ul li a {
				font-size: 1.1em;
				color: #fff;
				text-decoration: none;
				background: #00bff3;
				display: inline-block;
				padding: 2px 4px;
				border-top: 1px solid #fff;
				outline: none;
			}
			#header ul li a:hover { background: #00aeef; }
			#header ul li a.bold { font-weight: bold; }
			#header ul li a.red { background: #ed1c24; }
			#header ul li a.grey { background: #444; }
			#header ul li a.green { background: #39b54a; }
	#header form {
		margin: 0px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
		#header form .input {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			width: 100px;
			padding: 1px 1px 1px 2px;
		}
		#header form .button {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			padding: 0px 3px;
		}
#main {
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}
	#main .left {
		float: left;
		width: 700px;
	}
		#main  h2 {
			font-size: 20px;
			letter-spacing: -1px;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 5px 0px;
			border-bottom:2px solid #2c5fae;

		}
	#main .right {
		float: right;
		width: 240px;
	}
	#main .movies {
		margin: 0px 0px 20px 0px;
		overflow: hidden;
	}
		#main .movies .movie {
			float: left;
			width: 272px;
			margin: 0px 20px 20px 0px;
		}
			#main .movies .movie .thumb {
				float: left;
				margin: 0px 10px 10px 0px;
			}
				#main .movies .movie .thumb img {
					height: 100px;
					border: 0px;
				}
			#main .movies .movie h3 {
				font-size: 16px;
				margin: 0px;
			}
				#main .movies .movie h3 a {
					color: #2c5fae;
				}
			#main .movies .movie p {
				font-size: 12px;
				color: #555;
				line-height: 1.4em;
				margin: 0px 0px 0px 0px;
			}
		#main .movies .view-all {
			font-size: 1.1em;
			font-weight: bold;
			color: #fff;
			background: #888;
			display: inline-block;
			
			padding: 2px 4px;
			outline: none;
			text-decoration: none;
		}
		#main .movies .view-all:hover { background: #444; }
		#main .movies .friends {
			font-size: 1.1em;
			font-weight: bold;
			color: #fff;
			background: #0099FF;
			display: inline-block;
			
			padding: 2px 4px;
			outline: none;
			text-decoration: none;
		}
		#main .movies .friends:hover { background: #0066FF; }
	#main .movies-small {
		margin: 0px 0px 25px 0px;
	}
		#main .movies-small h2 {
			font-size: 16px;
			font-weight: bold;
			letter-spacing: -1px;
			margin: 0px 0px 10px 0px;
		}
		#main .movies-small h3 {
			font-size: 12px;
			font-weight: normal;
			margin: 5px 0px 0px 0px;
		}
			#main .movies-small h3 a { color: #777; }
			#main .movies-small h3 a:hover { color: #333; }
	#main .pagination {
		font-size: 1.2em;
		clear: left;
		margin: 0px 0px 20px 0px;
		overflow: hidden;
	}
		#main .pagination a {
			color: #777;
			text-decoration: none;
			display: inline-block;
			float: left;
			padding: 1px 5px;
			margin: 0px 5px 0px 0px;
		}
		#main .pagination a.active {
			font-weight: bold;
			color: #ed145b;
			background: #dfdfdf;
		}
		#main .pagination span {
			display: inline-block;
			float: left;
			padding: 1px 5px;
		}
#movie {
	margin: 0px 0px 20px 0px;
}
	#movie p {
		font-size: 12px;
		line-height: 1.5em;
		overflow: hidden;
		margin: 0px 0px 20px 100px;
	}
	#movie .thumb {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	#movie .sources {
		overflow: hidden;
	}
	#movie .clearleft { clear: left; }
	#movie .sources.overflow { overflow: visible; }
		#movie .sources .source {
			float: left;
			width: 164px;
			height: 100px;
			margin: 0px 10px 10px 0px;
		}
		#movie .sources.overflow .source {
			width: 215px;
			height: auto;
		}
			#movie .sources .source h3 {
				font-size: 12px;
				color: #333;
				text-decoration: underline;
			}
			#movie .sources .source a {
				font-size: 12px;
				color: #09c;
				text-decoration: none;
			}
			#movie .sources .source a:hover { text-decoration: underline; }
			#movie .sources .source ul {
				line-height: 1.5em;
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
#info {
}
	#info h2 {
		font-size: 18px;
		letter-spacing: -1px;
		margin: 0px;
	}
	#info p {
		font-size: 12px;
		line-height: 1.7em;
		margin: 10px 0px 0px 0px;
	}
		#info p strong { color: #333; }
		#info p span { color: #777; }
#twitter-follow { border: 0;position: fixed;  top: 100px; right:0;}