/*
  CSS Styles For Freemoviestheater.com
  Date: 7 Mar 2010
  Author: Nicula Vlad
  Author URL: www.designdotcode.com
*/

/*
   Css Reset
*/

/*========================================================
CSS RESET STYLES v1.0 | 20080212
========================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align:center;
	background-color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:63%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*
  Basic Layout and Font Styles
*/

body {background:#cbcdd1 url(images/bodyBg.jpg) no-repeat top center; line-height: 120%;}
a { text-decoration: none; color:#333;}
.white { color:#fff;}
.newLine {clear:both;}
.alignLeft {float:left;}
.alignRight, .rightside {float:right !important;}
.alignCenter{display:block; margin:0px auto;}
.siteSize { width:840px;}

.content ul li {list-style:inside disc;}
.content ol li {list-style:inside decimal;}

/* Header Styles */

#header {background:url(images/heightSprite.jpg) repeat-x;
         color:#82898e;
         position: relative; height: 153px; margin-top: 26px; padding: 25px 0px;}
#header a {color:#657b8a;}

#header .leftEffect { position: absolute; top: 0px; left: 0px; width: 8px; height: 203px; display:block;
                      background: url(images/blockSprite.jpg) -290px 0px;}
#header .rightEffect { position: absolute; top: 0px; right: 0px; width: 8px; height: 203px; display:block;
                       background: url(images/blockSprite.jpg) -298px 0px;}

#headerTitle { width:290px; height:45px; text-align:left; text-indent: -9999px; margin-left: 22px;
               background: url(images/blockSprite.jpg) no-repeat; }
#headerTitle a { display:block; width:290px; height:45px;}

#headerDesc { line-height: 55px; font-size:1.1em;}

#searchBar { background: url(images/blockSprite.jpg) -115px -45px; width: 177px; height: 31px; margin: 12px 22px 0px 0px;
             line-height: 100% !important; }
#searchBar .searchInput { width:123px; float:left; background: none; border: none; height: 20px; padding:6px 12px;
                          color:#fff;}
#searchBar .serchButton { width:30px; height:30px; float:left; background: none; border: none; cursor: pointer;}

/* Menu Styles */

#menu { height: 70px; width: 820px; position:absolute; top:101px; left:0px;  padding: 0px 10px;}
#menu li { float:left; border-right: 1px solid #1b202b;
           line-height: 70px; font-weight: 700; }
#menu li.first {  border-left: 1px solid #1b202b;}
#menu li a{ display:block; float:left; padding: 0px 17px; font-size: 1.2em;}
#menu li a:hover { color:#fff !important; background:url(images/menuHover.jpg) top center; }
#menu li.active a { color:#3998cd; }

/* Slideshow Styles */

#slideshow { height:300px;}

/* Content Styles */

#content { background:url(images/contentBg.jpg) repeat-y; text-align: left; padding-bottom: 1px; }


/* Content Headers */
.contentArea .contentAreaTitle { width:840px; height:39px; background: url(images/heightSprite.jpg) 0px -204px; position: relative;
                                 color:#fff; text-align: left; line-height: 39px; text-indent: 30px; font-size: 1.2em;
                                 clear:both; margin-bottom: 30px;}
.contentArea .contentAreaTitle.topAreaTitle {background-position: 0px -244px;}

.contentArea .contentAreaTitle span {display:block; background-image: url(images/blockSprite.jpg);}
.contentArea .cornerLeft { position: absolute; top:0px; left:0px; width:6px; height: 39px; background-position:-12px -45px;  }
.contentArea .corenerRight { position: absolute; top:0px; right:0px; width:6px; height: 39px; background-position: -17px -45px; }

.contentAreaTitle .startIcon { position:absolute; width: 10px; height:10px; top:15px; right:30px; background-position: -24px -45px; }

/* Content Movies HomePage Area */

#home .movieList > li{ float:left; width: 128px; height: 295px; margin: 0px 20px; }
#home .movieList .movePoster { width:128px; height:185px; }
#home .movieList .downloadButton { display: block; width:67px; height:26px; background: url(images/blockSprite.jpg) -34px -45px;
                             text-indent: -9999px; margin:25px auto; clear: both;}
#home .movieDetails{ background:url(images/heightSprite.jpg) 0px -284px repeat-x; padding: 4px; height: 60px; clear: both; }
#home .movieTitle { font-size: 1.2em; margin: 18px 0px 5px 0px; height:25px; overflow:hidden; display:block; }


#mycontent .movieList > li{ float:left; width: 128px; height: 295px; margin: 0px 20px; }
#mycontent .movieList .movePoster { width:128px; height:185px; }
#mycontent .movieList .downloadButton { display: block; width:67px; height:26px; background: url(images/blockSprite.jpg) -34px -45px;
                             text-indent: -9999px; margin:25px auto; clear: both;}
