/*
Theme Name: Sophia ~ based on Kubrick by Michael Heilemann
Version: 1.0
Author: Spencer McCormick
Author URI: http://SpencerMcCormick.com/

*/

/* --Reset  -- */
    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,
	b, u, i, center,
	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;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	:focus { outline: 0; }
    html, body {height:100%; width:100%}
	body {line-height: 1; color: black; background: white; }
	ol, ul, li {list-style: none;}
	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: "" "";}
	table {	border-collapse: collapse;	border-spacing: 0; }

/* --  Basics  -- */
    body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #d5d6d7; color: #333; text-align: center; }
    #page { margin: 0 auto; width: 880px; background-color: white; margin-bottom:220px; margin-top:100px; padding-bottom:20px; border: 2px solid #312F2B; text-align: left; }
    #header { background: url('images/masthead.jpg') no-repeat bottom center; }
    .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
    .last { margin:0; border:none; clear:both;  } /* flushes last element in floated nav */
   	#bgImage img{ position: fixed; left:0; bottom: 0px; z-index:-1; }


/* --  Fonts  -- */
    p{ font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 0}
    li { font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; ; }
	h1 { font: bolder 60px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
	h2, h3, h4 {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}
	h2 {font-size: 23px;}
    h3 {font-size: 18px;}
    h4 {font-size: 14px; font-weight:normal;}
    .smaller { font-size: .9em !important; }
	a, a:visited{text-decoration:none; color:black;}
    a:hover{text-decoration:underline;color:black}
    h1, h1 a, h1 a:hover, h1 a:visited{ text-decoration: none; color: white; }
    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none; }
	h2 a:hover, h3 a:hover{color:#63170A}
    /* --  more specific  -- */
	.widecolumn h2 { font-size:34px; }
    .widecolumn h3{ margin:2px 24px 18px; font-size: 15px; }
    small { font: normal 0.9em / 1.5em  Arial, Helvetica, Sans-Serif; }
    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #444; }
    code { font: 1.1em 'Courier New', Courier, Fixed; }
    acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
    .thread-alt { background-color: #f8f8f8; }
    .thread-even { background-color: white; }
    .depth-1 { border: 1px solid #ddd; }
    .even, .alt { border-left: 1px solid #ddd; }
    .sticky { background: #f7f7f7; padding: 0 10px 10px; }
    .sticky h2 { padding-top: 10px; }
    .postmetadata {font-size:11px;}
    .postmetadata a{color:#5B3728;}


/* Inner Structure */
    .narrowcolumn { float: left; padding: 0 0 20px 40px; margin: 0px 0 0; width: 580px; overflow:hidden; }
    .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 650px;overflow:hidden; }
    .post { margin: 0 0 40px; text-align: justify; }
    .post hr { display: block; }
    .widecolumn .post { margin: 0; }
    .narrowcolumn .postmetadata { padding-top: 5px; }
    .widecolumn .postmetadata { margin: 30px 0; }
    .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
    .widecolumn .attachment { text-align: center; margin: 5px 0px; }
    .postmetadata { clear: both; }
    .clear { clear: both; }
    #footer { background: none; padding: 0; margin: 0 auto; width: 880px; clear: both; }
    #footer p { font-size:10px; margin: 0; padding: 10px 0; text-align: center; }

/* Begin Sidebar */
#sidebar { padding: 0px 2px 0px 20px; margin:120px 0 0 650px; width: 195px; border-left:1px solid #4e3234 }
#sidebar h2 { font-size:17px; margin: 10px 0 0; padding: 0; }
#sidebar a{color:#43050A;}
#sidebar form { margin: 0; }
/* End Sidebar */    

/*	Begin Headers */
h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }

/* --  Navigation -- */
	/* -- Header --*/
    #header {height: 220px; width: 880px; }
    a#headerimg { height: 190px; width: 880px; display:block; background:url(images/masthead_r1_c1_s1.jpg) no-repeat; }
    #header li {float:left; position:static; }
    li a.nav{ float:left;display:inline; height: 38px; }
        .nav{ background:url(images/masthead_r2_c1_s1.png) no-repeat; }
        .nav.btn_cast { width: 90px; background-position:0 -1px; }
        .nav.btn_crew {width: 100px; background-position:-88px -1px}
        .nav.btn_trailer {width: 145px; background-position:-189px -1px }
        .nav.btn_con {width: 205px;background-position:-333px -1px}
        .blank { width: 200px; height:38px; float:left }
        .nav.btn_twet {width: 25px; background-position:-740px -1px }
        .nav.btn_face {width: 25px;background-position:-765px -1px}
        .nav.btn_mail {width: 50px;background-position:-790px -1px}
        .nav.btn_feed { width: 40px; background-position:-840px -1px }
        a.nav.btn_cast:hover {background-position:0 -39px; }
        a.nav.btn_crew:hover {background-position:-88px -39px}
        a.nav.btn_trailer:hover {background-position:-189px -39px }
        a.nav.btn_con:hover {background-position:-333px -39px}
        a.nav.btn_twet:hover { background-position:-740px -39px }
        a.nav.btn_face:hover {background-position:-765px -39px}
        a.nav.btn_mail:hover {;background-position:-790px -39px}
        a.nav.btn_feed:hover { background-position:-840px -39px }
	/* --  Footer -- */
    #navBottom {position:static; bottom:0px; width:100%; height:40px; text-align:left;}
            /* --  Text Links  -- */
        ul#nav{position:relative; bottom:-8px;left:10px}
        ul#nav li {color:white; font-size: 14px; float:left; padding:4px 5px;  }
        ul#nav li a{ color:white; text-decoration:none; position:relative; top:-3px; font: 17px Consolas, "Lucida Console", "Andale Mono", monospace; }
        ul#nav li a:hover{text-decoration:underline;color:white;}
            /* -- Buttons Right -- uses navigation header graphics */
        #navBottom ul#buttons { float:right; background:white; width:140px; height:40px; padding:5px 5px 1px 15px; border-left:1px solid #312F2B; border-top:1px solid #312F2B;border-left:1px solid #312F2B;-moz-border-radius-topleft: 30px;-webkit-border-top-left-radius: 30px;border-top-left-radius: 30px;} 
        #navBottom ul#buttons li { padding:0} 

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Lists */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0;font-weight: normal; line-height: 1.5em; text-transform: none; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { text-decoration: none; display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */