@charset "utf-8";
/* CSS Document */
/* HTML coded by normalfx */
/*
   url : http;//www.normalfx.com/
   email : normalfx@gmail.com
*/

/* initial */
*{
	margin:0;
	padding:0;
	}
body{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#454344 url(images/main_bg.gif) repeat-x
	}
p{
	font-size:1.6em;
	padding:0 0 1.4em 0
	}
img{
	border:none
	}


/* main layout */
#header{
	background:url(images/top_bg.jpg) no-repeat top center;
	width:1066px;
	height:156px;
	margin:0 auto;
	}
#wrapper{
	width:1066px;
	margin:0 auto;
	}
#content{
	width:802px;
	float:left;
	}
#sidebar{
	width:264px;
	float:left;
	}
#footer{
	float:left;
	width:802px;
	}
	
/* site styling */
#header h1{
	width:455px;
	height:124px;
	background:url(images/movics_logo.jpg) no-repeat;
	margin:0 0 0 100px
	}
#header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	}
#search-box{
	margin:7px 0 0 286px;
	}
#search-box label{
	padding:0 20px 0 3px;
	font-family:trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	font-size:1.3em;
	}
#search-box .search-input{
	width:131px;
	height:16px;
	padding:3px;
	background:url(images/search_box_bg.jpg) no-repeat;
	border:none;
	font-family:trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}
#search-box .search-btn{
	vertical-align:top
	}
#nav{
	float:left;
	width:802px;
	height:39px;
	background:#2C7FBE url(images/top_nav_bg.gif) no-repeat;
	}
#nav ul li{
	display:inline;
	float:left
	}
#nav ul li a{
	display:block;
	float:left;
	text-indent:-9999em;
	height:39px
	}
#nav ul li.home a{
	width:100px;
	background:url(images/btn_home.gif) no-repeat
	}
#nav ul li.recent a{
	width:144px;
	background:url(images/btn_recently.gif) no-repeat
	}
#nav ul li.best-rated a{
	width:114px;
	background:url(images/btn_best_rated.gif) no-repeat
	}
#nav ul li.genres a{
	width:96px;
	background:url(images/btn_genres.gif) no-repeat
	}
#nav ul li.contact a{
	width:101px;
	background:url(images/btn_contact.gif) no-repeat
	}
#nav ul li a:hover, #nav ul li a.recent{
	background-position:0 -39px;
	}
#new-release{
	float:left;
	width:802px;
	height:283px;
	background:url(images/new_release_bg.jpg) no-repeat
	}
#new-release h3{
	display:inline;
	float:left;
	width:136px;
	height:36px;
	background:url(images/label_new_releases.gif) no-repeat;
	text-indent:-9999em;
	margin:0 0 0 11px;
	}
#new-rel-container{
	float:left;
	width:764px;
	padding:0 10px 0 21px;
	}
#new-rel-container .new-release-block{
	float:left;
	width:150px;
	text-align:center;
	background:url(images/release_separator.gif) right center no-repeat
	}
#new-rel-container .new-release-block h4{
	font-size:1em;
	height:22px;
	padding:0 0 5px 0;
	}
#new-rel-container .new-release-block h4 a{
	display:block;
	color:#0D4D7F;
	text-decoration:none
	}
#new-rel-container .new-release-block h4 a:hover{
	color:#1F80CD
	}
#new-rel-container .new-release-block .score-box span{
	display:block;
	color:#fff;
	font-size:1.1em
	}
#new-rel-container .new-release-block .score-box span.date{
	padding:8px 0 0 0;
	font-weight:700
	}
#new-rel-container .new-release-block .cover-cont img{
	border:1px solid #000;
	}
#search-head{
	float:left;
	width:802px;
	height:144px;
	background:url(images/search_head_bg.gif) no-repeat
	}
#search-head h3{
	padding:10px 0 0 35px;
	}
#search-head p{
	font-size:1.1em;
	padding:14px 35px 5px;
	color:#777778
	}
#search-head .alphabet-box{
	display:inline;
	float:left;
	clear:both;
	margin:0 35px 0 125px;
	height:35px;
	background:url(images/alphabet_bg.gif) top left no-repeat;
	}
#search-head .alphabet-box .title{
	float:left;
	color:#115083;
	font-size:1.2em;
	font-weight:700;
	padding:10px 30px 0 0
	}
#search-head .alphabet-box span{
	float:left;
	display:block;
	padding:5px 10px 0 0;
	height:30px;
	background:url(images/alphabet_tail.gif) right no-repeat
	}
#search-head .alphabet-box span a{
	color:#000;
	display:block;
	float:left;
	padding:5px;
	font-size:1.2em;
	font-weight:700;
	}
#search-head .alphabet-box span a:hover{
	text-decoration:none
	}
#search-head small{
	float:left;
	display:block;
	font-size:1.1em;
	padding:4px 35px;
	color:#777778
	}
#search-content{
	float:left;
	width:802px;
	background:url(images/search_result_top_bg.gif) no-repeat
	}
