/*
  Stylesheet for lolofilm.com
*/

html {
 height: 100%;
 margin: 0px;
 padding: 0px;
}

body {
 background-color: #ffffff;
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family: arial, sans-serif;
 font-size: 1em;
}

#container {
 width: 996px;
 margin: 0px auto 0px auto;
 padding: 0px;
 background: #440000 url('./images/bg_main3b.jpg') repeat-y 0px 60px;
 color: #ffffff;
}

#container2 {
 margin: 0px;
 padding: 0px 0px 80px 0px;
 background: transparent url('./images/bg_footer3b.gif') no-repeat bottom left;
}

#container3 {
 margin: 0px;
 padding: 0px;
 background: transparent url('./images/bg_header3b.jpg') no-repeat 0px 0px;
}

#banner {
 margin: 0px;
 padding: 50px 0px 0px 100px;
}

#banner div {
 background: transparent url('./images/banner_title.gif') no-repeat 0px 0px;
 height: 41px;
}

#banner h1 {
 display: none;
 margin: 0px;
 padding: 0px;
 font-size: 2em;
 font-weight: normal;
}

#banner a, #banner a:visited, #banner a:link {
 display: block;
 width: 326px;
 height: 41px;
 color: #ffffff;
 text-decoration: none;
}

#banner a:hover {
 color: #d90000;
}

#banner strong {
 font-weight: bold;
 font-size: 1.1em;
}

#main {
 margin: 0px;
 padding: 10px 50px 0px 100px;
}

#content {
 margin: 0px;
 padding: 0px 210px 0px 0px;
}

#footer {
 font-size: .9em;
 text-align: center;
}

div.box20 {
 height: 2.5em;
}

div.leftBox {
 float: left;
}

div.rightBox {
 float: right;
}

div.spacer {
 height: 1px;
 clear: both;
}

/* Navigation */

#navigation {
 margin: 40px 0px 0px 0px;
 width: 200px;
 padding: 0px;
 float: right;
}

#navigation ul {
 display: block;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#navigation li {
 display: block;
 margin: 0px;
 padding: 0px;
}

#navigation a, #navigation a:visited, #navigation a:link {
 display: block;
 width: 200px;
 height: 36px;
 border: 0px;
 color: #ffffff;
 font-size: 1.2em;
}

#navigation a:hover {
 color: #d90000;
}

#navigation a span {
 display: block;
 margin: 0px;
 padding: 5px 0px 0px 10px; 
}

#navigation li.node1 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px 0px;
}

#navigation li.node1 a:hover {
 background-position: -200px 0px;
}

#navigation li.node1 a.selected, #navigation li.node1 a.selected:hover {
 background-position: -400px 0px;
}

#navigation li.node2 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -36px;
}

#navigation li.node2 a:hover {
 background-position: -200px -36px;
}

#navigation li.node2 a.selected, #navigation li.node2 a.selected:hover {
 background-position: -400px -36px;
}

#navigation li.node3 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -72px;
}

#navigation li.node3 a:hover {
 background-position: -200px -72px;
}

#navigation li.node3 a.selected, #navigation li.node3 a.selected:hover {
 background-position: -400px -72px;
}

#navigation li.node4 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -108px;
}

#navigation li.node4 a:hover {
 background-position: -200px -108px;
}

#navigation li.node4 a.selected, #navigation li.node4 a.selected:hover {
 background-position: -400px -108px;
}

#navigation li.node5 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -144px;
}

#navigation li.node5 a:hover {
 background-position: -200px -144px;
}

#navigation li.node5 a.selected, #navigation li.node5 a.selected:hover {
 background-position: -400px -144px;
}

#navigation li.node6 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -180px;
}

#navigation li.node6 a:hover {
 background-position: -200px -180px;
}

#navigation li.node6 a.selected, #navigation li.node6 a.selected:hover {
 background-position: -400px -180px;
}

#navigation li.node7 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -216px;
}

