/*
Theme Name: Landon Springer
Theme URI: http://landonspringer.com
Description: My personal theme
Version: .1
Author: Landon Springer
Author URI: http://landonspringer.com
Tags: blue, environment, inverted, black, centered, abstract, sky

*/


html * { margin:0; padding:0; }

ul { list-style-type:none; }

body { background-color:black; color:white; font-family:Calibri, 'Trebuchet MS', Tahoma, Arial, Helvetica; font-size:12px; }

a:link, a:active, a:visited { color:black; background-color:#f0f0ff; opacity:.8; filter:alpha(opacity=80); text-decoration:none; font-weight:bold; display:inline-block; margin-bottom:2px; padding:.1em .4em; -moz-border-radius:3px; -webkit-border-radius: 3px; }
a:hover                     {              background-color:#cc0044; opacity:1;  filter:alpha(opacity=100); }
a img { border:0; }
a.none { background:none; padding:0; color:white; }

body #wrapper h2 a { display: block; }

body #wrapper .nostyle,
body #wrapper pre a          { background:none; padding:0; }
body #wrapper .nostyle:hover
body #wrapper pre a          { background:none; }
body #wrapper .pink { color:#cc0044; text-align:center; padding:3px; background-color:#f0f0ff; opacity:.6; filter:alpha(opacity=60); }

#loading { position:absolute; opacity:0; filter:alpha(opacity=0); margin:170px 0 0 150px; }
#loading img { width:50px; }

#wrapper { width:  370px; min-height: 480px; margin: 30px auto 0 auto; background:  url("images/background.jpg") no-repeat fixed top center; padding:70px 186px 150px 425px; position:relative; }

.alignright { float:right; }
.alignleft  { float:left;  }
.clear      { clear:both;  }

#sidebar { position:absolute; top:50px; left:825px; width:150px; }
#sidebar h2 { font-size:12px; margin-top:30px; }
#sidebar ul { clear:both; }
#sidebar li { float:left; margin-right:2px; }

#twitter { left:180px; position:absolute; top:60px; }
#twitter p { position:fixed; width:140px; opacity:0; filter:alpha(opacity=0); text-align:center; line-height:1.2em; font-size:11px; }

#nav         { position:absolute; top:288px; left:50px; }
#nav ul      { position:fixed; }
#nav a       { background:none; margin:0; position:relative; }
#nav a:hover { top:-2px; left:10px; }

h1, h2 { text-transform:uppercase; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:.6em; }
h2 { font-size:22px; }

p { line-height:1.6em; margin-bottom:1.6em; }
.entry { font-size:14px; }

input, textarea   { border:1px solid #666; background-color:#222; color:#f0f0ff; font-family:Georgia, "Times New Roman", Times, serif; opacity: .6; filter:alpha(opacity=60); padding:5px 8px; margin-right:10px; -moz-border-radius:6px; -webkit-border-radius: 6px; width:90%; }
div#respond input { width:150px; }

#fade_top        { position:absolute; z-index:100; top:-30px; left:0; }
#fade_top div    { position:fixed; }
#fade_bottom     { position:absolute; z-index:100; left:0px; }
#fade_bottom div { background-color:black; bottom:0; height:100px; position:fixed; overflow:visible; }
#fade_bottom div img { position:relative; top:-50px; }

.post { margin-bottom:3em; }
.postmetadata { background-color:black; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:8px; opacity:.6; filter:alpha(opacity=60); }
.postmetadata p { margin-bottom:1em; }
.postmetadata a { font-size:smaller; }