#search-content .genre{
	padding:20px 35px 15px 35px;
	}
#search-body{
	float:left;
	width:802px;
	background:url(images/search_body_bg.gif) repeat-y
	}
#search-body .search-row{
	display:inline;
	float:left;
	width:743px;
	height:159px;
	margin:0 0 7px 32px;
	background:url(images/search_display_bg.gif) no-repeat;
	}
#search-body .search-row .movie-list{
	float:left;
	width:350px;
	padding:10px;
	}
#search-body .search-row .movie-list .mov-poster{
	float:left;
	width:98px;
	height:140px;
	background:url(images/billboad_bg.gif) no-repeat
	}
#search-body .search-row .movie-list .mov-poster img{
	margin:5px 0 0 4px;
	width:88px;
	height:129px
	}
#search-body .search-row .movie-list .description{
	float:left;
	width:220px;
	padding:0 10px;
	}
#search-body .search-row .movie-list .description h2{
	font-size:1.5em;
	padding:18px 0 15px 0
	}
#search-body .search-row .movie-list .description h2 a{
	color:#226DA8;
	text-decoration:none
	}
#search-body .search-row .movie-list .description h2 a:hover{
	text-decoration:underline
	}
#search-body .search-row .movie-list .description p{
	font-size:1.2em;
	padding:0 0 5px 0;
	color:#115083
	}
#search-body .search-row .movie-list .description p a{
	color:#115083
	}
#search-body .search-row .movie-list .description p a:hover{
	text-decoration:none
	}
#search-body .search-row .movie-list .description p strong{
	padding:0 15px 0 0;
	}
#search-body .search-row .movie-list .description span.vote{
	float:left;
	font-size:1.1em;
	padding:3px 0 0 5px;
	color:#115083
	}

/* star rating */
#new-rel-container .new-release-block .rating {
	background:transparent url(images/star-matrix.png) no-repeat scroll 0 0;
	clear:both;
	height:19px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:3px auto 5px auto;
	padding:0;
	position:relative;
	width:95px;
}
* html #new-rel-container .new-release-block .rating {
	background:transparent url(images/star-matrix.gif) no-repeat scroll 0 0;
	}
#new-rel-container .new-release-block .nostar {
	background-position:0 0;
}
#new-rel-container .new-release-block .onestar {
	background-position:0 -19px;
}
#new-rel-container .new-release-block .twostar {
	background-position:0 -38px;
}
#new-rel-container .new-release-block .threestar {
	background-position:0 -57px;
}
#new-rel-container .new-release-block .fourstar {
	background-position:0 -76px;
}
#new-rel-container .new-release-block .fivestar {
	background-position:0 -95px;
}
#new-rel-container .new-release-block ul.rating li {
	cursor:pointer;
	float:left;
	text-indent:-999em;
}
#new-rel-container .new-release-block ul.rating li a {
	height:16px;
	left:0;
	position:absolute;
	text-decoration:none;
	top:0;
	width:16px;
	z-index:200;
}
#new-rel-container .new-release-block ul.rating li.one a {
	left:0;
}
#new-rel-container .new-release-block ul.rating li.two a {
	left:19px;
}
#new-rel-container .new-release-block ul.rating li.three a {
	left:38px;
}
#new-rel-container .new-release-block ul.rating li.four a {
	left:57px;
}
#new-rel-container .new-release-block ul.rating li.five a {
	left:76px;
}
#new-rel-container .new-release-block ul.rating li a:hover {
	background:transparent url(images/star-matrix.png) no-repeat scroll 0 0;
	height:19px;
	left:0;
	overflow:hidden;
	width:95px;
	z-index:2;
}
* html #new-rel-container .new-release-block ul.rating li a:hover {
	background:transparent url(images/star-matrix.gif) no-repeat scroll 0 0;
	}
#new-rel-container .new-release-block ul.rating li.one a:hover {
	background-position:0 -19px;
}
#new-rel-container .new-release-block ul.rating li.two a:hover {
	background-position:0 -38px;
}
#new-rel-container .new-release-block ul.rating li.three a:hover {
	background-position:0 -57px;
}
#new-rel-container .new-release-block ul.rating li.four a:hover {
	background-position:0 -76px;
}
#new-rel-container .new-release-block ul.rating li.five a:hover {
	background-position:0 -95px;
}

#search-body .search-row .movie-list .description .rating {
	float:left;
	background:transparent url(images/star-matrix2.png) no-repeat scroll 0 0;
	clear:both;
	height:19px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 3px 5px 0;
	padding:0;
	position:relative;
	width:95px;
}
* html #search-body .search-row .movie-list .description .rating{
	background:transparent url(images/star-matrix2.gif) no-repeat scroll 0 0;
	}