#mycontent .movieDetails{ background:url(images/heightSprite.jpg) 0px -284px repeat-x; padding: 4px; height: 60px; clear: both; }
#mycontent .movieTitle { font-size: 1.2em; margin: 18px 0px 5px 0px; height:25px; overflow:hidden; display:block; }
#mycontent .topAreaTitle .cornerLeft { background-position:-0px -143px;  }
#mycontent .topAreaTitle .corenerRight { background-position: -7px -143px; }

/* Rating system */

.metaRating, .year  { display:block; float:left; color:#636363; font-size: .85em; }
.starSystem { position: relative; float:right; display: block; margin-right: 5px; }
.starSystem .startIcon { display:block; float:left; margin: 2px 0px; width:10px; height:9px; background: #000; position: static;
             background: url(images/blockSprite.jpg) -24px -65px;
             cursor: pointer; }
.starSystem .startIcon.active { background-position: -24px -56px; }
.starSystem a{
	display:block;
	width:100%;
	height:100%;
}

.movieTitle { clear:both; }

/* Movie Button */
.moreMovies { display: block; width: 180px; height: 40px; margin: 0px auto; background: url(images/heightSprite.jpg) 0px -357px;
              line-height: 40px; font-size: 1.2em; padding-left: 15px; padding-right: 10px; position: relative; margin-bottom: 23px;
              font-weight: 700; text-transform:  lowercase;}
.moreMovies span { display:  block; height: 40px; position:  absolute; top:0px; background: url(images/blockSprite.jpg);}
.moreMovies .leftArea { left:0px; width: 15px; background-position: -1px -86px; }
.moreMovies .rightArea { right:0px; width: 40px; background-position: -17px -86px; }

/* Scrool Div */

#scroolDetails { margin:25px; border: 1px solid #e4e0e0; background:#f4f6f7; padding:23px; font-size: 1.2em; line-height: 120%; color: #989898;
                 height: 230px; overflow-x:hidden ; overflow-y:scroll;}
#scroolDetails  h5 { color:#131e27; }
#scroolDetails p { margin-bottom: 20px; }
#hideScroolBar { width: 768px; height: 21px; background: #f4f6f7; position: relative; top:-47px; left: 26px; }
#hideScroolBarTop { width: 768px; height: 21px; background: #f4f6f7; position: relative; top:-323px; left: 26px; }

/* Footer Div */

#footer { background:url(images/heightSprite.JPG) 0px -420px repeat-x #07080a; position: relative; padding-top: 20px; color:#657b8a;
         text-align: left; margin-bottom: 10px; height: 385px;}
#footer a{ color: #657b8a; line-height: 150%;}
#footer a:hover { color:#fff; }
#footer > span { position:absolute; display: block; }

#footer h5 { color:#fff; font-size: 1.2em; margin-bottom: 10px; margin-top: 15px; }

.footerWidget { float:left; min-height:370px; padding: 0px 20px 13px 20px;}
.large.footerWidget { width: 222px; border-right: 1px solid #000; }
.huge.footerWidget { width:275px; border-right: 1px solid #000; }

#copyRight { margin: 20px 0px 20px 0px; }

/* Footer Effects */
#footer .bottomRoundedCorners { background:url(images/blockSprite.jpg) 0px -232px; height: 13px; width: 846px;
                                bottom:0px; left: -3px; z-index: 11;}
#footer .leftBorder { background:url(images/blockSprite.jpg) -850px 0px no-repeat; width: 12px; left:-3px;
                      top:20px; height: 353px; z-index: 10;}
#footer .leftBorderRep {background:url(images/widthSprite.jpg) 0px 0px; width: 12px; left:-3px;
                      top:20px; bottom: 0px; z-index: 9; }

#footer .rightBorder { background:url(images/blockSprite.jpg) -863px 0px no-repeat; width: 12px; right:-3px;
                      top:20px; height: 353px; z-index: 10;}
#footer .rightBorderRep {background:url(images/widthSprite.jpg) -13px 0px; width: 12px; right:-3px;
                      top:20px; bottom: 0px; z-index: 9; }

/* Social Area */

#footer .social li a{ display: block; clear: both;  height:30px; line-height:30px !important;
              margin: 10px 0px; font-weight: 700; color:#fff;}

.social li a .icon { display:block; float:left; background: url(images/blockSprite.jpg); width:30px; height: 30px; margin-right: 8px; }
#footer .facebookIcon .icon { background-position: -60px -91px; }
#footer .twitterIcon .icon { background-position: -92px -91px; }
#footer .rssIcon .icon { background-position: -92px -155px; } 


