a {
    color: #252594;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a:visited {
    color: #792130;
}
a:active {
    color: #cc0000;
}

html {
    margin: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    font-family: Bitstream Charter, Warnock Pro, Georgia, serif;
    background-image: url(../images/common/menu-bg.png);
    background-repeat: repeat-y;
}

.breadcrumb {
    font-family: Tahoma, sans-serif;
    font-size: 70%;
    padding: 5px;
    padding-left: 200px;
    color: #888;
    background: #f6f2ff url(../images/common/breadcrumb-gradient.png) bottom repeat-x;
    /* margin-left: 1px; why this? I hope not a bug work-around */
}

.breadcrumb a {
    color: #888;
}

.breadcrumb a:visited {
    color: #888;
}

.breadcrumb a:hover {
    color: #dd8888;
    text-decoration: underline; 
}

.breadcrumb span {
    color: #ccc;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

#breadcrumb-top {
    border-bottom: 1px solid #d9ccf6
}

#breadcrumb-bottom {
    border-top: 1px solid #d9ccf6;
    padding-left: 10px;
    margin-left: 191px;
}

.alignCenter {
    text-align: center;
}

/*
 * top bar
 */

#topbar-bg {
    /* This image really should be a png, but filmreel is a jpg and Safari
       renders the colors appreciably different.  We could make filmreel a
       png, but that would seriously inflate it.  We could fiddle with gamma
       settings of the png, but that could have side-effects.  Instead we'll
       make this image a jpg, which makes it 30% bigger (since 1x1 subsampling
       at 98% quality had to be used), but that's only an extra 300 bytes.
    */
    background: url(../images/common/topbar-repeat.jpg); 
    background-repeat: repeat-x; 
    height: 115px; 
    margin-top: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
width: 100%;
}

#topbar-title {
    background: url("../images/common/topbar-title.png");
    position: absolute;
    cursor: pointer;
    left: 214px;
    top: 33px;
    width: 448px;
    height: 82px;
}

#topbar-bottom {
    background: url(../images/common/topbar-bottom.png);
    position: absolute;
    left: 0px;
    top: 125px;
    width: 680px;
    height: 4px;
}

#topbar-right {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 15px;
    background: url(../images/common/topbar-filmreel.jpg); 
    background-repeat: no-repeat; 
    background-position: right;
    height: 115px; 
}

#topbar-anna {
    background: url(../images/common/anna.jpg); 
    position: absolute;
    left: 15px;
    top: 0px;
    width: 174px;
    height: 291px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

        
/*
 * menu
 */
        
#menu {
    width: 174px;
    position: absolute; 
    left: 16px; 
    /* top: 291px; */
    top: 310px; 
    width: 174px;
    overflow: hidden;
}

.menuitem {
    display: block;
    margin: 0.3em 0 0 0;
    padding: 0.1em 0em 0.1em 15px;
    background-image: url(../images/common/menuitem-bg.jpg);
    border-bottom: 1px solid #d8c078;
    color: #2b1776 !important;
    font-weight: bold;
    font-size: 100%;
    font-family: Georgia, sans-serif;
}

a.menuitem:hover {
    background-image: url(../images/common/menuitem-bg-sel.jpg);
    color: black !important;
}

#menuitem-sel {
    background-image: url(../images/common/menuitem-bg-sel.jpg);
    color: black !important;
}

.menuitem-shadow {
    border-bottom: 1px solid #f5e29d;
}

#search {
    margin-top: 2em;
    text-align: center;
}
#search #input{
    width: 95px;
    vertical-align: middle;
    background-color: #ffefbd;
    border: 1px solid #d9c179;
}
#search #input:hover {
    background-color: #fff5cd;
}
#search #input:focus {
    background-color: #faf9f8;
}

#search #submitbutton {
    vertical-align: middle;
    margin: 1px;
    border: 1px outset #d9c179;
}

#search #submitbutton:active {
    border: 1px inset #d9c179;
}

/*
 * content
 */

