/* Savvy Cinema
 * URL: www.savvycinema.com
 * Last Update: 2008-05-20
 * Author: Kirk Beard <kirk@kirkbeard.com>
 * Website: www.kirkbeard.com
--------------------------------------------- */


/* =Common Elements/Selectors
--------------------------------------------- */
h1 { font-size:1.4em; font-weight:bold; margin:0 0 1em; }
h2 { font-size:1.2em; font-weight:bold; margin:0 0 .5em; }
h3 { font-size:1.1em; font-weight:bold; margin:0 0 1em; }
h4 { font-weight:bold; }
img.fr { float:right; padding:0 0 10px 15px; }
img.fl { float:left; padding:0 15px 10px 0; }
p { line-height:1.5em; margin-bottom:1em; }
a { color:#8cc3f1; text-decoration:none; }
a:hover { text-decoration:underline; }
abbr { border-bottom:1px dashed #ccc; cursor:help; }
strong { font-weight:bold; }
.hide { display:none; }





/* =Layout
--------------------------------------------- */
body { background:#15202c url(../images/layout/body-bg.jpg) scroll repeat-x; text-align:center; }


/* =Header Elements
--------------------------------------------- */
#hd { margin:auto; text-align:left; width:960px; background:transparent url(../images/layout/logo.jpg) scroll no-repeat 50%; height:124px; }
#hd h1 { display: none; }

/* =Navigation
--------------------------------------------- */
#nav { margin:auto; width:595px; height:50px; }
#nav ul { height:24px; font-weight:bold; }
#nav li { float:left; }
#nav a { display:block; height:24px; background-repeat:no-repeat; width:119px; }
#nav a span { display:none; }
#nav a#nav-home { background-image:url(../images/layout/nav-home.jpg); }
#nav a#nav-about { background-image:url(../images/layout/nav-about.jpg); }
#nav a#nav-corporate { background-image:url(../images/layout/nav-corporate.jpg); }
#nav a#nav-films { background-image:url(../images/layout/nav-films.jpg); }
#nav a#nav-contact { background-image:url(../images/layout/nav-contact.jpg); }

#nav li.selected a,
#nav a:hover { background-position:0 -24px; }


/* =Body
--------------------------------------------- */
#bd { background:#000 url(../images/layout/bd-bottom.gif) scroll no-repeat left bottom; color: #fff; text-align:left; padding:0 0 20px;}
#bd-about { background: transparent url(../images/layout/bd-about.gif) scroll no-repeat; padding: 30px 0 1em; }
#bd-about h1 { display: none; }
#bd-about-tom { background: transparent url(../images/layout/bd-about-tom.gif) scroll no-repeat; padding: 30px 0 1em; }
#bd-about-tom h1 { display: none; }
#bd-corporate { background: transparent url(../images/layout/bd-corporate.gif) scroll no-repeat; padding: 30px 0 1em; clear: both; }
#bd-corporate h1 { display: none; }
#bd-filmography { background: transparent url(../images/layout/bd-filmography.gif) scroll no-repeat; padding: 30px 0 1em; clear: both; }
#bd-filmography h1 { display: none; }
#bd-contact { background: transparent url(../images/layout/bd-contact.gif) scroll no-repeat; padding: 30px 0 1em; clear: both; }
#bd-contact h1 { display: none; }
#bd-sendemail { background: transparent url(../images/layout/bd-sendemail.gif) scroll no-repeat; padding: 30px 0 1em; clear: both; }
#bd-sendemail h1 { display: none; }
#bd-thanks { background: transparent url(../images/layout/bd-thanks.gif) scroll no-repeat; padding: 30px 0 1em; clear: both; }
#bd-thanks h1 { display: none; }

#movie-preview { text-align:center; margin-bottom: 15px; }
.legal-text { font-size:.8em; color:#999; }
em { font-style:italic; }

/* =Footer
--------------------------------------------- */
#ft { text-align:left; font-size:85%; padding:10px 0 50px; clear:both; }
#ft a { color:#babec2; margin-right:1em; }
#ft p { margin:0; color:#babec2; }
#kb { background:transparent url(../images/layout/kb.gif) scroll no-repeat; display:block; height:33px; padding-left:45px; }
#kb strong { display: block; }


/* =Table
--------------------------------------------- */
table.stan { width:100%; margin:auto; margin-bottom:2em; }
table.stan tr th { background:#a7cdee; color:#346c9d; font-weight:bold; border:0; padding:5px 7px; }
table.stan tr td { border-bottom:1px solid #cfe2f4; vertical-align:top; padding:5px 7px; }
table.stan tr.even { background:#e6eff9; }
table.stan tr.odd:hover,
table.stan tr.even:hover { }


/* =Form
--------------------------------------------- */
form { width: 700px; }
form fieldset { margin:0 0 10px; padding:0; border:0; }
form fieldset label { float:left; display:block; width:150px; margin:0 10px 0 0; font-weight:bold; line-height:1.5em; }
form fieldset div.field { float:left; width:400px; margin:0 10px 0 0; }
form fieldset div.field label { float: none; width: auto; font-weight: normal; }
form fieldset div.field input[type="text"],
form fieldset div.field input[type="password"],
form fieldset div.field textarea { padding:2px; border:1px solid #ccc; margin:0 0 5px; }
form fieldset div.field input[type="text"]  { width:20em; }
form fieldset div.field textarea { width:350px; }

form fieldset div.field input[type="text"]:focus,
form fieldset div.field textarea:focus { border-color:#aaa; }
form fieldset div.explain { clear:left; width:450px; color:#666; padding:0 0 10px 160px; font-size:.85em; }

form .submit { text-align:center; padding:10px 0; }
form .submit input { font-weight:bold; padding:2px 8px; margin:0 .5em; }
form .submit input[type=button] { font-weight:normal; }


/* =Unordered List
--------------------------------------------- */
ul.stan { margin:1em 3em 1em; }
ul.stan li { list-style:square; padding:0 0 .5em; }


/* =Home Page
--------------------------------------------- */
#film-previews { margin:1em 0 0; }
#film-previews li { width:188px; float:left; text-align:center;}


/* =Filmography Page
--------------------------------------------- */
.film-details { clear:both; margin:0 0 2em; }
.film-details ul { margin:1em 0 1em 210px; }
.film-details li { list-style:square; padding: 0 0 .5em; }


/* =Contact Page
--------------------------------------------- */
dl { margin:0 1em 2em; }
dl dt { width:8em; font-weight: bold; float:left; line-height:2em; }
dl dd { line-height:2em; }