/* Slideshow */

#slideshow { padding:22px 22px 10px 22px; width:794px; background: url(images/widthSprite.jpg) -26px 0px; border: 1px solid #000; }

#featured{    width:543px ;    padding-right:250px;    position:relative;    height:280px;    background:#000;  }
#featured ul.ui-tabs-nav{      position:absolute;    top:0; left:0px;   list-style:none;    padding:0; margin:0;     width:275px; z-index: 9;  }
#featured ul.ui-tabs-nav li{  z-index:90; font-size:1.1em;  height:56px;  color:#666; text-indent: 5px; width: 274px !important;  }
#featured ul.ui-tabs-nav li span{  font-size:11px; font-family:Verdana;    line-height:56px;  }
#featured .ui-tabs-panel{   width:519px; height:280px; margin-left: 275px;   background:#999; position:relative;
                            overflow:hidden;  }
#featured .ui-tabs-hide{      display:none;}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/  display:block; height:56px; color:#cad5de; line-height: 56px !important;
                                outline:none;  background: url(images/blockSprite.jpg) 0px -246px;  font-weight: 700; overflow: hidden; }
#featured li.ui-tabs-nav-item a.first {border-top:1px solid #000;}
#featured li.ui-tabs-nav-item a:hover{      /*background:#f2f2f2; */ color:#fff; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{    z-index: 100; color:#fff;  width: 287px; background:url('images/featureHover.png');  }
#featured ul.ui-tabs-nav li img{    float:left; margin:2px 5px; width:520px !important;   background:#fff;    padding:2px;
                                    border:1px solid #eee;  position: relative;}
#featured .ui-tabs-panel .info{    position:absolute;    top:215px; left:0;    height:70px; padding: 9px 12px 0px 15px;
         background: url('images/featureBg.png'); line-height: 120%; letter-spacing: 0.5px;}
#featured .info h2{    font-size:1em;   color:#fff; padding:2px 0px; margin:0;    overflow:hidden;}
#featured .info p{    margin:3px 0; font-size: 1.05em; color:#707578;}
#featured .info a{    text-decoration:none;    color:#fff;}
#featured .info a:hover{    text-decoration:underline;}

.spacer { width:100%; height:26px; background: url(images/blockSprite.jpg) 0 -205px; }
#featured .icon { display:block; float:left; width:10px; height: 12px; background: url(images/blockSprite.jpg) -39px -129px; 
       margin: 22px 0px 20px 20px;}
#featured li.ui-tabs-selected .icon { background-position:-28px -129px; }

/* Home Page Style */

#home .topAreaTitle .cornerLeft { background-position:-0px -45px;  }
#home .topAreaTitle .corenerRight { background-position: -6px -45px; }

/* Special Single Page Style and Layout */

#single .topAreaTitle .cornerLeft { background-position:-0px -143px;  }
#single .topAreaTitle .corenerRight { background-position: -7px -143px; }

/* Single Page Content */

#single .basicContentWrapper { padding: 0px 25px 25px 25px; font-size: 1.1em;}
#single .basicContentWrapper a { color:#248bff; }

#single .posterMovie { padding-bottom: 41px; background: url(images/heightSprite.jpg) 0px -628px; width:128px; }
#single .movieDetails { background:none; margin: 0px 0px 0px 25px; width: 635px; }
#single .movieMeta { font-weight: 700; color:#000; padding-right: 5px; display: block; float:left; }

#single .basicContentWrapper .movieDetails p { margin: 0px 0px 15px 0px; color:#989898; }
#single .basicContentWrapper .start { display:block; float:left; background: url(images/blockSprite.jpg) -34px -74px;
                                                    width:10px; height: 10px; margin: 2px 0px 1px 0px; }
#single .basicContentWrapper .start.full { background-position: -25px -74px;  }
#single .basicContentWrapper .movieDetails  .loginRate { padding-left:5px; }
#single .basicContentWrapper .movieDetails .icon { display:block; float: left; height:8px; width:7px; margin: 3px 5px 0px 0px;
                                                   background: url(images/blockSprite.jpg) -44px -75px;            }

#single .miniBox { width:315px;}
#single .basicContentWrapper .spacer { height:42px; background: none; }
#single .basicContentWrapper .socialIcon { background:url(images/blockSprite.jpg); width:30px; height: 31px; display: block; float:left;
                 margin: 0px 2px 10px 0px; position: relative; top:-10px;}
#single .basicContentWrapper #facebook { background-position: -60px -123px; }
#single .basicContentWrapper #twiiter { background-position: -92px -123px; }
#single .basicContentWrapper #delicious { background-position: -124px -91px; }
#single .basicContentWrapper #digg { background-position:  -123px -123px; }
#single .basicContentWrapper #stumble { background-position: -60px -155px; }

