@charset "UTF-8";

/* Copied from: http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* --- end Yahoo reset script --- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 26, 2010 */
@font-face {
	font-family: 'Kip the Great';
	src: url('http://static.vacant-nebula.com/files/kiptg___-webfont.eot');
	src: local('☺'), url('http://static.vacant-nebula.com/files/kiptg___-webfont.woff') format('woff'), url('http://static.vacant-nebula.com/files/kiptg___-webfont.ttf') format('truetype'), url('http://static.vacant-nebula.com/files/___kiptg-webfont.svg#webfontTDlafBq4') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body
{
  margin: 0px;
  padding: 0px;
}
p {
  padding-bottom: 1.25em;
  text-align: justify;
}
blockquote {
  padding-left: 2.5em;
  margin-right: 15%;
  font-style: italic;
  text-align: justify;
}
em {
  font-style: italic;
  font-weight: bold;
}
strong {
  font-weight: bold;
  text-decoration: underline;
  font-style: inherit;
}
.u {  /* because <u> is not allowed strict html.  what's that all about?? */
  text-decoration: underline;
}
del, strike {
  text-decoration: line-through;
}
ins {
  text-decoration: inherit;
  font-style: italic;
}
h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0.5em;
}
a {
  font-weight:bold;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
strong>a, a>strong, u>a, a>u { /* descendant selectors so firefox renders underline the right color */
  text-decoration: underline;
}
small {
  font-size: 0.8em;
}
pre, code {
  /* Font list from StackOverflow.com ... */
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
}
pre {
  text-align: left;
  padding-bottom: 1.25em;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 1.25em;
  margin-left: 1.25em;
  margin-right: 0px;
  padding-left: 1.25em;
  padding-right: 0em;
}
li {
  margin-left: 1.25em;
  margin-right: 1.25em;
  margin-bottom: 0.25em;
  list-style-position: outside;
  text-align: left;
}
ul li {
  list-style-type: disc;
}
ol li {
  list-style-type: decimal;
}
li p {
  padding-bottom: 0;
}
hr {
  border: 0;
  height: 3px;
  padding-top: 0;
  padding-bottom: 0;
}
input, option, select, textarea {
  margin: 0.25em;
}
img {
  -ms-interpolation-mode: bicubic; /* IE-only attribute, makes scaled images look good in IE7 */
}
video, .flashVideo, .youtube {
  display: block;
  margin: auto;
  margin-bottom: 1.25em;
  background-color: black;
}
.youtube {
  width: 640px;
  height: 380px;
  border: 0;
}
.music_player {
  margin-bottom: 1.25em;
}
.deepzoom {
  background-color: black;
  color: #bbb;
  width: 720px;
  height: 360px;
  margin: auto;
  margin-bottom: 1.25em;
}
#alt_layouts, #copyright
{
  font-size: 0.8em;
  text-align: center;
}
/* ------------------ CLASSES ----------------------------- */
.image_container  /* contains only img tags, which form a larger image */
{
  font-size: 0px;
  line-height: 0px;
  word-spacing: 0px;
  letter-spacing: 0px;
}
.image_container img, .image_container a
{
  display: block;
  float: left;
  border-style: none;
  margin: 0px;
  padding: 0px;
}
.layout_img /* for div's pretending to be images for layout purposes */
{
  float: left;
  margin: 0px;
  padding: 0px;
  border-style: none;
  background-repeat: no-repeat;
	background-position: center top;
	font-size: 0px;
}
.footnotes {
  font-size: 0.9em;
  font-style: italic;
  border-top-width: 1px;
  border-top-style: solid;
}
.footnote {
  font-size: 0.6em;
  font-style: normal;
  vertical-align: text-top;
  text-decoration: underline;
  cursor: help;
}
#footnote-tooltip {
  display: none;
  position: absolute;
  color: black;
  background-color: white;
  border: 1px solid black;
  font-size: 0.85em;
  width: 300px;
  padding: 5px;
  -moz-border-radius: 10px;    /* Firefox */
  -webkit-border-radius: 10px; /* Safari/Chrome */
  border-radius: 10px;         /* CSS 3.0 */
}
#footnote-tooltip a {
  color: blue;
}
#footnote-tooltip a:visited {
  color: #80f;
}
.thumbnail {
  text-align: center;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  /* specify width on local page if desired */
}
.thumbnail_img {
  border-width: 1px;
  border-style: solid;
  /* inherit border color */
}
a.thumbnail_link {
  text-decoration: none;
  font-size: 0.8em;
}
.album_caption {
  margin-bottom: 1.0em;
}
.album_links {
  margin: auto;
}
.album_parent {
  margin-top: 1.0em;
}
.wrapped {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}
.accent {
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  float: right;
}
.snapshot, a:visited .snapshot {
  background-color: #444;
  padding: 1px;
  border: 3px solid white;
  -moz-border-radius: 4px;    /* Firefox */
  -webkit-border-radius: 4px; /* Safari/Chrome */
  border-radius: 4px;         /* CSS 3.0 */
}
a:hover .snapshot {
  border-color: #ACF;
}
.gravatar {
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  float: right;
  background-color: #444;
  padding: 1px;
  border: 1px solid white;
  -moz-border-radius: 2px;    /* Firefox */
  -webkit-border-radius: 2px; /* Safari/Chrome */
  border-radius: 2px;         /* CSS 3.0 */
}
.prettyprint {
  padding-bottom: 0;
}

