/*
THEME NAME: Northstar
THEME URI: http://www.glx.com/
DESCRIPTION: Variation on the sandbox for glx.com
VERSION: 0.1
AUTHOR: Glen Larsen
AUTHOR Uri: http://glx.com/
TEMPLATE: northstar
*/

@import url('reset.css');
@import url('content.css');

body {
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: small;
  text-align: center;
}
div#wrapper {text-align: left;}

/* general text elements */
p { margin-top: 0.8em; }
ul { margin-left: 1.5em; list-style-type: none; list-style:outside;}
ol { margin-left: 1.7em; list-style-type: decimal; list-style:outside;}

#content ul li {
  list-style-image: url(images/bullet.png);
  padding: 0.3em 0 0 0.5em;
}
#content ol li { list-style-type: decimal; padding-top: 0.3em;}
#content { margin-bottom: 2em; }

/* normalize headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: normal;
}
h2 { font-size: 150%; font-weight: 400; }
h3 { font-size: 120%; font-weight: 200; }
div.entry-content h3, div.entry-content h4, div.entry-content h5, div.entry-content h6 {
  margin-top: 0.6em;
}
div#respond h3,div#trackbacks-list h3 { margin-top: 18px; }

div.entry-content pre { padding: 0.5em 0.5em 0 1.5em; }

/* Setup for a fixed-width 2-column layout */
div#wrapper {width: 66em;}
div#header {height: 112px;}
div#container {width: 44em;}
div.sidebar {
  float: right;
  width: 20em;
  overflow: hidden;
  margin-right: 2em;
}

div#wrapper {margin: 0 auto;}
div#content {padding: 0 2em 0 2em;}

div#menu ul {
  display: block;
  float: left;
  font-size: 1em;
  padding-left: 1.6em;
  text-decoration: none;
}
div#menu ul li {
  display:inline;
  margin: 0 24px 0 0;
  padding: 0;
}
div#menu {height: 1.8em; padding-top: 8px; }

div#container {
  clear: both;
  float: left;
  margin: 10px 0px;
  font-size: 95%;
  line-height: 1.6em;
  text-align: left;
}

div#content blockquote {
  border-left: #c0c0c0 1px solid;
  padding: 0 0 4px 8px;
  margin: 4px 18px 4px 16px;
}

div#comments-list ol li { margin: 1.5em 0 0; }

h2.entry-title, h3.entry-title {padding-top: 32px;}
h2.entry-title a, h2.entry-title a:link, h2.entry-title a:visited {
  text-decoration: none;
}
h2.entry-title a:hover, h2.entry-title a:active {
  text-decoration: none;
}

div.entry-date {
  font-weight: normal;
  line-height: normal;
  padding-left: 2em;
  font-family: Garamond, 'Times New Roman', serif ;
  font-style: italic;
  font-size: 120%;
  padding-bottom: 4px;
}
div.entry-date abbr {text-decoration: none; border-bottom: none;}

div.entry-date { display: none; }

div.entry-meta {padding: .5em; margin-top: 3em; font-size: 80%; line-height: 1.2em;}

div#secondary {clear: right; margin-top: 0px;}

/* sidebar */
div.sidebar #search h3.widgettitle label {display: none;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li {margin:0;padding:0;}
div.sidebar input#s {width: 100px;}
div.sidebar li {list-style:none;margin:0 0 1em;}
div.sidebar li form {margin:0.2em 0 0;padding:0;}
div.sidebar ul ul {margin:0 0 0 1em;}
div.sidebar ul ul li {list-style:none; margin:0 0 0.5em;}
div.sidebar ul ul ul {margin:0 0 0.5em 0.5em;}
div.sidebar ul ul ul li {list-style:none; margin: 0.5em 0 0 0.5em; }

div#secondary ul li h3 {
  text-align: center;
  margin: 14px 0 6px 0;
  background: #e7e7e7 url(images/sb_h3bg.png) repeat-x 0 0
}