#body {
    margin-top: 130px;
}

#content {
    padding: 15px;
    margin-left: 190px;
}

#content h2 {
    margin-top: 0px;
    font-size: 150%;
    color: #444;
}

.shown-list-results {
    color: #888;
    font-size: 90%;
}

/*
 * main page
 */
#latest-reviews td {
    padding: 2px;
}

#latest-reviews tr td.label div {
    width: 1em;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    text-align: center;
    font-variant: small-caps; 
    font-family: Serif,Tahoma,Verdana,Sans-Serif;
    font-weight: bold; 
    font-size: 300%;
    color: #eee;
}

/*
 * review
 */

#review {
    vertical-align: top;
    padding: 0.3em 1em 0.3em 0.3em;
}

#review a {
    font-weight: bold;
}

#review #essentials a {
    font-weight: normal;
}

#review #essentials .field-name,
#review #essentials .actress-age,
#all-reviews .field-screen_time {
    white-space: nowrap;
}

#review h2 {
    margin-bottom: 0px;
}

#review #author {
    margin: 0px;
    padding-left: 2em;
    color: #888;
    font-size: 80%;
}

#review #summary {
    color: #444;
    font-size: 110%;
}

#review div.p {
/*    margin: 0em; */
    text-align: justify;
}

#review #essentials {
    margin: 0px auto;
}

#review #essentials hr {
    border: 0px;
    border-top: 1px solid #bbb;
    background-color: #ddd;
    height: 2px;
}

#review #essentials #coverImg img {
    border: 1px solid black;
}        

#review #essentials img {
    vertical-align: bottom;
}

.score {
    font-size: 90%;
    color: #555;
}

.review-summary {
    font-size: 90%; 
    text-align: justify; 
    margin-top: 0.5em;
    color: #555;
}

#actress {
    text-align: justify;
    padding: 0.3em 1em 0.3em 0.3em;
}

#actress h3 {
    font-size: 130%;
}

img.thumb {
    border: 1px solid black;
    padding: 0;
    margin: 4px;
    cursor: pointer;
}

div.shot,
.video-caption {
    text-align: center;
    color: #555;
    font-style: italic;
    font-size: 90%;
    margin: 0 auto;
}
div.shot {
    display: table;
}
div.shot img {
    border: 1px solid black;
    display: block;
    margin: 0 auto;
}
div.shot.no-border img {
    border-width: 0px;
}

/*
 * detail boxes
 */


#detailBoxes {
    vertical-align: top;
    width: 15em;
    font-size: 90%;
}

div.fooboxleft {
    background: url(../images/common/foobox-left.png) left repeat-y;
    position: relative;
}

div.fooboxright {
    background: url(../images/common/foobox-right.png) right repeat-y;
}
 
div.fooboxtop {
    background: url(../images/common/foobox-top.png) top repeat-x;
}
 
div.fooboxtopleft {
    background: url(../images/common/foobox-top-left.png) top left no-repeat;
}

div.fooboxtopright {
    background: url(../images/common/foobox-top-right.png) top right no-repeat;
}

div.fooboxbottom {
    background: url(../images/common/foobox-bottom.png) bottom repeat-x;
}

div.fooboxbottomleft {
    background: url(../images/common/foobox-bottom-left.png) bottom left no-repeat;
}

div.fooboxbottomright {
    background: url(../images/common/foobox-bottom-right.png) bottom right no-repeat;
}

.foobox {
    display: block;
    margin-top: 1em;
    padding: 1em;
}

.foobox:after {
    content: "";
    display: block;
    clear: both;
}

.foobox h3, .foobox h4 {
    font-weight: bold;
    text-align: center;
}
.foobox h3 {
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    font-size: 120%;
    padding-bottom: 0.2em;
    border-bottom: 2px double #ccc;
}
.foobox h4 {
    margin: 0.3em 0em 0.3em 0em;
    font-size: 110%;
}

.foobox ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.foobox li {
    list-style: none;
    margin-top: 0.2em;
}

.actressImg {
    text-align: center;
    display: table;
    margin: 0 auto;
}

.actressImg img {
    border: 1px solid black;
    display: block;
}

.separator {
    background: url(../images/common/separator.png) no-repeat center;
    height: 14px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin: 1em 0em 1em 0em;
}

.separator2 {
    background: url(../images/common/separator2.png) no-repeat center;
    height: 17px;
    margin: 1em 0em 1em 0em;
}

.separator3 {
    background: url(../images/common/separator3.png) no-repeat center;
    height: 25px;
}

.detailbox ul {
    padding-left: 1.5em;
    margin-left: 0em;
    margin-top: 0.4em;
    margin-bottom: 0.6em;
}
.imgAndCaption {
    margin: 1em 0;
    text-align: center;
}

/*
 * table - style using tr rather than table element class to help with styling of all_reviews, which has reviews within clean table rows
 */

table.clean {
    border: 1px solid #a0925b;
}

tr.clean th {
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    font-size: 95%;
    background-color: #efd996;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-bottom: 1px solid #a0925b;
    text-align: left;
}

tr.clean th a {
    color: black;
    display: block;
}

tr.clean th a:visited {
    color: black;
}

tr.clean th.sorta {
    background: #efd996 url(../images/common/col-sort-a.png) right no-repeat;
}

tr.clean th.sortd {
    background: #efd996 url(../images/common/col-sort-d.png) right no-repeat;
}
tr.clean th.field-age {
    padding-left: 1em;
    padding-right: 1em;
}

tr.clean th.field-screen_time {
    padding-right: 1em;
}


tr.clean.shade {
    background-color: #fffcec;
}

tr.clean.shade td {
    border-top: 1px solid #efe9c9;
}

tr.clean td {
    border-color: black;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-top: 1px solid #efe9c9;
    border-left: 1px solid #efe9c9;
}

.clean-table-title {
    font-variant: small-caps; 
    font-weight: bold; 
    font-size: 110%;
    padding-bottom: 0.2em;
}

.clean-table-caption {
    font-family: Tahoma, sans-serif;
    font-size: 90%;
}

/*
 * review list common
 */

.movie-vitals {
    font-size: 95%;
    font-family: Tahoma, sans-serif;
    font-variant: small-caps;
    /* margin works right on all browsers, where as IE does not honor padding for floats */
    margin: 0.5em 1em;
}

.movie-vitals td {
    white-space: nowrap;
}

/*
 * full review detailed list
 */

.aka {
    font-style: italic;
    color: #777; /* a tad lighter than #content h2 */
}

.full-reviews .aka {
    margin-left: 1em;
}

#review .aka {
    font-size: 80%;
}

.gradient {
    background-image: url(../images/common/bg-gradient.png);
    background-repeat: repeat-x;
}

