/*  
Theme Name: Blue Sky
Theme URI: http://leveltendesign.com
Description: no title
Version: 1.0
Author: LevelTen Design
Author URI: http://leveltendesign.com
*/

body{
  font:normal 62.5%/1.5 Verdana, Arial, sans-serif;
  margin:0;
  background:#fff url(images/back-tile.png) repeat-x;
}
.container{
  width:700px;
  margin:0 auto;
}
a{
  color:#40666c;
  text-decoration:none;
}
a:hover{ color:#000; }

/* Navigation
   ------------------------------------- */

#nav{
  font-size:1.1em;
  padding:.3em 1.5em;
  background:#3f3f3f url(images/nav-tile.gif) top left repeat-x;
}
#nav ul{
  float:left;
  padding:.2em 0 0;
  margin:0;
}
#nav ul li{
  display:inline;
  margin:0 1.5em 0 0;
  text-transform:lowercase;
}
#nav ul li a{ color:#8e8e8e;}
#nav ul li a:hover, #nav ul li.current_page a{ color:#bbb; }
#nav #search{ float:right; }
#nav #search input{ vertical-align:middle; }
#nav #search input#s{
  font-size:1em;
  border:1px solid #222;
  background:#fff;
  padding:.2em;
}


/* Header
   ------------------------------------- */

h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-family:'Century Gothic',Verdana,Arial,serif;
  color:#40666c;
}
#header{
  padding:0 2em;
  margin:2em 0;
}
#header h1{
  font-size:2.8em;
  margin:0;
  color:#000;
}
#header h1 a{ color:#000; }
#header h1 a:hover{ color:#40666c; }
#header div.subtitle{
  font:normal 1.2em 'Century Gothic',Verdana,Arial,serif;
  margin:.5em 0 0;
}


/* Content: =Structure
   ------------------------------------- */

#content{
  background:transparent url(images/content-tile.png);
  padding:20px 30px; /* needs to be exact px because of font rendering differences on mac/pc */
  font-size:1.1em;
  overflow:hidden;
}
#main{
  float:left;
  margin:0 30px 0 0;
  width:430px;
}
blockquote{ font-style:italic; }


/* Content: =Posts/Entries
   ------------------------------------- */

#main h2{
  font-size:2.18em;
  margin:0 0 .2em;
}
#main h3{ font-size:1.4em; }
#main h4{ font-size:1.2em; }
.post{ margin:0 0 3em; }
.post small{ font-size:1em;}
.entry{ font-size:1.1em; }
.postmetadata{
  font-style:italic;
  margin:2em 0 0;
}

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img.alignright {
 padding: .5em;
 margin: 0 0 .2em .7em;
 display: inline;
}
img.alignleft {
 padding: .5em;
 margin: 0 .7em .2em 0;
 display: inline;
}
.alignright{ float: right; }
.alignleft{ float: left }


/* Content: =Sidebar
   ------------------------------------- */

#sidebar{
  float:left;
  width:160px;
  padding:10px 10px 5000px 10px;
  font-size:1.1em;
  background:transparent url(images/sidebar-tile.png) repeat-x;
  color:#373737;
  margin:0 0 -5000px 0;
}
#sidebar a{ color:#373737; }
#sidebar a:hover{ color:#000; }
#sidebar ul{
  margin:0;
  padding:0;
  list-style:none;
}
#sidebar ul li{
  list-style:none;
  margin-bottom:1.5em;
}
#sidebar ul ul{ margin:.5em 0 0 1em; }
#sidebar ul li ul li ul{ margin-top:0; }
#sidebar ul ul li{ margin:0;}
#sidebar h2{
  font-size:1em;
  margin:0 0 1em;
}


/* Comments
   ------------------------------------- */

ol.commentlist{
  padding:0;
  margin:0 0 3em;
}
ol.commentlist li{
  list-style:none;
  padding:0;
  margin:0 0 1em;
}
ol.commentlist cite{
  font-weight:bold;
  color:#000;
}


/* Footer
   ------------------------------------- */

#footer{
  margin:1em 0;
  font-size:1.1em;
  text-align:center;
}


/* Misc.
   ------------------------------------- */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center{ text-align:center; }
a img { border:0; }
.navigation {
  display: block;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 3em; 
}


/* Clearfixes
   ------------------------------------- */

#nav:after, #content:after, .navigation:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#nav, #content, .navigation{ display:inline-block; }
/* \*/
* html #nav, * html #content, * html .navigation{ height: 1%;}
#nav, #content, .navigation{ display:block; }
/* */