#navigation li.node7 a:hover {
 background-position: -200px -216px;
}

#navigation li.node7 a.selected, #navigation li.node7 a.selected:hover {
 background-position: -400px -216px;
}

#navigation li.node8 a {
 background: transparent url('./images/navigation.png');
 background-position: 0px -252px;
}

#navigation li.node8 a:hover {
 background-position: -200px -252px;
}

#navigation li.node8 a.selected, #navigation li.node8 a.selected:hover {
 background-position: -400px -252px;
}

#navigation li.node1 a span,
#navigation li.node2 a span,
#navigation li.node3 a span,
#navigation li.node4 a span,
#navigation li.node5 a span,
#navigation li.node6 a span,
#navigation li.node7 a span,
#navigation li.node8 a span,
#navigation li.node9 a span,
#navigation li.node10 a span {
 display: none;
}

/* Facebook Icon */

#navigation li.node9,
#navigation li.node10 {
 margin: 1em 0px 1em 0px;
 padding: 0px 0px 0px 10px;
}

#navigation li.node9 a {
 background: transparent url('./images/fb_icon.gif');
 width: 144px;
 height: 44px;
}

#navigation li.node10 a {
 background: transparent url('./images/twitter_icon.png');
 width: 160px;
 height: 27px;
}

/* Cookie Crumbs */

div.cookiecrumbs {
 margin: 0px;
 padding: 0px 0px 1em 0px;
}

#main div.cookiecrumbs a, #main div.cookiecrumbs a:link, #main div.cookiecrumbs a:visited {
 color: #8787af;
}

#main div.cookiecrumbs a:hover {
 color: #d90000;
 text-decoration: none;
}

/* Media Tabs */

ul.mediaTabs {
 display: block;
 list-style-type: none;
 height: 25px;
 margin: 0px 0px 2em 0px;
 padding: 0px;
}

ul.mediaTabs li {
 float: left;
 font-weight: bold;
 border: 1px solid #ffffff;
}

ul.mediaTabs li.selected {
 font-weight: bold;
 background-color: #d90000;
}

ul.mediaTabs a, ul.mediaTabs a:link, ul.mediaTabs a:visited {
 display: block;
 padding: 7px;
 color: #ffffff;
}

ul.mediaTabs a:hover {
 background-color: #ffffff;
 color: #d90000;
}

ul.mediaTabs span {
 display: block;
 padding: 7px;
}

/* Forms */

form fieldset {
 margin: 0px 0px 10px 0px;
}

form fieldset legend {
 font-weight: bold;
}

form fieldset.good {
 background-color: #8fdf8f;
}

form fieldset.bad {
 background-color: #df8f8f;
}

form ul {
 float: left;
 width: 300px;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

form ul.large {
 clear: both;
 width: 100%;
}

form li {
 text-align: left;
 clear: left;
 margin: 0px 0px 6px 0px;
}

form li.submit {
 text-align: center;
}

form label {
 display: block;
 font-weight: bold;
 font-size: .9em;
}

form ul.left label {
 float: left;
 width: 150px;
 text-align: right;
 padding: 0px 10px 0px 0px;
}

form select.mover {
 width: 260px;
}

h3.formH3 {
 margin: 0px;
 padding: 0px 0px 3px 0px;
}

span.hint {
 font-weight: normal;
 font-size: .95em;
}

div.buttonbar {
 text-align: center;
}

#newsCommentBox {
 margin-top: 18px;
 border-top: 1px solid #af9f9f;
 padding-top: 10px;
}

#newsCommentBox form ul.left li {
 margin: 4px 0px 6px 0px;
}

#newsCommentBox form ul.left label {
 width: 75px;
 margin: 3px 0px 0px 0px;
}

textarea.newsCommentText {
 width: 100%;
 height: 3em;
}

fieldset.commform textarea {
 width: 100%;
 height: 5em;
}

fieldset.commform input.text {
 width: 50%;
}