/* special-case the meta area */
/* !important: presumes meta is at top of primary sidebar */
div.sidebar #meta h3 { display: none; }
div#primary.sidebar ul.xoxo { margin-top: 1em; }
li#meta ul li {
  text-decoration: none;
  display: inline;
  margin: 0;
  padding: 0 1em 0 0;
}

/* elements we ... don't want to see */
div#access .skip-link { display: none; }
div#nav-above { display: none; }
/* turn off sub-elements of the main menu. There are other
   mechanisms to make this work but they require javascript. */
div#menu ul li ul li { display: none; }

/* previous / next post */
div.navigation {
  display: block;
  margin: 50px 0 10px 0;
  text-align: center;
}
body.single div.navigation {
  margin: 15px 0 50px 0;
  height:1em;
}

body.single div#nav-above, body.single div#nav-below {display: block;}

div#footer {
  clear: both;
  width: 100%;
  text-align:center;
  font-size: 100%;
  line-height: 2em;
  height:36px;
  margin-bottom: -8px;
}

div.form-textarea textarea#comment {width: 100%;}

div#header h1#blog-title {
  font-size: 150%;
  line-height: 2em;
  letter-spacing: .2em;
  font-weight: 900;
}

/* image alignment */
img.alignleft, img.alignright {display: inline; }
img.alignleft {margin: 0.6em 6px 0 0 ; padding-top: 0em;}
img.alignright {margin: 0.8em 0 0 6px; padding-top: 0em;}
.alignleft {float: left;}
.alignright {float: right;}
img.center {margin-left: auto; margin-right: auto; display: block; }

/* thumb alignment */
img.thumb {
  display: inline;
  float: left;
  padding-right: .5em;
  margin-top: .4em;
}

/* colors */
body {
  color: #29303b;
  background: #d7d7d7;
}

div#wrapper {background: #e7e7e7;}

pre, code { font-family: Courier, fixed; }
em, strong { font-style: italic; }
#content pre { background: #eee; color: #000; }

/* a general rule for links */
a, a:link, a:visited {color: #8f5902; text-decoration: none;}
a:hover, a:active {color: #413c3a; text-decoration: underline;}
h1#blog-title a, div#footer a { text-decoration:none; }
h1#blog-title a:link, h1#blog-title a:active, h1#blog-title a:visited {color: #413c3a;}
h1#blog-title a:hover {color: #ff7f04;}
h1#blog-title, div#blog-description { margin: 0 2em 0 64%; }
/* div#blog-description { display: none; } */
h1#blog-title { padding-top: 1em; }
h2,h3 { color: #8f5902; }
div.entry-content h3, div.entry-content h4, div.entry-content h5, div.entry-content h6 {
  color: #8f5902;
}

div#menu ul a, div#menu ul a:visited { color: #9b9998; }
div#menu ul li a:hover,div#menu ul li.current_page_item a,div#menu ul li.current_page_item a:visited {
  color: #e1e1e1;
  text-decoration:none;
}
div#menu, div#footer {background: #413c3a;}

div.entry-meta {
  border-top: #9b9998 1px dotted;
  border-bottom: #9b9998 1px dotted;
  background: #eee;
}
div.entry-date {border-bottom: #8f5902 1px solid;}
div#secondary ul li h3 {color: #665a56; } /* border-bottom: #a65757 1px solid;} */
div#secondary ul li.widget_text h3 { border-bottom: none; }

div#footer {color: #9b9998;}
div#footer a, div#footer a:link, div#footer a:visited {color: #9b9998;}
div#footer a:hover, div#footer :visited, div#footer a:active {color:#e1e1e1;}
div.form-textarea textarea#comment {background: #eee;}
li.alt {background: #eee;}
div#content { border-right: #d7d7d7 1px solid; }

div#header {
  background: url('images/glx_logo.png') no-repeat ;
  background-position: 5% 50%;
}

div#blog-description { color: #665a56; }
.book_title { font-style: italic; }