/**
 JDMLabs: Jason D. Moss, Web Developer Extra(Ordinaire)
 Copyright 2001/2009 Jason D. Moss. All rights reserved.

 This site has been hand-crafted by Jason D. Moss.
  - www.jdmlabs.com           |  web
  - jason.moss@gmail.com  |  mail
  - +1-403-230-9442           |  voice
**/
* { margin: 0; padding: 0; border: 0; text-decoration: none; font-weight: normal }
article, aside, body, div, dl, footer, h1, h2, h3, h4, h5, h6, header, html, img, nav, p, section, ul { display: block }
* a:link, * a:visited { padding: .1em; color: #009aeb }
* a:hover, * a:focus { text-decoration: underline; background: #ffd32e; color: #000; cursor: pointer }
dl, ul { list-style: none }
strong { font-weight: bold }

html { width: 100%; height: 100%; background: #fff; padding-bottom: 2em; font: normal normal normal 85%/140% arial,sans-serif; color: #444; cursor: default }
body { margin: 0 auto; padding: 0 }
#page { width: 80%; min-width: 320px; max-width: 1000px; height: 100%; margin: 0 auto; padding: 0 }
#page_head, #toolbar, #featured, #latest, #banner, #page_foot { float: left; clear: both; width: 100%; margin-bottom: 2em }

/* Page Head
**************************************/
a.home-link { display: block; float: left; width: 345px; height: 95px; margin: 1em 0 0; padding: 0; border: 0; outline: none; background: transparent url('/assets/images/ui/jdmlabs-head-logo.png') no-repeat 0 0 }
  .home-link h1 { display: none }
  .home-link h2 { display: none }
  .home-link:hover, .home-link:focus { background-color: transparent; background-position: 0 -105px }

.search-container { display: block; float: right; width: 40%; margin: 1.5em 0 0; padding: .3em 0 }
.search-container form { display: block; position: relative; width: 100%; margin: 0 }
  .search-container form fieldset { display: block; float: right; margin-right: 2%; padding: .5em 0 }
  .search-container form label { display: inline; margin: .8em 0 0 2em }
  .search-container form label.apply { display: inline; position: absolute; z-index: 1; margin: .3em 0 0 -18em; color: #aaa }
  .search-container form input#s { display: inline-block; float: left; width: 244px; margin: 0; padding: .4em .5em .5em; border: .1em solid #f6f6f6; background: #fff; font-size: 90%; color: #000 }
  .search-container form.outline input#s { border-color: #b79180 }
  .search-container form.outline label, .search-container form button { display: none }

/* Toolbar
**************************************/
#toolbar { margin: 0; padding: 0 0 .5em; border-bottom: .1em solid #bed182; background: #effec1 }
#toolbar ul { float: left; width: 100%; margin: -.1em auto 0; padding: 0; background: #fefefe }
#toolbar ul li { float: left; margin: 0; padding: 0 }
#toolbar li.t-archive { float: right }
#toolbar ul li a { display: block; margin: 0; padding: .6em 1.5em; font-size: 110%; color: #888 }
#toolbar ul li a:hover, #toolbar ul li a:focus { background: #fafeef; color: #6e9f00 }
#toolbar ul li.activated a { background: #effec1; text-decoration: underline; color: #6e9f00 }

/* Content
**************************************/
#content { float: left; width: 70%; margin: 0 2% 0 0 }
#content #caption { display: block; float: left; width: 100%; margin: 0 0 2em; padding: 1em 0 }
  #content #caption h2 { margin: .5em 0; padding: 0 0 .5em .5em; border-bottom: .1em solid #fafafa; font-size: 175%; color: #bbb }
  .single #content #caption { margin: 0 }
  .single #content #caption h2 { color: #009aeb }
  #content #caption h2 .keyword { margin-left: 5%; padding: .2em 1em .1em; background: #ffffe1; color: #009aeb }
#content article { margin: 1em 0 3em; }
  #content article h3 { margin: 0 0 .3em; padding: 0 .3em .3em 0; border-bottom: 1px solid #fafafa; font-size: 180% }
  .single #content article h3 { display: none; }
  #content article p { display: block; margin: 1em 0; }
  #content article .entry-date { margin: 0 0 1em; padding: 0; font-style: italic; font-size: 90%; color: #777 }
  #content article .foot-meta { display: block; float: left; width: 100%; margin: 2em auto; padding: 1em 0; background: #fafafa; font-size: 90% }
  #content article .foot-meta .topics { margin-right: 1em }
  #content article .foot-meta .label { display: inline; float: left; width: 4em; padding: 0 1em; font-weight: bold }

#sidebar { float: left; width: 27.8%; margin: 0 }
#sidebar .component, #sidebar .category-listing { display: block; margin: 0 0 0 .6em }
#sidebar .component { margin: .2em 0 1em 1em; padding: 1em; border-bottom: .1em solid #f8f8f8; background: #fcfcfc; font-size: 90% }
  #sidebar .category-listing { padding: 1em 0; border-left: .1em solid #fafafa }
  #sidebar .category-listing h4 { display: block; margin: 0 0 .5em .5em; padding: 0 0 .3em .5em; border-bottom: .1em solid #fafafa; font-size: 120% }
  #sidebar .category-listing ul { display: block; margin: 0; padding: 0 0 0 .2em }
  #sidebar .category-listing ul li { display: block; width: 100%; float: none }
  #sidebar .category-listing ul li a:link, #sidebar .category-listing ul li a:visited { display: block; margin: .1em 0; padding: .5em 0 .6em 2em; border: .1em solid #fff }
  #sidebar .category-listing ul li a:hover, #sidebar .category-listing ul li a:focus { border-color: #e5f5b5; background: #fafeef; color: #6e9f00 }
  #sidebar .category-listing ul li.selected a:link, #sidebar .category-listing ul li.selected a:visited { border-color: #cde6ff; background: #ebf5ff; text-decoration: underline; color: #00669b }
  #sidebar .category-listing ul li.selected a:hover, #sidebar .category-listing ul li.selected a:focus { color: #000 }

.pager { float: left; clear: both; width: auto; margin: 0 0 0 10%; padding: .2em 0 }
.pager ul { width: 100%; margin: 0 auto; padding: 0 }
  li { float: left }
  li.page-of-pages span { display: block; float: left; margin: 0 2em 0 0; padding: .5em 0 0; font-size: 80%; color: #ddd }
  li.current-page span, .pager ul li.page-link a, .pager ul li.next-page-link a, .pager ul li.previous-page-link a { display: block; float: left; margin: 0; padding: .4em }
  li.current-page span { color: #ddd }

#banner { position: relative; margin: 1em 0 0; padding: .1em 0 0; border: .1em solid; border-color: #f0f0f0 #ebebeb #dbdbdb; background: #fafafa url('/assets/images/ui/banner-bg.png') repeat-x 0 0; text-align: center }
  #banner a:link, #banner a:visited { display: block; float: left; width:10%; margin: 0; padding: .7em 1em; border: 0; outline: 0 }
  #banner a:hover, #banner a:focus { background: #fafafa }
  #banner a img { width:100%/*width: 88px; height: 40px*/ }
  #banner #toplink { display: block; position: fixed; bottom: 5%; right: 5%  ; padding: .3em .5em; outline: none; background: transparent }
  #banner #toplink span { display: block; letter-spacing: 2px; font-variant: small-caps; font-weight: bold; color: #b7410e }

/* Page Foot
**************************************/
#page_foot { margin: 2em 0 0; padding: .5em 0 2em; border-top: .2em solid #fafafa }
#page_foot p { display: inline; float: left; width: 48%; margin: 0 0 0 1em; font-size: 90%; color: #555 }
#page_foot p span.label { display: inline-block; margin-right: 1em; font-style: italic }

/* Odds+Ends
**************************************/
abbr { border-bottom: .1em dotted #000; color: #000; cursor: help }
.b { font-weight: bold }
.i { font-style: italic }
.highlight { color: #ff0 }
.darkred { color: #b7410e }
.column-2 { width: 47% }
.column-narrow { width: 55% }
#ie_notice { display: none }