body {
    font-family: Century Gothic, sans-serif;
    font-size: 14px; 
    color: #CCCCCC;
    background: #101010;
    margin: 0;
}

.container {
    margin: 20px auto;
    width: 1000px;
    padding: 12px;
    border-radius: 10px;
    background: #202020;
}

.float-right {
    float: right;
}

a.min-70.button:link {
    min-width: 70px;
}

.footer {
    width: 100%;
    background: #505050;
    color:#999999;
    padding: 20px;
    text-align: center;
    font-family: Verdana;
    font-size: 10px;  
}

b {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 14px; 
    color: white;
}

.title { 
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 34px; 
    font-weight: bold; 
    color: white; 
}   

.header-orange {
    font-family: Georgia, Serif;
    font-size: 22px; 
    color: #FF6600;
    color: #EF7F2F;
    font-weight: bold;
    margin: 8px 0;
}

.star-text {
    display: inline-block;
    vertical-align: middle;
}
.star-stars {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.link-gray a:link    {  color:#CCCCCC; text-decoration:none; }
.link-gray a:visited {  color:#CCCCCC; text-decoration:none; }
.link-gray a:active  {  color:#CCCCCC; text-decoration:none; }
.link-gray a:hover   {  color:#FFFFFF; text-decoration:none; }

img.star {
    margin: -4px -1px;
}

img.bar{ 
    border: 0; 
    width: 80%;
    opacity: 0.5;
    height: 2px;  
    padding-top: 15px; 
    padding-bottom: 15px;
}

img.cover { border: 0; }

a.button, a.button:visited, a.button:link {
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 7px;
    min-width: 9px;
    margin-right: 1px;
    margin-bottom: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
    border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover, .button:focus {
    text-decoration: none;
}

img.home {
    float: right;
    width: 20px;
    height: 20px;
    opacity: 0.3;
}

img.home:hover {
    opacity: 0.8;
}

.top-left {
    display: inline-block;
    width: auto;
    overflow: hidden;
    margin-right: 20px;
}

.top-right {
    display: inline-block;
    width: auto;
}

.actor-image-container {
    width: 90px;
    display: inline-block;
}

.actor-image {
    margin-bottom: 8px;
}

.actor-name {
    line-height: 100px;
    display: inline-block;
    vertical-align: top;
}

.character-name {
    line-height: 100px;
    display: inline-block;
    float: right;
    margin-right: 100px;
}

a.button-orange {
    color: #fff;
    color: #fef4e9;
	border: solid 1px #da7c0c;
    background: #f47a20; /* Old browsers */
    background: -moz-linear-gradient(top, #faa51a 0%, #f47a20 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #faa51a 0%,#3a8fb6 100%); /* W3C */
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

a.button-orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

a.button-orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button-gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.button-gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.button-gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

ul.movie-list {
    list-style-type: none;
    -webkit-padding-start: 16px;
}

ul.movie-list > li {
    margin-bottom: 3px;
}

ul.movie-list > li.thumbnail {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    width: 240px;
    max-width: 240px;
    overflow: hidden;
    //border: 1px solid lightgray;
    text-align: center;
    margin: 8px 0;
    vertical-align: top;
}

ul.movie-list > li.thumbnail .thumbnail-text {
    margin: 4px 0 8px 0;
}

.spacer-top8 {
    margin-top: 8px;
}
.spacer-right20 {
    margin-right: 40px;
}