/* Slideshows */

#main div.slideshows {
 position: relative;
 width: 636px;
 height: 358px;
 margin: 0px 0px 1em 0px;;
 padding: 0px;
}

div.slideshows div.slide {
 position: absolute;
}

div.slideshows div.slide span {
 display: none;
}

div.slideshows img {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

/* Galleries (Filmstrip) */

#main div.galleriesfilmstrip {
  position: relative;
  width: 636px;
  height: 358px;
  margin: 0px;
  padding: 0px;
}

div.galleriesfilmstrip div.slide {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

div.galleriesfilmstrip div.slide span {
  display: none;
}

div.galleriesfilmstrip div.gfilmstripctr {
  position: relative;
  width: 636px;
  overflow: hidden;
  z-index: 9;
}

div.galleriesfilmstrip div.gfilmstripctr div {
  position: absolute;
}

div.galleriesfilmstrip div.gfilmstrip a {
  float: left;
  margin: 2px;
}

div.galleriesfilmstrip img {
  border: 0px;
}

div.galleriesfilmstrip div.desc {
  position: relative;
  background: transparent url('images/gallery_desc_bg.png');
  height: 50px;
  width: 636px;
  top: -50px;
  overflow: auto;
}

div.galleriesfilmstrip div.desc p {
  margin-top: 10px;
}

div.galleriesfilmstrip div.progress {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.galleriesfilmstrip div.progressbg {
  background-color: #8f7f7f;
  z-index: 5;
}

div.galleriesfilmstrip div.progressimg {
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent url('./images/Loading01-Anim2.gif') no-repeat center center;
  z-index: 6;
}

/* Text Styles */

#main h1 {
 font-size: 1.2em;
 font-weight: bold;
 border-bottom: 1px solid #af9f9f;
}

#main h1 span.subHead {
 font-size: 0.8em;
 font-weight: bold;
 color: #af9f9f;
}

#main h2 {
 font-size: 1.1em;
 font-weight: bold;
}

#main h3 {
 font-size: 1em;
 font-weight: bold;
}

#main h3.contentHead {
 margin: 1em 0px .8em 0px;
}

#main a, #main a:visited, #main a:link {
 color: #8787af;
 font-weight: bold;
 text-decoration: none;
}

#main a:hover {
 color: #d90000;
 text-decoration: underline;
}

#main div.comment h3 {
 margin: 0px 0px .5em 0px;
 padding: 1em 0px 0px 0px;
}

div.comment h3.normal {
 border-top: 1px dashed #af9f9f;
}

div.comment p {
 margin: 0px 0px 1em 0px;
 padding: 0px;
}

span.commentTime {
 font-size: .9em;
 color: #af9f9f;
}

/* Data Items */

div.dataSet {
 position: relative;
 width: 636px;
 height: 838px;
 overflow: hidden;
}

div.dataItem {
 display: none;
 position: absolute;
 width: 636px;
 top: 0px;
 left: 0px;
 z-index: 0;
}

div.dataThumbs {
 width: 636px;
 height: 128px;
 position: relative;
 top: 359px;
 left: 0px;
 overflow: hidden;
 z-index: 5;
}

div.dataThumbStrip {
 position: absolute;
}

div.dataThumbs a {
 display: block;
 float: left;
 width: 168px;
 height: 128px;
 background: transparent url('images/filmography-thumbnails.jpg') no-repeat;
}

div.dataThumbs hr {
 display: none;
}

div.dataItemHeader {
 margin: 0px;
 padding: 138px 0px 0px 0px;
}

