/* 
Theme Name: Lightstream
Theme URL: http://lightstreampictures.com/
Description: We make super serial movies.
Author: Guy Meyer
Author URI: http://industryyellow.com
Version: 1.0
*/

@font-face { font-family: "Museo Light"; src: url("import/MuseoSans_100.otf") format('opentype'); }
@font-face { font-family: "Museo Light Italic"; src: url("import/MuseoSans_100_Italic.otf") format('opentype'); }
@font-face { font-family: "Museo Medium"; src: url("import/MuseoSans_300.otf") format('opentype'); }
@font-face { font-family: "Museo Medium Italic"; src: url("import/MuseoSans_300_Italic.otf") format('opentype'); }

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* --- */
body { background: #000 url(images/body-background.png) top repeat-y; font: 62.5%/1.8em Helvetica, Arial, Sans-Serif; color: #CBCAC9; margin: 0; padding: 0; }

div#accent { width: 100%; background: #ffdf74; height: 6px; margin-bottom: 25px; }

a { color: #007dc3; text-decoration: none; }
a:hover { color:#FFF; }

a#logo { text-align: right; }
a#logo img { margin-left: 77px; }

h1, h2, h3, h4, h5, h6, div#nav ul { font-weight: normal; font-family: "Museo Light"; }
h1, h2 { color: #ffdf74; font-size: 2em; margin-bottom: .2em; }
h3, h4 { color: #FFF; font-size: 1.6em; margin-bottom: 0em; }
p, li { font-size: 1.3em; margin-bottom: 1.8em; }
li { margin-bottom: .45em; }

div#container { width: 66em; margin: auto; padding-left: 18em; }

div#nav { position: fixed; margin-left: -25em; width: 19em; }
div#nav img { margin-bottom: 10px; }
div#nav ul {  padding-right: 0em; }
div#nav ul li { font-size: 2em; margin-bottom: .5em; text-align: right; }
div#nav ul li a { color: #007dc3; }
div#nav ul li a:hover { color: #FFF; }
div#nav ul li.selected a { color: #7ec2e8; }

div#nav ul li ul { margin-top: 9px; }
div#nav ul li ul li { font-size: 13px; margin-bottom: 5px; }
div#nav ul li ul.sub li a { color: #FFF; }
div#nav ul li ul.sub li a:hover { color: #007dc3; }

div#content div.left { width: 40em; float: left; }
div#content div.left span { color: #b7b2a8; font-size: 1.1em; font-style: italic; display: block; margin-bottom: .8em; }
div#content div.left hr.clear { margin: 18px 0px; border: none; }

div#content div.right { width: 23em; float: right; }
div#content div.right a img.spacer { margin-bottom: 30px; }

div#content img.right { float: right; margin: 25px 0 9px 9px; width: 100px; background: #171513; border: 4px solid #1d1c1a; padding: 1px; }

div#content ul.bullets { padding-left: 1.8em; }
div#content ul.bullets li { list-style-type: square; margin-bottom: 1em; }

div#footer { clear: both; padding: 18px 0px 30px 0px;}