/*  SEARCH PAGE STYLES */

.search_big {
  font-size: 1.5em;
  font-weight: bold;
}
.search_big .query {
  margin-left: 0px;
}
.hit {
  padding-bottom: 1.5em;
}
.hit .icon {
  float: left;
}
.hit .icon a img {
  border-width: 1px;
  border-style: solid;
  margin-right: 6px;
}
.hit .title {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
.hit .title a {
  text-decoration: underline;
}
.hit .extra {
  font-style: italic;
  margin-top: 0.5em;
}
.search_little {
  font-size: 0.9em;
}
.search_little .query {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  width: 130px;
}
.search_little .button {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  width: 40px;
  overflow: hidden;
}

/* Tag cloud styles */
.tag1 { font-size: 0.700em; opacity: 0.20; }
.tag2 { font-size: 0.750em; opacity: 0.35; }
.tag3 { font-size: 0.800em; opacity: 0.50; }
.tag4 { font-size: 0.850em; opacity: 0.65; }
.tag5 { font-size: 0.900em; opacity: 0.80; }
.tag6 { font-size: 1.175em; opacity: 0.90; }
.tag7 { font-size: 1.450em; opacity: 1.00; }
.tag8 { font-size: 1.725em; opacity: 1.00; }
.tag9 { font-size: 2.000em; opacity: 1.00; }

.tag1:hover, .tag2:hover, .tag3:hover, .tag4:hover, .tag5:hover,
.tag6:hover, .tag7:hover, .tag8:hover, .tag9:hover {
  opacity: 1.00;
}

.tag1, .tag2, .tag3, .tag4, .tag5, .tag6, .tag7, .tag8, .tag9 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

/* --- copied from old theme css --- */

/* ------------- BASE ---------------- */
html, body
{
  color: #FC3;
  background-color: black;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
del, strike {
  color: #960;
}
h2 {
  color: #FF6;
}
a, a.alwaysActive, a.alwaysActive:visited {
  color: #FF6;
}
a:visited {
  color: #960;
}
img { border-color: #FF6; }
a:visited img { border-color: #960; }
a:hover .snapshot {
  border-color: #FF6;
}
li {
  color: #FC3;
}
hr {
  color: #977921;
  background-color: #977921;
}

/* ------------- LAYOUT ------------------*/
body
{
  /*text-align: center;*/
  min-width: 1002px;
  
  font-size: 0.85em;
  letter-spacing: 0px;
  
  background-image: url(http://static.vacant-nebula.com/images/sunset/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrap
{
  width: 1002px;
  margin: auto;
  overflow: hidden;
}
#head
{
  width: 760px;
  height: 277px;
  background-image: url('http://static.vacant-nebula.com/images/sunset/head-combined.jpg');
  margin: auto;
  overflow: hidden;
}
#headerNav {
  width: 760px;
  height: 27px;
  position: relative;
  top: 231px;
  left: 0px;
}
#headerNav a {
  display: block;
  position: absolute;
  top: 0px;
  height: 27px;
  -moz-border-radius: 10px;    /* Firefox */
  -webkit-border-radius: 10px; /* Safari/Chrome */
  border-radius: 10px;         /* CSS 3.0 */
  
  opacity: 0.0;
  filter: alpha(opacity='0');
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
#headerNav a:hover {
  background-color: yellow;
  opacity: 0.15;
  filter: alpha(opacity='15');
}
#headerNav_blog {
  left: 89px;
  width: 66px;
}
#headerNav_photos {
  left: 190px;
  width: 97px;
}
#headerNav_PicTML {
  left: 324px;
  width: 99px;
}
#headerNav_music {
  left: 457px;
  width: 85px;
}
#headerNav_about {
  left: 580px;
  width: 81px;
}
#main
{
  border: 4px solid #977921;
  padding: 7px;
  width: 980px; /* 1002 - 2*padding - 2*border */
  -moz-border-radius: 15px;    /* Firefox */
  -webkit-border-radius: 15px; /* Safari/Chrome */
  border-radius: 15px;         /* CSS 3.0 */
  
  clear: both;
  overflow: hidden;
  min-height: 100px;
  
  background-color: #3E2C00;
}
#main-faux-col {
  /* use background image to fake column divider */
  background-image: url(http://static.vacant-nebula.com/images/sunset/cnt_bg.png);
  background-repeat: repeat-y;
  background-position: 787px 0px; /* #content.width + #content.padding */
}
#content
{
  float: left;
  width: 780px;
  padding-right: 7px;
  text-align: left;
}
#nav
{
  float: left;
  /*border-left: 3px solid #977921;
  padding-left: 7px;*/
  padding-left: 10px; /* 7px padding + 3px border (faked with #main's bg image) */
  width: 183px;
}
#footer
{
  text-align: center;
}
#nav ul, #nav li
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#nav h3
{
  font-family: Georgia,"Times New Roman",serif;
  font-weight: bold;
  margin-top: 1.5em;
  text-align: left;
  font-size: 1.5em;
  letter-spacing:-1px;
  border-bottom: 1px solid #977921;
}
#top_level a
{
  display: block;
  text-align: center;
  width: 100%;
  color: #FF6;
  letter-spacing: 0.25em;
  padding: 0.5em 0;
  border-bottom: 1px solid #977921;
  text-decoration: none;
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#top_level a:hover
{
  background: #977921;
}
#by_author
{
  margin-left: 0.75em !important;
}
#tag_cloud
{
  text-align: justify;
  /* line-height: 1.0em; does not look right in IE.. not even IE 7 :( */
}
#by_date .year ul {
  padding-left: 0.75em !important;
}
#by_date .year .month {
  display: inline;
  margin-right: 0.1em;
}

