/* this stylesheet is bilalis made (c) 2007 (www.bilalis.com) */ /* Common */ body {margin: 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif} img {display: inline; border: 0} p, dl {margin: .7em 0 1em} h2, h3, h4, dt {color: #fff; background-color: transparent} h2 {font-size: 2em; font-weight: normal; margin: 1.4em 0 .7em} h3 {font-size: 1.3em; font-weight: bold; margin: 1.8em 0 0} h4 {font-size: 1em; font-weight: normal; margin: .7em 0 0} dd {margin-left: 0; margin-bottom: .7em} /* Layout */ #canvas {color: #000; background: url(canvas-back.gif) #666 repeat-y 0 0; width: 962px} #brand {height: 100px; overflow: hidden; position: relative} #logo {float: left; width: 180px} #site_menu {float: left} .specials_menu {position: absolute; left: 788px; width: 174px; margin: 0; padding: 0; list-style: none} #page {background: url(canvas-header_drop_shadow.gif) no-repeat 0 0; padding-top: 23px} #page_logo {position: absolute; width: 180px; height: 66px} #page_photo {position: absolute; width: 136px; height: 176px; top: 151px; margin-left: 20px; border: 2px solid #fff} #page_menu {position: absolute; width: 160px; top: 351px; color: #f90; background-color: #000} #content {margin-left: 200px; width: 555px; position: relative} #content_head {margin-left: 17px} #footer {clear: both; height: 50px} /* Navigation */ #site_menu ul {color: #f90; background-color: #000; margin: 0 0 0 608px; width: 174px; padding: 0; list-style: none; position: absolute; top: 20px} #site_menu li {color: #f90; background: url(arrow-orange_on_black.gif) no-repeat 0 .2em; margin: .4em 0; font-weight: bold} #site_menu span {padding-left: 33px} #site_menu a {color: #fff; background-color: transparent; text-decoration: none; display: block; width: 141px; padding-left: 33px} #site_menu a:hover, #site_menu a:active, #site_menu a:focus {color: #e24728; background-color: transparent} ul#site_submenu {color: #f90; background-color: #e24728; margin: 0 0 0 425px; width: 174px; padding: 0; list-style: none; position: absolute; top: 11px} ul#site_submenu li {color: #f90; background: url(arrow-black_on_back.gif) no-repeat -7px .2em; margin: .4em 0; font-weight: bold} ul#site_submenu span {padding-left: 33px} ul#site_submenu a {color: #fff; background-color: transparent; text-decoration: none; display: block; width: 141px; padding-left: 33px} ul#site_submenu a:hover, ul#site_submenu a:active, ul#site_submenu a:focus {color: #ff0; background-color: transparent} .specials_menu li {color: #f90; background: url(border-gray_dots.gif) repeat-x 0 100%; margin: 0; padding-bottom: .4em; font-weight: bold} .specials_menu span {color: #f90; background: url(arrow-orange_on_black.gif) no-repeat 0 .2em; display: block; width: 141px; padding-left: 33px; margin-top: .2em} .specials_menu a {color: #fff; background: url(arrow-orange_on_black.gif) no-repeat 0 .2em; display: block; width: 141px; padding-left: 33px; margin-top: .2em; text-decoration: none} .specials_menu a:hover, .specials_menu a:active, .specials_menu a:focus, .specials_menu a.hover {color: #e24728} #page_menu ul {color: #f90; background: url(border-gray_dots_x.gif) no-repeat 33px 0; margin: 12px 15px 14px 12px; padding: 2px 0 0; list-style: none} #page_menu li {color: #f90; background: url(border-gray_dots_x.gif) no-repeat 33px 100%; padding: 0; font-weight: bold} #page_menu span {color: #f90; background: url(arrow-orange_on_black.gif) no-repeat 0 .6em; padding: .4em 0 .4em 33px} #page_menu a {color: #fff; background: url(arrow-orange_on_black.gif) no-repeat 0 .6em; padding: .4em 0 .4em 33px; text-decoration: none; display: block; width: 100px} #page_menu a:hover, #page_menu a:active, #page_menu a:focus {color: #e24728; background-color: transparent} a.back_to_top {position: absolute; left: 788px; width: 144px; padding: 20px 15px .4em; color: #9e9; background: url(border-gray_dots.gif) repeat-x 0 100%; text-decoration: none; font-weight: bold} a#back_to_top {position: absolute; left: 788px; top: 500px; width: 125px; padding: 1.8em 15px .4em 33px; color: #999; background: url(arrow-orange_on_black_up.gif) no-repeat 0 2em; text-decoration: none; font-weight: bold} a.back_to_top:hover, a.back_to_top:active, a.back_to_top:focus, a#back_to_top:hover, a#back_to_top:active, a#back_to_top:focus {color: #e24728; text-decoration: none} .hover {cursor: pointer} /* Content */ #content p {padding-left: 33px} #content h2 {padding-left: 33px} #content h3 {background: url(arrow-black_on_back.gif) no-repeat 0 .3em; padding-left: 33px} #content h4 {padding-left: 33px} #content dl {padding-left: 33px} #content ul {margin: .7em 0 1em 0; padding-left: 50px; list-style-type: square} p.signature {margin-left: 33px; text-align: right; color: #000; background-color: transparent; font-weight: bold; font-size: .9em; padding-bottom: 1em; border-bottom: 1px solid #e66248} p.single_signature {margin-left: 33px; text-align: right; color: #000; background-color: transparent; font-weight: bold; font-size: .9em} #content ul.films {padding-left: 33px; list-style-type: none} ul.films li {padding: 0 0 1em 4em} span.film_year {position: absolute; margin-left: -4em; font-weight: bold} span.film_title {font-weight: bold} ul.awards {color: #fbef9e; background-color: transparent} #content ul.film_awards {color: #fbef9e; background-color: transparent; list-style-type: square; margin: 0; padding: 0} ul.film_awards li {margin-left: 1.4em; padding: 0} #content a {color: #ffd200; background-color: transparent; text-decoration: none} #content a:hover, #content a:active, #content a:focus {color: #ff0; background: transparent; text-decoration: underline} #content .photo_album {padding: 0 0 0 19px} #content .photo_album img {margin: 5px 0 0 14px; border: 2px solid #fff} #content .solo {width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px} #content .solo img {border: 2px solid #fff} /* Forms */ label {color: #eee; background-color: transparent} .formfield {color: #000; background-color: #eee; width: 230px; padding: .2em; font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif} .formbutton {color: #000; background-color: #eee; width: auto; font-size: 1em}