#search-body .search-row .movie-list .description .nostar {
	background-position:0 0;
}
#search-body .search-row .movie-list .description .onestar {
	background-position:0 -19px;
}
#search-body .search-row .movie-list .description .twostar {
	background-position:0 -38px;
}
#search-body .search-row .movie-list .description .threestar {
	background-position:0 -57px;
}
#search-body .search-row .movie-list .description .fourstar {
	background-position:0 -76px;
}
#search-body .search-row .movie-list .description .fivestar {
	background-position:0 -95px;
}
#search-body .search-row .movie-list .description ul.rating li {
	cursor:pointer;
	float:left;
	text-indent:-999em;
}
#search-body .search-row .movie-list .description ul.rating li a {
	height:16px;
	left:0;
	position:absolute;
	text-decoration:none;
	top:0;
	width:16px;
	z-index:200;
}
ul.rating li.one a {
	left:0;
}
ul.rating li.two a {
	left:19px;
}
 ul.rating li.three a {
	left:38px;
}
 ul.rating li.four a {
	left:57px;
}
 ul.rating li.five a {
	left:76px;
}
 ul.rating li a:hover {
	background:transparent url(images/star-matrix2.png) no-repeat scroll 0 0;
	height:19px;
	left:0;
	overflow:hidden;
	width:95px;
	z-index:2;
}
* html #search-body .search-row .movie-list .description ul.rating li a:hover{
	background:transparent url(images/star-matrix2.gif) no-repeat scroll 0 0;
	}
#search-body .search-row .movie-list .description ul.rating li.one a:hover {
	background-position:0 -19px;
}
#search-body .search-row .movie-list .description ul.rating li.two a:hover {
	background-position:0 -38px;
}
#search-body .search-row .movie-list .description ul.rating li.three a:hover {
	background-position:0 -57px;
}
#search-body .search-row .movie-list .description ul.rating li.four a:hover {
	background-position:0 -76px;
}
#search-body .search-row .movie-list .description ul.rating li.five a:hover {
	background-position:0 -95px;
}
.search-content-foot{
	float:left;
	padding:20px 35px 0 35px;
	width:732px;
	height:35px;
	background:url(images/search_foot_bg.gif) no-repeat;
	}
#footer .foot-nav{
	float:left;
	padding:0 15px;
	}
#footer .foot-nav p{
	font-size:0.9em;
	font-weight:700;
	color:#8C8B8B
	}
#footer .foot-nav p a{
	color:#8C8B8B;
	text-decoration:none
	}
#footer .foot-nav p a:hover{
	text-decoration:underline
	}
#member{
	float:left;
	width:231px;
	height:189px;
	background:url(images/user_log_bg.gif) no-repeat
	}
#member .member-panel{
	float:left;
	width:211px;
	padding:10px 10px 6px;
	height:130px;
	background:url(images/member_bg.jpg) no-repeat
	}
#member .member-panel label{
	float:left;
	width:60px;
	color:#fff;
	font-size:1.1em;
	padding:2px 0 0 0
	}
#member .member-panel .input-box{
	width:136px;
	height:20px;
	border:1px solid #0D4D7F;
	background:url(images/member_input_bg.gif) no-repeat
	}
#member .member-panel .tools{
	padding:10px 0 0 0;
	}
#member .member-panel p{
	padding:0 0 5px 0;
	color:#93CAF4;
	font-size:1.1em
	}
#member .member-panel p a{
	color:#fff;
	font-weight:700
	}
#member .member-panel p a:hover{
	text-decoration:none
	}
#member .member-panel p.submit-box{
	padding:0 0 0 60px
	}
#side-utility{
	float:left;
	width:230px;
	background:url(images/widget_body.gif) repeat-y
	}
#side-utility .top-round{
	float:left;
	width:230px;
	height:14px;
	background:url(images/side_widget_top.gif) no-repeat
	}
#side-utility .btm-round{
	float:left;
	width:230px;
	height:14px;
	background:url(images/side_widget_btm.gif) no-repeat
	}
#side-utility .content .box{
	display:inline;
	float:left;
	width:197px;
	margin:0 0 20px 14px;
	border-bottom:1px dotted #fff;
	}
* html #side-utility .content .box{
	margin:0 0 20px 6px;
	}
	
/* pagination */
#pagination{
	display:inline;
	float:left;
	padding:15px 10px 15px 250px
	}
#pagination-flickr li{
	font-size:1.2em;
	font-weight:700;
	float:left;
	border:0; margin:0; padding:0;
	list-style:none;
	}
#pagination-flickr li span{
	padding:4px 6px;
	}
#pagination-flickr a{
	border:solid 1px #EDEDED;
	text-decoration:underline;
	margin-right:2px;
	}
#pagination-flickr .previous-off,
#pagination-flickr .next-off,
#pagination-flickr .page
 {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
	}
#pagination-flickr .next a,
#pagination-flickr .previous a {
	font-weight:bold;
	}
#pagination-flickr .active{
	color:#ccc;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
	}
#pagination-flickr a:link,
#pagination-flickr a:visited {
	color:#155385;
	display:block;
	float:left;
	padding:3px 6px;
	}
#pagination-flickr a:hover{
	border:solid 1px #666666;
	}
/* general classes */
.left{
	float:left;
	}
.right{
	float:right
	}
.no-bg{
	background:none !important
	}