@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; border:0; }
html,body,#background,#background table,#background td { width:100%; height:100%; overflow:hidden; }
body { background:#000; font-family:"Trebuchet MS", "Trebuchet", Verdana, Arial, Helvetica, sans-serif;}

a { outline:none; border:0; text-decoration:none; }
a:link { color:#14a6d1; text-decoration:none; }
a:visited { color:#73c8e6; }
a:hover { color:#d18b1c; }

h1#branding { position:absolute; display:block; float:left; bottom:15%; left:10%; width:303px; height:304px; background:url(http://www.thebraveandthekind.com/images/tbtk_title.png) no-repeat; z-index:5; }
h1#branding a { display:block; width:303px; height:304px; text-indent:-9999px; }

/* =Navigation */
div#navigation { position:relative; margin:0 auto; width:1025px; height:55px; background:url(http://www.thebraveandthekind.com/images/nav_bg.png) no-repeat; z-index:5; }
ul#nav_links { position:absolute; display:block; bottom:13px; width:100%; }
ul#nav_links li { display:inline; list-style:none; text-transform:uppercase; color:#5d5b5d; }
ul#nav_links li a, li#social {  color:#5d5b5d; font:.7em "Helvetica Neue (T1)", "Helvetica Neue (TT)", "Helvetica", "Helvetica (T1)", Arial, Verdana, sans-serif; font-weight:bold;  margin-right:30px; text-decoration:none; }
ul#nav_links li a:visited { color:#4a4a4a; text-decoration:none; }
ul#nav_links li a:hover, li#social:hover { color:#FFF; text-decoration:none; }
li#indiepix a { position:absolute; bottom:0; left:25px; display:block; width:17px; height:29px; background:url(http://www.thebraveandthekind.com/images/indiepix.png) no-repeat; text-indent:-9999px; }
li#indiepix a:hover { display:block; width:17px; height:29px; background:url(http://www.thebraveandthekind.com/images/indiepix_over.png) no-repeat; text-indent:-9999px; }
li#indiepix { background:url(http://www.thebraveandthekind.com/images/indiepix_over.png) no-repeat; }
li#diary { margin-left:65px; }
ul#socialize { position:absolute; bottom:0; left:575px; display:block; float:left; list-style:none; }
ul#socialize li { float:left; margin-right:0px; }
li#social { cursor:pointer; position:absolute; left:0; bottom:1px; }
ul#socialize li#flickr a { display:none; }
ul#socialize:hover li#flickr a { display:block; width:44px; height:14px; background:url(http://www.thebraveandthekind.com/images/flickr_new.png) no-repeat; text-indent:-9999px; }
ul#socialize:hover li#flickr a:hover { display:block; width:44px; height:14px; background:url(http://www.thebraveandthekind.com/images/flickr_new_over.png) no-repeat; text-indent:-9999px; }
ul#socialize li#flickr { margin-left:90px; position:relative; bottom:-2px; }
ul#socialize li#vimeo a { display:none; }
ul#socialize:hover li#vimeo a { display:block; width:50px; height:16px; background:url(http://www.thebraveandthekind.com/images/vimeo.png) no-repeat; text-indent:-9999px; }
ul#socialize:hover li#vimeo a:hover { display:block; width:50px; height:16px; background:url(http://www.thebraveandthekind.com/images/vimeo_over.png) no-repeat; text-indent:-9999px; }
ul#socialize li#myspace a { display:none; }
ul#socialize:hover li#myspace a { display:block; width:78px; height:19px; background:url(http://www.thebraveandthekind.com/images/myspace.png) no-repeat; text-indent:-9999px; }
ul#socialize:hover li#myspace a:hover { display:block; width:78px; height:19px; background:url(http://www.thebraveandthekind.com/images/myspace_over.png) no-repeat; text-indent:-9999px; }
ul#socialize li#facebook a { display:none; }
ul#socialize:hover li#facebook a { display:block; width:55px; height:14px; background:url(http://www.thebraveandthekind.com/images/facebook.png) no-repeat; text-indent:-9999px; }
ul#socialize:hover li#facebook a:hover { display:block; width:55px; height:14px; background:url(http://www.thebraveandthekind.com/images/facebook_over.png) no-repeat; text-indent:-9999px; }

body#blog li#diary a, body#bscenes li#behind a, body#allabout li#about a, body#cast li#cast_crew a, body#sign li#signup a, body#feedburner li#subscribe a { color:#14a6d1; }

div#content.static { padding-top:50px; line-height: 1.4em; }
div#site_info { position:absolute; top:95%; height:300px; width:100%; z-index:5; }
div#site_info p { font-size:65%; color:#464646; padding-top:10px; margin-left:10%; }
div#site_info a, div#site_info a:visited { color:#666; }
div#site_info a:hover { color:#888; }
div#site_info img { padding:0; } 

/* Thank you to http://ringvemedia.com for this background image hack */
#background { z-index:0; }
#background div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#background td { vertical-align:middle; text-align:center; }
#background img { min-height:50%; min-width:50%; margin:0 auto; }

/* Behind the Scenes */
a.option { display:block; margin-top:10px; text-transform:uppercase; background:url(http://www.thebraveandthekind.com/images/play_movie.gif) 0 100% no-repeat; padding-left:30px; }

/* Sign Up Form */
div#signupform fieldset { border:0; width:100%; font:.8em "Helvetica Neue (T1)", "Helvetica Neue (TT)", "Helvetica", "Helvetica (T1)", Arial, Verdana, sans-serif; font-weight:bold; }
div#signupform p { width:100%; height:35px; }
div#signupform label { float:left; width:35%; color:#666; }
div#signupform label span { float:right; margin-right:20px; } 
div#signupform input.enter { width:180px; background:#666; height:17px; padding:3px; color:#333; font-family:Arial, Helvetica, sans-serif; }
div#signupform input.enter:hover { background:#999; }
div#signupform input.enter:focus, div#signupform input.enter:active { background:#ccc; }
div#signupform input.submit { float:right; margin-right:50px; padding:10px; text-transform:uppercase; font-weight:bold; color:#fff; background:#14a6d1; cursor:pointer; }
div#signupform input.submit:hover { background:#333; }
div#signupform input.submit:active { background:#000; }

/* Email Subscription Form */
div#subscription fieldset { border:0; width:100%; font:.8em "Helvetica Neue (T1)", "Helvetica Neue (TT)", "Helvetica", "Helvetica (T1)", Arial, Verdana, sans-serif; font-weight:bold; margin:20px 0; }
div#subscription p { width:100%; }
div#subscription label { float:left; width:28%; color:#666; }
div#subscription label span { float:right; margin-right:10px; } 
div#subscription input.enter { width:160px; background:#666; padding:5px; margin-right:5px; color:#333; font-family:Arial, Helvetica, sans-serif; }
div#subscription input.enter:hover { background:#999; }
div#subscription input.enter:focus, div#subscription input.enter:active { background:#ccc; }
div#subscription input.submit { padding:5px; text-transform:uppercase; font-weight:bold; color:#fff; background:#14a6d1; cursor:pointer; }
div#subscription input.submit:hover { background:#333; }
div#subscription input.submit:active { background:#000; }

/* RSS Feed images */
.feed { display:block; margin:20px; }

/* Buy Button */
div#buy { display:block; width:69px; height:162px; background:url(../images/buy_btn.jpg) no-repeat; position:absolute; bottom:35%; left:0; z-index:1; }
div#buy p a { display:block; width:69px; height:162px; text-indent:-9999px; }