.gradient div.left {
    background-image: url(../images/common/bg-gradient-edge.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.gradient div.right {
    background-image: url(../images/common/bg-gradient-edge.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.review-list .movie-title {
    font-weight: bold;
    font-size: 140%;
    margin-top: 1em;
}

div.scrollExtend-loading {
    background-image: url(../images/common/scrollExtend-spinner.gif);
    height: 31px;
    width: 31px;
    margin: 0px auto;
}

/*
 * mini review list
 */

div.mini-review {
    margin-top: 1.5em !important;
}

.mini-review .actress-age,
.mini-review .actress-reviews-link {
    font-size: 85%;
}

img#bouncing-arrow {
    position: absolute;
    padding-top: 0.25em;
    margin-left: -42px;
    z-index: 20;
    border: 0;
}

.mini-scrot {
    text-align: center;
    margin: 0.8em 0.8em 0 1em;
}

.mini-scrot img {
    display: block;
    border: 1px solid black;
}

.mini-review .movie-title {
    padding-left: 67px;
    padding-top: 0.5em;
    margin-bottom: 0;
}

.mini-review .aka {
    padding-left: 67px;
}

.mini-review .review-text {
    margin: 7px 0.8em 0 2em; /* left margin (2em) is also set in mini_review's index-detailed.tmpl.php's func prevent_widows() */
    text-align: justify;
}

/* margins for .p is set in misc section, and I dare not change it */
.review-text .p {
    margin-top: 0px;
}

.mini-review .permalink {
    text-align: center;
    font-size: 80%;
    color: #aaa;
}

.mini-review .permalink a {
    margin-top: 0.3em;
}

.mini-review .more-about-link {
    margin-top: 0.5em;
}

/*
 * actress list
 */

.actresses .video-link a {
    background-color: #f7f7f7;
    padding: 0.3em 0.6em;
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.actresses .movie-title {
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    xmargin: 0.2em 0 0.5em 0em;
    xpadding-right: 4.5em;
    white-space: normal !important;
}

.actresses .aka {
    text-align: center;
    font-size: 90%;
}

.actresses .movie-vitals {
    margin-top: 0.5em !important;
    margin-left: 5px;
    margin-right: 5px;
}

/*
 * Flash video clips with preview image. Caption style elswhere, grep for video-caption.
 */

.video-clip-border {
    margin: 1.2em 0em 0.7em 0em;
    border: 1px solid black;
    background-color: #000; /* so lowering opacity darkens preview image */
    margin: 0px auto;
}
.video-clip-border:hover {
    cursor: pointer;
}
.video-clip-border img {
    display: block;
    position: relative;
    margin: 0 auto;
}
.video-clip-border img.video-preview {
    width: 100%;
    height: 100%;
}
.video-clip-border .video-play-text {
    opacity: 0;
}

/*
 * UI validation plugin on Contact page
 */
        
label[generated='true'] {
    font-size: 80%;
}
label.error {
    color: red;
}

/*
 * main page notifications link
 */
        
div.notify {
    margin: 1em;
    text-align: center;
}

div.notify a:hover {
    text-decoration: none;
}

div.notify a span {
    border: 1px solid #cbd;
    background-color: #f0e9ff;
    padding: 0.2em 1em;
    font-size: 90%;
    font-family: Tahoma, Sans-Serif;
    color: #333;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

div.notify a:hover span {
    background-color: #fffccc;
    border: 1px solid #e0da81;
    color: #000;
}

/*
 * Inline mini reviews
 */

/* Exception to ".mini-review .more-about-link" rule */
.inline-review .mini-review .more-about-link {
    margin-bottom: 1.2em;
}

/*
 * all_reviews
 */

/* overrides the rule for .review-list .movie-title */

#all-reviews .mini-review .movie-title {
    margin-top: 0;
}

#all-reviews .inmost {
    margin: 0.3em 0 0 0.8em;
}
/*
 * misc
 */

input { 
    border: 1px solid #aaa;
    background-color: #f5f5f5;
}

input:focus { 
    border: 1px solid #316ac5;
    background-color: #ffffff;
}

input:hover { 
    background-color: #ffffff;
}

textarea {
        border: 1px solid #aaa;
        background-color: #f5f5f5;
}

textarea:hover { 
    background-color: #ffffff;
}

textarea:focus {
    border: 1px solid #316ac5;
    background-color: #ffffff;
}

.keyword {
    font-weight: bold;
    color: #BA3340;
    /*background-color: #ffed51;*/
}

hr.thin {
    border: 0px;
    border-top: 1px solid #ddd;
    height: 1px;
}

table.full-reviews {
}

hr.little-margin {
    margin: 0.2em;
}

span.stars {
    white-space: nowrap;
}

span.stars img {
    padding-right: 1px;
    vertical-align: middle;
}

span.movie_name {
    font-weight: bold;
}

a.actress_name {
    font-weight: bold;
}

a.movie_name {
    font-weight: bold;
}

a img:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
}

a img.alpha-png:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
}

.warning {
    border: 1px solid #e0cd64; 
    background-color: #fffac4;
    padding: 5px 15px 5px 15px; 
    margin: 1.3em 1px 1.3em 1px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.warning img {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

div.about,
div.links {
    margin-left: 1em;
    margin-right: 1em;
}

div.about .a {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
    text-align: justify;
}

div.about h3 {
    background: url(../images/common/mag.jpg); 
    background-repeat: no-repeat; 
    background-position: top left;
    padding-left: 50px;
    min-height: 40px;
}

.vmiddle {
    vertical-align: middle;
}

.arrow-box {
    text-align: center; 
    padding: 5px;
    vertical-align: middle;
}

.borderless {
    border: 0px;
}

.bhmiddle {
    margin: 0px auto;
}

.p {
    margin-top: 1em;
    margin-bottom: 1em;
}

img.alpha-png {
}

.shot-link {
    background: url(../images/common/screenshot-h19.jpg); 
    background-repeat: no-repeat; 
    background-position: center right;
    margin-right: -38px;
    padding-right: 38px; 
}

.scrot-icon {
    display: block;
    position: absolute;
    left: 200px;
    top: 200px;
}

.foobox .video-link {
    background: url(../images/common/video-icon-h19.jpg); 
    background-repeat: no-repeat; 
    background-position: center right;
    margin-right: -34px;
    padding-right: 34px; 
}

.imdb-link {
    background: url(../images/common/imdb.gif); 
    background-repeat: no-repeat; 
    background-position: center right;
    margin-right: -20px;
    padding-right: 20px; 
}

#logos {
    left: 15px; 
    position: absolute; 
    visibility: hidden;
    width: 174px;
    text-align: center;
}

#logos table {
    text-align: center;
    padding-left: 191px; /* Safari needs 191 rather than 190 */
}

.shrinkwrap-center-inner {
    display: table-cell;
}

.shrinkwrap-center-outer {
    display: table;
    margin: 0 auto;
}

.nobr {
    white-space: nowrap;
}

.to-review-list.type-columns {
    -moz-column-width: 12em;
    column-width: 12em;
    -webkit-column-width: 12em;
}

.to-review-list ul {
    margin-top: 0;
    margin-bottom: 0;
}

.to-review-list li {
    list-style-type: circle;
    text-align: left;
}

.link-list li {
    list-style-type: circle;
    text-align: left;
}

.p a, p a, div.about a, .underlined-links a, table.minitext a {
    text-decoration: underline;
}

.p a:hover, p a:hover, div.about a:hover, .underlined-links a:hover {
    background-color: #ffed51;
}

div.shot a:hover {
    background-color: white;
}

span.highlight {
    background-color: #ffed51;
}

div.star16 {
    background-image: url(../images/common/star16-bg.gif);
    width: 84px;
    height: 16px;
    text-align: left;
    overflow: hidden;
}

div.star16 * {
    height: 16px;
    padding-top: 2em;
}

div.star16 div.ac {
    background-image: url(../images/common/star16-actress.gif);
}

div.star16 div.m {
    background-image: url(../images/common/star16-movie.gif);
}

div.star20 {
    background-image: url(../images/common/star20-bg.gif);
    width: 104px;
    height: 20px;
    text-align: left;
    overflow: hidden;
}

div.star20 * {
    height: 20px;
    padding-top: 2em;
}

div.star20 div.ac {
    background-image: url(../images/common/star20-actress.gif);
}

div.star20 div.m {
    background-image: url(../images/common/star20-movie.gif);
}

#review .this-is-mini-review,
#review  p.attribution,
#actress p.attribution {
    color: #666;
    font-size: 85%;
    text-align: center;
    margin-bottom: 0;
    font-style: italic;
}

/* TextAreaResizer for admin */
div.grippie {
    background:#EEEEEE url(../images/admin/grippie.png) no-repeat scroll center 2px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
}
.resizable-textarea textarea {
    display:block;
    margin-bottom:0pt;
    width:95%;
    height: 20%;
}

.bio-link-text {
    font-size: 70%;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    padding-left: 0.5em;
}