﻿body {
   background-color: #beebf0;
   font-family: Arial,Helvetica,sans-serif;
   color:  black;
   margin: 0;
   padding: 0;
}

#middlebar {
   width:100%;
   padding: 0;
   background-color: #CFEFF5;
   margin:auto;
   position: relative;
}

a, a:link, a:visited {
   text-decoration: none;
   color: #007b9c;
}

a:hover {
   text-decoration: underline;
}

img {
   border-style: none;
}

.header {
   width: 100%;
   height:50px;
   margin: auto;
   border-bottom: 5px solid #ffffff;
   position: relative;
}


.header .logo {
   padding-top:5px;
   margin-left:auto;
   margin-right:auto;
   width:200px;
}


.admob {
   text-align:center;
}

.searchcontainer {
   text-align:center;
   padding: 10px;
   font-size: 1em; 
   color: #077c9f;
   background-color: #e8f5fb;
   border-bottom: 5px solid #CFEFF5;
}

.searchcontainer .searchbox {
   height: 1.1em;
   border: none;
   font-size: 1em;
   color: #077c9f;
}

.content .searchresults {
   padding: 20px;
   font-size: 0.9em;
}

.wrapper {
   width: 100%;
   float: left;
   margin: 15px 0;
   background-color: #e8f5fb;
}

.wrapper ul.tabs {
   list-style-type: none;
   display: block;
   width: 100%;
   margin: 5px auto;
   padding: 0;
   height: 1.4em;
   clear:both;
}

ul.tabs li {
   margin: 0 5px;
   width:70px;
   float: left;
   font-size: 1.2em;
   line-height: 1.4em;
   color: #077c9f;
   text-transform:lowercase;
}

ul.tabs li .name {
   display:block;
   margin:auto;   
}

.navtab {
   margin: -2px auto 0;
   padding: 0;
}

.wrapper .content {
   font-size: 1.1em;
   list-style-type: none;
   clear: both;
   display: block;
   background-color: #ffffff;
   width: 100%;
}

.content h1 {
   margin: 0;
   padding: 10px 10px 0;
}

.wrapper ul.movies {
   padding:0.7em 0 0.6em;
   list-style-type: none;
   display: block;
   clear: both;
   margin:0;
}

ul.movies li {
   clear: both;
   line-height: 1.2em;
   margin: 0 2px;
   padding: 5px 0.5em;
   border-bottom: 1px solid #d2dada;
   display: block;
   position: relative;
}

ul.movies li .movie-name {
   width: 60%;
   float:left;
}

ul.movies li img {
   width:40px;
   margin-right:10px;
   float: left;
}

ul.movies li .rating {
   float: right;
}

ul.movies .metercontainer {
   float: right;
   margin: 4px 10px 0 0;
   width: 38px;
   height: 14px;
   background-color: #dbffe9;
   border: 1px solid #a2c9c7;
}

.metercontainer img {
   height: 100%;
   margin: 0;
   padding: 0;
}

div.line {
   clear:both;
}

.getmore {
   margin: 10px auto 0;
   padding-bottom: 10px;
   text-align:center;
}

.movieinfo {
   padding: 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px solid #d2dada;
   display:block;
}

.movieinfo h1 {
   font-size: 1.4em;
   line-height: 1.2em;
   padding: 5px 0 10px 0;
}

.movieinfo img {
   width: 200px;
   margin: 0;
   padding: 0 0 10px 0;
}

.movieinfo .details {
   padding: 0;
}

.details ul.links {
   list-style-type: none;
   margin:0;
   padding:0;
   font-size:0.6em;
}

.details ul.links li {
   margin:0;
   padding:0;
}

.movieinfo .rating {
   font-size: 1.5em;
}

.movieinfo ul {
   list-style-type: none;
   font-size: 1em;
}

.movieinfo ul img {
   width: 25px;
   height: 10px;
   float: right;
}

.details .filterlinks {
   font-size: 0.7em;
   margin-top:15px;
}

ul.tweets {
   font-size: 1em;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   width: 100%;
   padding: 0;
   margin: 0;
   clear: both;
}

ul.tweets li.tweet {
   clear:both;
   border-bottom: 1px solid #d2dada;
   line-height: 1.2em;
   padding: 0.5em 5px;
   margin:0 5px;
}

li.tweet .profile-pic {
   width: 50px;
   margin: 10px;
   float: left;
   display: block;
}

li.tweet .profile-pic img {
   height: 48px;
   width: 48px;
}

li.tweet .thumb-icon img {
   height: 40px;
   width: 40px;
}

li.tweet .text-body {
   margin-left: 10px;
}

li.tweet .thumb-icon {
   margin-right: 10px;
   float: right;
   display: block;
}

.about a {
   font-weight: bold;
   font-size: 0.8em;
   margin-left:3.5em;
}

.footer {
   clear: both;
   font-size: 0.8em;
   line-height: 1.3em;
   background-color: #f8fcfd;
   margin: auto;
   margin-bottom: 15px;
   text-align: left;
   padding-left:10px;
}

.footer h1 {
   text-align: center;
   padding:1em;   
}

.footer ul {
   list-style-type: none;
   text-align: left;
}

.footer li {
   float: left;
   margin-right: 3em;
}

img.press {
   margin: 25px 25px 0;
}
