body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,p,img { margin: 0px; padding: 0px; }
div,ul,li { overflow: hidden; }
body { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; color: #fff; background: #252125 url(../images/bg-body.png) repeat-x 0 0; }
body img,body form,body fieldset { border: 0px; }

a { color: #AF0909; text-decoration: none; }
a:hover { text-decoration: underline; }
input.text,select,textarea { color: #000; background: #fff; font: 12px Tahoma,Arial,Helvetica,Sans-Serif; border: 1px solid #cccccc; padding: 2px; margin: 1px 0px; width: 350px; }
input.captcha { width: 194px; text-align: center; font-weight: bold; }
select { height: 21px; width: 356px; }
textarea { height: 50px; }
input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; }
ul { list-style-type: none; }
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

/** containers */
#page { width: 986px; overflow: hidden; margin: 0 auto; background: #393939; }
#top { width: 986px; height: 248px; overflow: hidden; position: relative; background: url(../images/bg-top.jpg) no-repeat 0 0; }
#top a.logo { position: absolute; top: 48px; left: 15px; }
#top a.vip { position: absolute; top: 59px; right: 26px; }
#footer { width: 986px; padding: 14px 0 0 0; background: url(../images/bg-footer.jpg) no-repeat 0 0; height: 26px; text-align: center; }
#footer a { color: #fff; }

#menu { width: 988px; height: 36px; overflow: hidden; position: absolute; left: 0; top: 132px; font: 13px Verdana,Sans-Serif; letter-spacing: -1px; }
#menu li { float: left; width: auto; display: inline; padding: 11px 22px 0px 20px; background: url(../images/bg-menu.jpg) no-repeat top right; height: 25px; }
#menu li a { color: #000; text-transform: uppercase; }

#wrap { width: 986px; overflow: hidden; background: url(../images/bg-wrap.jpg) repeat-x 0 0; }

/** common styles */
#page .center { text-align: center; }
#page .right { text-align: right; }
#message { font-size: 12px; margin: 10px; text-align: center; color: #7C1B1B; border: 1px solid #CA6A5A; background: #F9EAEA; padding: 10px 20px; }

/** sidebar */
#sidebar { float: left; display: inline; width: 200px; background: #2c2c2c url(../images/bg-sidebar.jpg) repeat-y right; overflow: hidden; position: relative; border-bottom: 1px solid #505050; border-left: 1px solid #505050; min-height: 400px; height: auto !important; height: 400px; }
#sidebar h1 { height: 28px; padding: 6px 0 0 10px; background: url(../images/bg-sidebar-header.jpg) no-repeat 0 0; font: 18px Impact,Helvetica,Sans-Serif; color: #fff; text-transform: uppercase; font-weight: normal; margin-top: 6px; }
#sidebar div.top { position: absolute; top: 0; right: 0; width: 1px; height: 39px; background: url(../images/bg-sidebar-top.jpg) 0 0; }
#sidebar div.comments { padding: 2px 3px 2px 7px; }
#sidebar div.comments a { font-weight: bold; }
#sidebar div.comments p { margin-bottom: 4px; }
#sidebar div.movie { padding-top: 124px; position: relative; margin: 7px auto; width: 171px; height: 56px; background: url(../images/bg-movie.jpg) no-repeat 0 0; text-align: center; }
#sidebar div.movie img { border: 1px solid #666666; position: absolute; top: 12px; left: 9px; width: 150px; height: 112px; }
#sidebar div.movie b { display: block; color: #af0909; height: 28px; overflow: hidden; width: 150px; margin: 5px auto 0 auto; }
#sidebar div.movie span { color: #565656; padding-left: 60px; background: url(../images/bg-movie-views.gif) no-repeat 0 2px; }
#sidebar div.vip { padding: 2px 3px 10px 7px; text-align: center; line-height: 17px; }
#sidebar ul { width: 198px; font-size: 11px; color: #fff; }
#sidebar ul li { width: 183px; padding: 6px 0 6px 15px; border-bottom: 1px solid #3d3d3d; }
#sidebar ul li a { color: #fff; }

/** content */
#content { position: relative; float: right; display: inline; width: 785px; overflow: hidden; background: url(../images/bg-content.jpg) no-repeat 0 0; padding: 50px 0 0 0; color: #fff; }
#content h1 { padding: 11px 40px 0px 5px; position: absolute; top: 0; left: 8px; height: 27px; width: auto; background: transparent url(../images/bg-content-header.jpg) no-repeat bottom right; font: 18px Impact,Helvetica,Sans-Serif; color: #fff; text-transform: uppercase; font-weight: normal; }
#content h2 { font: 18px Impact,Helvetica,Sans-Serif; color: #fff; text-transform: uppercase; font-weight: normal; padding: 0 0 2px 2px; }
#content div.movie { padding-top: 124px; position: relative; margin: 7px 12px; float: left; display: inline; width: 171px; height: 56px; background: url(../images/bg-movie.jpg) no-repeat 0 0; text-align: center; }
#content div.movie img { border: 1px solid #666666; position: absolute; top: 12px; left: 9px; width: 150px; height: 112px; }
#content div.movie b { display: block; color: #af0909; height: 28px; overflow: hidden; width: 150px; margin: 5px auto 0 auto; }
#content div.movie span { color: #565656; padding-left: 60px; background: url(../images/bg-movie-views.gif) no-repeat 0 2px; }
#content div.movie span.comments { padding-left: 62px; background: url(../images/bg-movie-comments.gif) no-repeat 0 3px; }
#content div.access-denied { font-size: 12px; width: 320px; margin: 10px auto; text-align: center; color: #7C1B1B; border: 1px solid #CA6A5A; background: #F9EAEA; padding: 10px 20px; }
#content #counter { font: 18px "courier new",courier,monospace; font-weight: bold; color: #000; margin-top: 3px; }
#content div.watched { text-align: right; margin-right: 10px; }
#content div.movie-content { text-align: center; margin: 10px 0; }
#content div.options { width: 634px; height: 42px; margin: 15px auto; }
#content div.options a { float: left; }
#comments { width: 701px; padding-top: 40px; background: url(../images/bg-comments.jpg) no-repeat top center; margin: 5px auto; }
#comments ul { width: 701px; }
#comments ul li { padding: 6px 0px; width: 685px; margin: 0 8px; background: url(../images/bg-comments-list.jpg) no-repeat bottom center; }
#comments ul li span { color: #c5c5c5; float: right; }
#comments ul li b { color: #ac0202; }
#comments ul li p { color: #d5d5d5; text-align: justify; }
#content div.add-comment { text-align: right; margin-top: 10px; }
#content div.add-comment a { text-transform: uppercase; }
#content div.add-comment #addform { display: none; text-align: center; padding: 5px; }
#content div.vip { text-align: center; font-size: 13px; }
#content div.vip input.text { width: 70px; text-align: center; font-weight: bold; }
#content div.popular { margin: 5px 0; text-align: center; }
#content div.commented { text-align: center; width: 720px; margin: 5px auto; }
#content div.commented div.item { width: 170px; padding: 5px; float: left; display: inline; }
#content div.commented div.item p { font-size: 10px; margin-top: 3px; }

/** pager */
#content div.pager { text-align: center; padding: 15px 0px; font-size: 12px; }
#content div.pager a { text-decoration: none; color: #bf6000; border: 1px solid #2e131f; padding: 3px 6px; font-weight: bold; background: #ececeb; margin: 1px; }
#content div.pager a.active { background: #eed6be; color: #000; border-color: #bf6000; border-width: 2px; margin: 0; }
#content div.pager a:hover { text-decoration: underline; background-color: #eed6be; border-width: 2px; margin: 0; }