div.dataItem h2 {
 height: 28px;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

div.dataItem ul {
 display: block;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 height: 300px;
 border: 1px solid #5f4f4f;
 overflow: auto;
}

div.dataItem ul ul {
 height: auto;
 border: 0px;
 overflow: visible;
}

div.dataItem li {
 displaY: block;
 margin: 1em;
 padding: 0px;
}

div.dataItem p {
 margin: 0px;
 padding: 0px;
}

div.dataItem label {
 font-weight: bold;
 display: block;
}

div.dataItem fieldset {
 border: 1px solid #5f4f4f;
 margin: 0px;
 padding: 1em 1em 0px 1em;
}

div.dataItem fieldset li {
 margin: 0px 0px 1em 0px;
}

/* Pagination Controls */

div.pgnctrl {
 float: right;
 margin: 2px 0px 0px 0px;
}

a.pc_buttons, a:link.pc_buttons, a:visited.pc_buttons, a:active.pc_buttons {
 padding-left: 0px;
 padding-right: 0px;
 border: none;
}

.pc_buttons {
 display: inline-block;
 width: 10px;
 height: 9px;
 margin: 5px 1px 0px 1px;
 overflow: hidden;
}

.pc_text {
 display: inline-block;
 text-align: center;
 width: 220px;
 font-size: .8em;
 color: #af9f9f;
}

.pc_first {
 background: transparent url('./images/pagination.gif') no-repeat 0px -9px;
}

.pc_prev {
 background: transparent url('./images/pagination.gif') no-repeat -10px -9px;
}

.pc_next {
 background: transparent url('./images/pagination.gif') no-repeat -20px -9px;
}

.pc_last {
 background: transparent url('./images/pagination.gif') no-repeat -30px -9px;
}

span.pc_first {
 background-position: 0px 0px;
}

span.pc_prev {
 background-position: -10px 0px;
}

span.pc_next {
 background-position: -20px 0px;
}

span.pc_last {
 background-position: -30px 0px;
}

.pc_buttons span {
 display: none;
}

/* Pagination Buttons */

div.pagination {
 text-align: center;
 font-size: .8em;
 line-height: 160%;
 height: 2.5em;
 margin: 3px 0px 2px 0px;
 color: #af9f9f;
}

div.pagination a {
 display: block;
 float: left;
 color: #000000;
 background: #af9f9f;
 border: 1px solid #ffffff;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 vertical-align: top;
 padding: 0px;
 margin: 0px .2em .1em .2px;
 width: 1.6em;
 height: 1.5em;
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
}

#main div.pagination a:link, #main div.pagination a:visited, #main div.pagination a:active {
 color: #000000;
}

#main div.pagination a.current {
 background: #d90000;
 color: #000000;
}

#main div.pagination a:hover {
 background: #ffef7f;
 text-decoration: none;
}

#main div.pagination a:hover.current {
 background: #d90000;
}

span.paginationMore {
 display: block;
 float: left;
 position: relative;
}

span.paginationTitle {
 display: block;
 float: left;
 margin: 0px 4px 0px 4px;
}

span.paginationMore div {
 display: none;
 width: 8.3em;
 position: absolute;
 top: 1.6em;
 left: 0px;
 margin-left: -1px;
 padding: 2px 0px 0px 2px;
 background: #330000;
 border: 1px solid #ffffff;
}

span:hover.paginationMore div {
 display: block;
}

/* Extra styles */

h1.mainheading span {
 display: block;
 width: 200px;
 height: 36px;
 background: transparent url('./images/navigation.png') no-repeat;
}

h1.mainheading strong {
 display: none;
}

h1.about span {
 background-position: -10px -36px;
}

h1.filmography span {
 background-position: -10px -72px;
}

h1.gallery span {
 background-position: -10px -108px;
}

h1.media span {
 background-position: -10px -144px;
}

h1.blog span {
 background-position: -10px -180px;
}

h1.links span {
 background-position: -10px -216px;
}

h1.contact span {
 background-position: -10px -252px;
}

.gallery {
 margin: auto;
}

/* Compatibility formatting for imported news */

.gallery-item {
 float: left;
 margin-top: 10px;
 text-align: center;
 width: 33%;
}

.gallery img {
 border: 2px solid #cfcfcf;
}

.gallery-caption {
 margin-left: 0;
}