#single .tweet {float:left; }
#single .tweetButton { display: block; width: 50px; height: 16px; float: left; background:url(images/blockSprite.jpg) -1px -184px;
              margin-left: 8px; position: relative; top:-1px; }
#single .description { padding-left:12px; padding-top: 2px; }
#single .keywords li{ float:left; color:#989898; }

#single .keywords li a{ color:#989898; border-bottom: 1px solid #e5e5e5; margin-left:3px;}
.redButtonDownload { display:block; width:218px; height: 49px; background:url(images/blockSprite.jpg)  -308px 0px; margin: 0px auto;
                     text-indent: -9999px;}
.redButtonDownload:hover { background-position:-308px -50px; }
.downlaodNow .shadow { display:block; background: url(images/blockSprite.jpg) -528px 0px; height:49px; width: 218px; margin: 0px auto;}


/* Server Options */
.serverItem { width:254px; float:left; margin: 5px 4px; }
.serverItem h5 { height:25px; background: url(images/heightSprite.jpg) 0px -856px; color:#b3b3b3; text-transform: uppercase; line-height: 25px;
                 width: 254px; text-indent: 10px; position: relative;}
.serverItem h5.white { color: #fff; }
#single .serverItem h5 span { position: absolute; top:0px; background:url(images/blockSprite.jpg) ; width:4px; height: 25px; }
#single .serverItem h5 span.cornerLeft { background-position: -14px -143px; left:0px;}
#single .serverItem h5 span.cornerRight  {  background-position: -19px -143px; right:0px; }

#single .serverContainer { background:#f4f6f7; border:1px solid #e4e0e0; font-size: 1em; color:#989898; width: 232px; padding:5px 10px;
                           line-height: 170%; position: relative;}
#single .serverContainer span { color:#131e27; }

#single .download { position: absolute; top:22px; width:67px; height:27px; right: 23px; background: url(images/blockSprite.jpg) -222px -77px;
                    display:block; text-indent:-9999px;}

#single .spacer2 { margin-bottom:20px; }

/* Link Options */

#single .upperPlaced { position: relative; top:-10px; }
.formItem { width:100%; clear: both; margin-bottom: 5px;}
.formItem label{ display:block; width: 120px; float:left;  line-height: 25px; color:#131e27 !important; font-weight: 700; text-align: right;
                 padding-right: 15px;}
.formItem input[type='text'] { width:640px; color:#989898; background:#f4f6f7; border:#e4e0e0 1px solid; font-size:1em;
                               height:19px; padding: 2px; }

.movieOptions { margin-left: 140px; }
.movieOptions span{ display:block; float:left; margin-right:8px; }
.movieOptions li { clear:both;}
#single .movieOptions li a { color:#131e27; font-weight: 700; line-height:25px; }
#single .movieOptions .start { margin-top:8px; }
#single .movieOptions  .start.full { background-position:-51px -74px; }
#single .movieOptions .icon { background:url(images/blockSprite.jpg); width:18px; height:18px; margin-top: 3px;}
#single #rateHere .icon{ background-position: -160px -91px ; }
#single #bookmark .icon{ background-position: -160px -121px ; }
#single #friend .icon{ background-position: -160px -147px ; }
#single #reportMovie .icon{ background-position: -160px -175px ; }

/* Comments data */
.comemnt { margin: 0px 0px 25px 0px;}
#single .userMeta { width:95px;}
#single .userMeta img { width:95px; height:98px; background:#f4f6f7 -308px  -100px url(images/blockSprite.jpg); border:#e4e0e0 1px solid;
                        text-indent:-9999px;}
#single .userMeta a { display:block; width:100%; text-align: center; font-size:.9em; font-weight: 700; line-height: 20px;}

#single .commentContent { width:639px; padding: 22px; background:#f4f6f7; float:left;  border:#e4e0e0 1px solid; margin-left: 10px;
                 color: #989898; font-size: 1.1em; line-height: 130%;}
#single .commentContent h5{ color: #101010; }
#single .commentContent p{ margin-bottom: 10px;}
.date i { color:#000; }

.loginParagraph { margin-left: 110px; }

#notify  {
background-image:url("http://www.hydronite.com/notify.png");
height:155px;
right:5px;
position:fixed;
bottom:1px;
width:251px;
z-index:999;
}

#notify #data {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:83px;
left:25px;
position:absolute;
top:55px;
width:192px;
text-align:left;
}

#notify #button {
height:22px;
position:absolute;
right:10px;
top:15px;
width:22px;
}