/* Style rules for MagicLanternCreations.com */


/* Style rule for page body */
body
{
    background-image: url('images/mlc_pg_bg.jpg');
    background-repeat: repeat-x;
    background-color: #090618;
    top: 0px;
    left: 0px;
    border: none;
    margin: 0px auto;
    padding: 0px;
}

/*  Style rule for wrapper */
#wrapper
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 800px;
    border: none;
    top: 0px;
    left: 0px;
}

/* Style rule for header */
#header
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 151px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_header.jpg');
    background-repeat: no-repeat;
}

/* Style rule for return to home text in header */
#header h1
{
    text-align: center;
    color: #fff;
    margin: 0px 0px 0px 25px;
    padding-top: 135px;
    font-size: 9pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}

/* Style rules for link back to home in header */
#header a
{
    text-decoration: none;
    color: #fff;
}
#header a:hover
{
    text-decoration: none;
    color: #dcca23
}

/* Style rules for dropdown menus in navbar */
#dropmenudiv
{
    position: absolute;
    border: 5px solid #000;
    font: bold small Trebuchet MS;
    line-height:20px;
    z-index:100;
    background-color: #000;
    margin-left: -18px;
}
#dropmenudiv a
{
    display: block;
    text-indent: 0px;
    border-bottom: 2px solid #dcca23;
    padding: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 5px 0px 0px 0px;
}
#dropmenudiv a:hover
{
    color: #dcca23;
}

/* Style rules for navbar with logo image--Index page */
#navbar_logo
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 80px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_nav_logo.jpg');
    background-repeat: no-repeat;
}
/* Navbar with white in image--Credits page & Bio page */
#navbar_white
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 80px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_nav_white.jpg');
    background-repeat: no-repeat;
}
/* Navbar with black in image--Video page & Photo page & Contact page & Request page */
#navbar_black
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 80px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_nav_black.jpg');
    background-repeat: no-repeat;
}
/* Style rule for table in ALL 3 navbar looks */
#navbar_logo table,
#navbar_black table,
#navbar_white table
{
    width: 340px;
    margin: 0px 0px 0px 443px;
    padding: 0px;
    border: none;
    top: 0px;
}
#navbar_logo table td,
#navbar_black table td,
#navbar_white table td
{
    vertical-align: bottom;
    border: none;
    padding: 10px;
    margin: 0px auto;
    color: #fff;
    font-weight: bold;
}
#navbar_logo table td a,
#navbar_black table td a,
#navbar_white table td a
{
    color: #fff;
    font-family: Trebuchet MS, arial, san-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

/* Style rule for navbar links */
#navbar a,
#navbar a:link,
#navbar a:visited
{
    color: #fff;
    text-align:
    font-size: 10pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: bold;
    font-family: Trebuchet MS, arial, san-serif;
}
#navbar a:hover,
#navbar a:active
{
    color: #dcca23;
}

/* Style rule for main content well on index page */
#main_home
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 501px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_main_logo.jpg');
    background-repeat: no-repeat;
}

/* Style rule for main content well on Credits & Bio pages */
#main_about
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 501px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_main_white.jpg');
    background-repeat: no-repeat;
}

/* Style rule for main content well on Video & Photo & Contact pages */
#main_seen
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 501px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_main_black.jpg');
    background-repeat: no-repeat;
}
#main_seen p
{
    color: #fff;
    font-family: Trebuchet MS;
    font-size: small;
    border: none;
    padding: 0px;
    text-align: center;
}


/* Style rule for main content well on Request page */
#main_request
{
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    height: 501px;
    border: none;
    top: 0px;
    left: 0px;
    background-image: url('images/mlc_main_black.jpg');
    background-repeat: no-repeat;
}

/* Style rule for scroll div in white screen--Bio page */
#scroll
{
    margin: 0px 5px 0px 425px;
    height: 380px;
    width: 380px;
    overflow: auto;
}

#scroll h1
{
    color: #000;
    margin: 5px 5px 5px 0px;
    text-align: justify;
    font-size: 9pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}

/* Style rule for main content links in scroll section--Bio page only (but not used yet) */
#scroll a,
#scroll a:link,
#scroll a:visited
{
    color: #000;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#scroll a:hover
{
    text-decoration: none;
    border-bottom-style: outset;
    border-bottom-width: thin;
    border-bottom-color: #dcca23;
}

/* Style rule for scroll div in white screen on credits page */
#scroll_credits
{
    margin: 0px 5px 0px 425px;
    height: 380px;
    width: 380px;
    overflow: auto;
}
#scroll_credits h1
{
    color: #000;
    margin: 5px 5px 5px 0px;
    text-align: center;
    font-size: 9pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}
#scroll_credits a
{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
#scroll_credits a:hover
{
    color: #483f76;
}


/* Style rules for contact text section on contact page */
#contact
{
    margin: 0px 5px 0px 425px;
    height: 380px;
    width: 380px;
}
#contact h1
{
    color: #fff;
    margin: 0px 5px 25px 0px;
    text-align: center;
    font-size: 9pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}
#contact a,
#contact a:link,
#contact a:visited
{
    text-decoration: underline;
    color: #fff;
}
#contact a:hover
{
    color: #dcca23;
}

/* Style rule for photo section on photo page */
#photo
{
    margin: 0px 0px 0px 405px;
    height: 342px;
    width: 400px;
}

#photo_table
{
    margin: 0px 0px 0px 405px;
    height: 342px;
    width: 400px;
    border: none;
    padding: 37px 0px 0px 0px;
    text-align: center;
}

#photo_table td
{
    height: 57px;
    width: 100px;
    text-align: center;
    vertical-align: top;
    border: none;
    padding: 0px;
    margin: 0px;
}

/* Style rules for form section on Request page */
#form
{
    margin: 0 auto;
    height: 400px;
    width: 450px;
}
#form table
{
    margin: 0px 0px 0px 10px;
    width: 450px;
    height: 400px;
    border: none;
    padding: 0px;
}
#form table td
{
    height: 30px;
}
#form table p
{
    color: #fff;
    margin: 0px 0px 0px 0px;
    font-size: 9pt;
    letter-spacing: 1pt;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}

/* Style rule for footer */
#footer
{
    height: 68px;
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    top: 0px;
    left: 0px;
    border: none;
    text-align: center;
    background-image: url('images/mlc_footer.jpg');
    background-repeat: no-repeat;
}
/* Style rule for footer */
#footer h1
{
    margin: 0px auto;
    padding: 0px;
    color: #fff;
    text-align: center;
    font-size: xx-small;
    font-weight: normal;
    font-family: Trebuchet MS, arial, san-serif;
}
/* Style rule for footer links */
#footer a,
#footer a:link,
#footer a:visited
{
    text-decoration: underline;
    color: #fff;
}
#footer a:hover
{
    color: #dcca23;
}