/*  SEARCH PAGE */

.search_big .query {
  width: 600px;
}
.hit .extra {
  color: #CC9900;
}

/* --- BLOG STYLES --- */

.blog_nav_t  /* Top and bottom of blog page. */
{
  padding-bottom: 2.0em;
}
.blog_nav_b  /* Top and bottom of blog page. */
{
  /*background-color: red;*/
  padding-bottom: 0.4em;
  border-bottom: 3px solid #977921;
  margin-bottom: 0.25em;
}
.blog_next
{
  width: 33%;
  float: left;
  text-align: left;
}
.blog_more
{
  width: 34%;
  float: left;
  font-weight: bold;
  text-align: center;
}
.blog_prev
{
  width: 33%;
  float: left;
  text-align: right;
}
.post
{
  margin-bottom: 4.0em;
}
.post_header
{
  width: 100%;
  padding-bottom: 0.4em;
  border-bottom: 3px solid #977921;
  margin-bottom: 0.25em;
}
.entry-title {
  font-size: 1.8em;
  padding-bottom: 0.5em;
  vertical-align: top;
  font-family: "Kip the Great","Trebuchet MS",Arial,Helvetica,sans-serif;
}
.entry-title a {
  font-weight: normal;
}
.entry-byline {
  vertical-align: bottom;
  font-size: 0.95em;
  line-height: 1.15em;
  padding-bottom: 0.05em;
}
.post_icon
{
  /*display: block;
  float: left;*/
  width: 80px;
  padding: 0px;
  margin: 0px;
}
.post_icon img
{
  background-color: #444;
  padding: 1px;
  border: 1px solid white;
  -moz-border-radius: 2px;    /* Firefox */
  -webkit-border-radius: 2px; /* Safari/Chrome */
  border-radius: 2px;         /* CSS 3.0 */
}
.post_text
{
  padding-bottom: 2.0em;
}
p.img-only
{
  text-align: center;
}
.comment_controls
{
  text-align: right;
  padding-bottom: 5px;
}
.comments_container {
  border: 1px solid  #FFCC33;
  padding: 5px;
}
.comment {
  background-repeat: repeat-x;
  background-image: url('/gradients/996600/3e2c00/52/v/gradient.png');
}
.comment_header {
/*
  border: 1px solid  #FFCC33;
  background-color: #996600;
*/
  padding: 1px 3px;
  color: #FFFF66;
  font-weight: bold;
  min-height: 52px;
}
.comment_text {
  overflow: auto;
  padding-bottom: 2.0em;
  text-overflow: ellipsis;  /* IE-only attribute */
}
.add_comment
{
  border-top: 1px solid #FFCC33;
  padding-top: 0.5em;
}