html {
  margin:0;
  padding:0;
  overflow-x:hidden;
}
body {
  margin: 0 auto;
}

html, body {

    font-family: "trebuchet ms", arial, verdana;
}

#cmnt{display:inline-block;background-color:#366ca5;padding:7px; color:#fff;}
h1{display:inline-block;padding:10px;font-weight:bold;background-color:#3E0D35;color:#fff;border-radius:3px;}
h2{padding:5px;font-weight:bold;background-color:#3E0D35;color:#fff;border-radius:3px;}
.header_div{background-color:#232F4E; background-color:#5cb85c;; color:#FFF; padding:12px; font-weight:bold;}
.menu_div{background-color:#1a3b72; background-color:#5cb85c;; color:#FFF; padding:8px; }
#header_ul li{ padding:4px;}
#header_ul a{font-size:15px; color:#fff; font-weight:bold;}
#header_ul a:hover{background-color:#000; color:#FFF;}
#load{width:100%; height:100%;position:fixed; z-index:9999;}
.body_div_f,.body_div_f div{text-align:center; background-color:#FFF;}
.body_div_f a{font-size:17px;} 
.home-image{margin:auto;height: 400px;width:400px;}
.img-responsive{border-radius:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.movielink{font-size:15px;}
.movie-info{background-color:black;color:red;}
.latest-movie-row{width:99%; margin:auto;}
.latest-movie-row div{padding:10px;}
#tag{ background:#3c8469; padding: 5px; padding-top:1px;padding-bottom:2px;font-size:10px;word-wrap: break-word;}
#tag h2{  background:#3c8469;font-size:12px;font-weight:bold; word-spacing: 3px;color:#fff;line-height: 150%; }
#blink{color:blue}
.comment-request{background-color:#5cb0de; color:#fff;line-height: 150%;}
pre{background-color:#3c8469; color:#fff;white-space: pre-wrap;overflow: auto;}
#logo{border-radius:100px;height:30px;width:30px;}
.top-trending{border:solid 2px #300; background-color:#fff;}
.top-trending div{border:solid 0px #300;background-color:#fff;}
.top-trending div a{font-size:15px;}
.top-trending h1{display:block;background-color:#3c8469; padding:10px;color:#fff;margin-top:auto;font-size:18px;border-radius:0px;text-align:center;}
.top-trending h4{background-color:#3c8469; padding:10px;color:#fff;margin-top:auto;}
.top-trending h5{background-color:#3c8469; padding:10px;color:#fff;}
.top-trending h5 a{color:#fff;font-size:17px;}
.top-trending marquee a{display:block;padding:5px;}
.footer_row{padding:5px; color:#fff; margin-bottom:-40px; background-color:#232F4E;background-color:#3E0D35;}
.footer_row a{color:#fff;}
.footer_row a:hover{color:#000;}
.movie-div{width:250px;display: inline-block;text-align:center;}
.movie-image{margin:0 auto;height:300px;width:250px;}


.thumbnail{        
    width: 300px; 
    // or you could use percentage values for responsive layout
    // width : 250px;
    height: 400px;
    overflow: hidden;
	padding: 15px !important;
}

.titlearea {
    display: block;
    width: 90%;
    color:#000;
    font-size: 16px !important;
    padding: 10px 12px;
    border: 2px dotted #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.075);
}

.tetarea {
    display: block;
    width: 90%;
    color:#000;
    font-size: 16px !important;
    padding: 10px 12px;
    border: 2px dotted #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.075);
}

.notice {
    background: f88827;
    color: #ffffff;
    border-color: #000000;
    margin: 20px 0px;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.5;
}
.pwdprotect {
    font-size: 15px;
    font-weight: 600;
    padding: 0px 0px;
}

.MyBut {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    color: #fff;
    background-color: #2e6da4;
    border: 2px;
    cursor: pointer;
    border-radius: 4px;
}

.terms p {
    margin: 20px 20px 0;
    font-size: 15px;
}

p {
    color: #444;
    line-height: 170%;
    margin: 5px 0;
}

.linkspage p {
    padding-top: 7px;
    padding-bottom: 7px;
}

.linkspage a {
    font-size: 20px;
    word-wrap: break-word;
    line-height: 1.5;
}

.header-register .header-login .header-money {
    color: #fff !important;
    font-weight: 700;
}

.showingRecords div {
    padding:10px;
}

.showingRecords a {
    color:#fff;
}

hr {
    background-color: #ffffff;
    color: #ffffff;
    border: solid 2px #ffffff;
    width: 100%;
}

.paginateBottom {
    text-align: right;
    background: #eee;
    margin-bottom: 20px;
}

.active {
    background-color: #666;
    color: white;
}