@charset "utf-8";
/* CSS Document by Dieter Schneider | CssTemplateHeaven.com */

/* Reset Styles (Credits to Eric Meyer: http://meyerweb.com/eric/tools/css/reset/) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* end reset */



html {background: #f7f7f7; font-size: 100%}

/*------------------ Site Structure ------------------*/

body {width: 960px; margin: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: .875em; color: #666}

#header { margin: 40px auto 30px; }
#site_heading, #site_heading a { color: #003333; font-size: 1.7em; }
#site_subheading { color: #8a8a8a; font-size: 1.4em; }

#primary_navigation {
  margin: auto;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  height: 36px;
  background: #eaeaea;
  margin-bottom: 44px;
}
#primary_navigation ul { list-style: none; }
#primary_navigation li { float: left; zoom: 1; }
#primary_navigation li a { display: block; padding: 9px 20px; color: #003333; }
#primary_navigation .active a, #primary_navigation li:hover a { color: #666; }

#location_0 {
  width: 620px;
  float: left;
  margin-bottom: 44px;
}

#location_1 {
  width: 260px; 
  padding: 20px;
  float: right;
  border: 1px solid #dcdcdc;
  margin-bottom: 44px
}

#location_1 h2 span {
  background: #eaeaea; 
  padding: 5px 10px; 
  margin-bottom: 15px;
  border: 1px solid #FFF;
  outline:1px solid #dcdcdc;
  display: block;
}

.location ul, .location ol { margin-left: 16px; }
.location .component { margin-bottom: 20px; }
.location .component.last { margin-bottom: 10px; }
/* sidebar menu */

.blog_post .date { margin: 5px auto; }
.blog_post .content { margin: 10px auto; }
.blog_post .title { font-size: 1.6em; }

.blog_comment_component .content { margin: 6px auto; }

.navigation_component { margin-bottom: 25px }
.navigation_component ul{
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.navigation_component a, .navigation_component .nav_label {
  display: block;
  padding: 10px 10px;
  background: url(/assets/images/seperator.png) repeat-x bottom;
}
.navigation_component .nav_label { background: none; }
.navigation_component a:link, .navigation_component a:visited {
  text-decoration: none;
}
.navigation_component a:hover{
  color: #000;
}
.navigation_component ul ul { margin-left: 6px; }

#footer {clear: both; padding: 10px; text-align: right; background: url(/assets/images/seperator.png) repeat-x top; font-size: .8em; color: #a3a3a3}



/*------------------ typography and images ------------------*/

/* global links */

a { text-decoration: none; color: #003333 }
a:hover { text-decoration: underline; }

/* text styles */

h1 {font-size: 2em; font-weight: normal; padding-bottom: 10px}
h2 {font-size: 1.6em; font-weight: normal; padding-bottom: 6px}
h3, h4 {font-size: 1.5em; font-weight: normal}
h5, h6  {font-size: 1.2em}

p {line-height: 1.4em; padding-bottom: 25px}

/* Fancy bullets for components */
/* There are lots available in /public/extras  - most are from fugue-icons.googlecode.com */
ul.facebook_statuses li { margin: 0px; padding: 5px 0px 0px 20px; background: transparent url('/extras/images/icons/balloon-quotation.png') no-repeat 0px 5px; list-style-type: none; }
ul.tweets li { margin: 0px; padding: 5px 0px 0px 20px; background: transparent url('/extras/images/icons/balloon-twitter.png') no-repeat 0px 5px; list-style-type: none; }
ul.events li { margin: 0px; padding: 5px 0px 0px 20px; background: transparent url('/extras/images/icons/calendar-small.png') no-repeat 0px 5px; list-style-type: none; }
.feed ul li { margin: 0px; padding: 5px 0px 0px 20px; background: transparent url('/extras/images/icons/feed-small.png') no-repeat 0px 6px; list-style-type: none; }

/* Line up comments, tags, etc for blog posts */
.category, .tags, .comments { 
  display: inline;
  border-left: 1px dotted #999;
  padding: 0px 10px;
}
.comments { border-left-width: 0px; padding-left: 0px; }
