/***
AUTHOR:        sean berger (blog guy + web designer/developer)
               http://bergrbergr.com/
               http://www.linkedin.com/in/seanberger
LOCATION:      kansas city, mo

/* eric meyer reset | learn more @ http://meyerweb.com */
html,body,div,span,
applet,object,iframe,embed,object,
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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,textarea,input,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0; padding: 0;
  border: 0; outline: 0;
  vertical-align: top;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 100%;
}
div.clear-both { clear: both; }
/* remember to define focus styles! */
:focus { outline: 0; }
table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,th,td { text-align: left; font-weight: normal; }
strong { font-weight: bold; }
a,a:link,a:visited,a:hover { font-size: 1.00em !important; }
/* end reset */

/******
  CORE UI ***/
body {
  background: #eeeeef url("/images/ui/theme01/bg_02.gif?d=10282009") no-repeat;
  background-position: 0 0;
  margin: 0 auto;
}
#header,
#footer {
  margin: 0 auto;
}
#header {         
  height: 165px;
  width: 990px;
}
#footer { width: 930px; clear: both; }
#logo h1 a {
  display: none;
}
#header-nav {
  float: left;
  width: 580px;
}
#nav {
  margin: 100px 0 0 160px;
}
#nav ul {}
#nav li {
  float: left;
  margin: 0 0 0 20px;
  list-style-type: none;
  font-size: 1.11em;
  letter-spacing: -0.035em;
}
#nav li a,
#nav li a:link,
#nav li a:visited,
#nav li a:hover {
  text-decoration: none;
  font-weight: 600;
  color: #999;
  padding: 7px 7px 4px 7px;
}
#nav li a:hover { color: #000; background-color: #ff67af; }
body#blog-page a#blog,
body#people-page a#people,
body#resume a#resume,
body#work a#work {
  color: #000;
  background-color: #fff;
}
#nav a#home {
  display: none;
}
#blog-page #main {
  clear: both;
  width: 945px;
  margin: 20px 0 0 55px;
}
h1 a#home-link {
  display: block;
  text-indent: -6000px;
  width: 270px; height: 130px;
  margin: 0; padding: 0;
  position: relative;
  top: -20px;
}
#left-column {
  float: left;
  width: 610px;
}
#right-column {
  float: left;
  width: 250px;
  margin: 0 0 0 80px;
}
/* fb widget for BRI */
div.fan_box, div.full_widget {
  width: 250px !important;
}
.blog-post {
  padding: 0;
  clear: both;
}
div.post-extras { clear: both; border-bottom: 1px solid #c7c7c7; }
#respond {
  float: left;
  margin: 20px 0 0 0;
}
#about-author {
  float: right;
  display: block;
  width: 360px;
  margin: 10px 5px 0 0;
}

/******
  TYPOGRAPHY ***/
blockquote:before,blockquote:after,
q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
a,a:link,a:visited,a:hover {
  color: #7a5186 !important; /* dk purple */
  font-size: 1.00em !important;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
.blog-post a,.blog-post a:link,
.blog-post a:visited,.blog-post a:hover {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
}
#left-column h2,
#left-column h2 a {
  text-shadow: 0.05em 0.05em 0.055em #b7b7b7;	
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  
  font-size: 2.55em;
  letter-spacing: -0.045em;
  line-height: 1.10em;
  color: #000;
  background-color: transparent;
  font-weight: 900;
  margin: 25px 0 0 0;
}
  #left-column h2 a:hover { color: #444; }
h2#page-title {
  color: #ccc;
  font-size: 2.05em;
}
.blog-post h3 {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  margin: 12px 0 0 0;
  font-weight: 400;
  font-size: 1.08em;
  line-height: 1.46em;
  color: #111;
/*  text-shadow: 0.05em 0.05em 0.055em #eee; */
}
.blog-post h3 strong, .blog-post h3 em, .blog-post h3 a,
.blog-post h4 strong, .blog-post h4 em, .blog-post h4 a {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif !important;
}
.blog-post h3 a {
  text-shadow: none;
}
.blog-post h3 em {
  font-style: italic !important;  
}
.blog-post h4 {
  margin: 12px 0 0 0;
  color: #7a5186; /* dk purple */
  font-size: 0.97em;
  line-height: 1.41em;
  font-weight: 400;
}
.blog-post h4 strong {
  font-weight: 600;
}
.blog-post h4 a {
  font-family: Helvetica, Arial, Verdana, sans-serif !important;
  font-weight: 400;
}
#left-column p,#left-column li,
#left-column dd,#left-column dt,
#left-column th, #left-column td {
  font-size: 0.90em;
  line-height: 1.50em;
  color: #555;
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
}
#left-column h1,#left-column h2,#left-column h3,
#left-column h4,#left-column h5,#left-column h6,
#left-column p,#left-column li,#left-column a,
#left-column dd,#left-column dt,
#left-column td,#left-column sup,
#left-column span,#left-column em,#left-column strong {
  vertical-align: baseline;  
}
#left-column em,
.blog-post em {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  vertical-align: baseline !important;
}
#left-column strong,
.blog-post strong {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  vertical-align: baseline !important;
  color: #000;
}
p,ul,ol {
  margin: 10px 0 0 0;
}
ul,ol {
  margin: 0 0 0 25px;  
}
.blog-post p { margin-bottom: 10px; }
.blog-post a { 
  color: #111 !important;
  background: #ffe162; /* yellow */
  padding: 2px 0;
  text-decoration: none;  
}
.blog-post a strong {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
}
.blog-post a:hover {
  text-decoration: underline;
}
.blog-post div.code {
  background-color: #222;
  padding: 5px 8px;
  margin: 10px 0 0 0;
}
.blog-post code,
.blog-post code em,
.blog-post code strong {
  font-size: 0.85em;
  vertical-align: baseline;
  font-family:'Andale Mono', 'New Courier', Courier, monospace !important;
}
.blog-post div.code code {
  color: #fff;
  font-size: 0.80em;
  line-height: 1.35em;
}
.blog-post code em {     font-style: normal; color: #777; }  /* comment grey */
.blog-post code strong { font-weight: normal; color: #f5cd6c !important; } /* yellow */

/******
  CAPTIONS ***/
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  font-size: 0.76em !important;
  line-height: 0.78em;
  padding: 5px 4px 5px;
  margin: 0;
}
.blog-post a img {
  border: 0;  
}
.blog-post img.alignleft {   float: left;  margin: 20px 20px 20px 0; }
.blog-post img.alignright {  float: right; margin: 20px 0 20px 20px; }
.blog-post img.alignnone,
.blog-post img.aligncenter { display: block; margin: 20px auto; }
#left-column h4.category,
.blog-post h4.category {
  margin: 25px 0 0 0; padding: 0;
  font-size: 1.20em;
  letter-spacing: -0.035em;
}
#left-column h4.category a,
.blog-post h4.category a {
  font-weight: 600;
  color: #000 !important;
  font-family: Helvetica, Arial, Verdana, sans-serif !important;  
  background-color: transparent;
  text-transform: capitalize;
}
#left-column p.index-add-a-comment,
#left-column p.index-add-a-comment a {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  font-size: 0.79em;
  line-height: 0.84em;
  color: #000;
  margin: 5px 0 0 0; padding: 0;  
}
p.date-of-post,
p#subscribe {
  font-size: 0.79em;
  line-height: 0.79em;
  color: #aaa;
  margin: 0; padding: 0;
}
p#subscribe { margin: 12px 0; }
p#subscribe a {
  background: none;
  padding: 0;
}
span.rss {
  font-size: 0.75em;
  line-height: 0.90em;
  padding: 4px 7px;
  margin: 0 0 0 5px;
  background: #ffe887; /* yellow */
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  -webkit-border-radius: 15px;
  font-weight: 600;
}
.blog-post span.rss a,
#left-column span.rss a {
  color: #111 !important; 	
  font-family: Helvetica, Arial, Verdana, sans-serif !important;
}

/******
  RIGHT COLUMN ***/
#right-column p#call-out {
  border: 1px solid #ddd;
  text-align: center;
  width: 198px;
  background-color: #f3f3f3;
  margin: 32px 0 0 0; padding: 4px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;  
}
#right-column p#call-out,
#right-column p#call-out strong,
#right-column p#call-out a {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  font-size: 0.82em;
  line-height: 1.55em;
  color: #111;
  vertical-align: baseline;
}
#right-column p#call-out strong {
  font-size: 0.88em;
  color: #000;  
}
#right-column p#call-out a {
  text-transform: none;
  display: block;  
}
#right-column hr {
  border: 0;
  width: 100%; text-align: left;
  color: #777; background-color: #777;
  height: 1px;  
}
#right-column li {
  list-style-type: none;
}
#right-column h3,
#right-column h3 a {
  color: #aaa;
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  font-weight: 400;
  font-size: 1.19em;
  vertical-align: baseline !important;
  margin: 15px 0 0 0;
}
  #right-column h3 a { font-size: 0.82em !important; }
#right-column h3 span {
  font-weight: 100;
  font-size: 0.70em;
  vertical-align: baseline !important;
}
#right-column li ul {
  margin: 0 0 8px 25px;
}
  #right-column li ul li,
  #right-column li ul li a {
    color: #888;
  }
div#recent-headlines,
div#archive-by-topic {
  margin-top: 20px;  
}
div#recent-headlines li,
#archive-by-topic li,
#archive-by-date li {
  text-transform: lowercase;
  font-size: 0.86em;
  line-height: 1.35em;
  margin: 4px 0 0 -21px;
}
#right-column p {
  text-transform: lowercase;
  font-size: 0.86em;
  line-height: 1.35em;
}
#right-column p em {
  font-size: 0.70em;
  color: #888;
  margin: 2px 0 0 5px;
}
#right-column p a,
#right-column li a {
  color: #111;
  text-transform: lowercase;
}
#manifest {}
#manifest li {
  text-transform: none;
  padding: 2px 5px 1px 0;
  margin-left: 3px;
  line-height: 1.00em;
}
#manifest li.even {
  border: 1px solid #dfdfdf;
  border-left: none; border-right: none;
}
#manifest li span {
  display: block;
  padding: 3px 5px 3px 0;
  color: #999;
  font-size: 0.95em;
  line-height: 0.95em;
}
#manifest li a {
  text-transform: none;
}
#places li a {
  color: #fff;
  display: block; margin: 0;
  overflow: hidden;
  height: 0 !important;
  background: url("../../../../images/ui/theme01/sprites.gif?d=10282009") no-repeat 0 0;
}
#places ul { margin-left: 0; }
#places li {
  display: block; width: 50px;
  list-style-type: none;
}
#places li a {
  margin-top: 15px;
  padding-top: 35px;
  height /**/: 35px
}
a#linkedin { margin-top: 20px; }
#places li#twitter a {         background-position: -300px -140px; }
#places li#linkedin a {        background-position: -400px -140px;  width: 100px; }
#places li#krop a {            background-position: -500px -140px; }
 #places li#twitter a:hover {  background-position: -300px -200px; }
 #places li#linkedin a:hover { background-position: -400px -200px; }
 #places li#krop a:hover {     background-position: -500px -200px;}

/******
  SIFR / replacement text ***/
/* default sIFR styles... do not modify */
/*
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
  position: absolute;
  left: 0; top: 0;
  width: 0; height: 0;
  display: block;
  overflow: hidden;
}
/* Hide Adblock Object tab: text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These styles used to hide the browser text before SIFR replacement ... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/******
  ABOUT THE AUTHOR ***/
#about-author h4 {
  color: #333;
  letter-spacing: -0.035em;
  font-size: 1.20em;
  line-height: 1.30em;
  font-weight: 600;
}
#about-author h4 span#amp {
  font-weight: 400;
  font-family: Baskerville, Palatino, 'Book Antiqua', Georgia, 'Adobe Garamond', 'Garamond ITC', Times, 'Times New Roman', serif;
  font-size: 1.40em;
  line-height: 1.30em;
  color: #777;
}

/******
  COMMENT THREAD ***/
#respond a {
  padding: 0;
  background: none;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
#respond a#add-a-comment {
  height: 90px;
  display: block;
  color: #7a5186 !important; /* dk purple */
  font-weight: bold;
  font-size: 0.95em !important;
  position: relative; z-index: 5;
  background: url("../../../../images/ui/theme01/comment_talk_bubble.gif") no-repeat;
  background-position: 0 20px;
}
p#comment-total {
  color: #fff;
  display: block;
  width: 70px; height: 30px;
  font-size: 0.85em;
  font-weight: 600;
  margin: 0; padding: 0;
  position: relative;
  top: -79px; left: -27px; z-index: 10;
  text-align: right;  
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
ol.comments {
  padding: 0; margin: 0;
}
ol.comments li {
  clear: both;
  margin: 15px 0 0 0;
  list-style-type: none;
  padding: 18px 20px;
  border: 1px dashed #7a5186; /* dk purple */
  background-color: #d8cdda; /* lt rose purple */
}
  ol.comments li p { color: #c6c6af; }
  ol.comments li h6 { color: #000; }
  ol.comments li img { float: left; margin: 8px 12px 0 0; border: 2px solid #000; }
  ol.comments li.alt {
    background-color: #fff;
    border: 1px dashed #a7a7a7;
  }
  ol.comments li em.pending {
    padding: 5px 4px;
    color: #222;
    font-size: 0.74em;
    background-color: #fff;
    margin: 0 0 0 14px;
    text-align: center;
    font-style: normal;
    position: relative;
    top: -10px; left: 0;
  }
  ol.comments li.alt em.pending { background-color: #d8cdda; /* lt rose purple */ }
  ol.comments li p,
  ol.comments li.alt p { color: #111 !important; }
  ol.comments li a,
  ol.comments .comment-author strong,
  ol.comments .comment-author em { color: #7a5186; /* dk purple */ }
  ol.comments li.alt .comment-author strong,
  ol.comments li.alt .comment-author em { color: #888; }
  ol.comments li.alt a { color: #000; }
  ol.comments li.alt h6 { color: #444; }
  ol.comments li.alt img {
    border: 2px solid #777;  
  }
  .comment-author {
    clear: left;
    margin: 15px 0 0 65px;
  }
  .comment-author strong,
  .comment-author strong a,
  .comment-author a {
    font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
    vertical-align: baseline;
    color: #000 !important;
  }
  div.user-avatar {
    float: left;
    margin: 0 5px 25px 0;
  }
  div.user-text {
    float: left; width: 86%;  
  }
  img.avatar { border: 0 !important; }

/******
  COMMENT FORM ***/
form#add-comment fieldset p a {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  color: #000;
  vertical-align: baseline;
}
form#add-comment {
  clear: both;
  margin: 20px 0 0 0;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
form#add-comment fieldset {
  height: 470px;  
}
form#add-comment div.clear-both {
  display: block;
  padding: 8px 0 0 0;
}
form#add-comment label {
  float: left;
  font-size: 0.70em;
  line-height: 1.50em;
  width: 185px;
  color: #444;
  margin: 7px 0 0 0;
}
form#add-comment input {
  float: left;
  background: url("../../../../images/ui/theme01/gradient.gif") repeat-x;
  border: 1px solid #c7c7c7;
  color: #000;
  font-weight: bold;
  padding: 5px 7px;
  margin: 0 0 0 15px;
  line-height: 1.50em;
  font-size: 0.82em;
  width: 280px;
}
form#add-comment label span {
  color: #bbb;
  text-transform: uppercase;  
}
form#add-comment textarea {
  width: 480px; height: 190px;
  border: 1px solid #c7c7c7;
  padding: 4px 5px 8px 5px;
  margin: 5px 0 25px 0;
  color: #000;
  font-size: 0.82em;
  font-weight: bold;
  padding: 5px 7px;
  line-height: 1.30em;
}
form#add-comment input#submit { margin: 0 0 95px 0; width: auto; }

/******
  TABLES ***/
#left-column table {
  width: 98%;
  margin: 20px 0 0 0;
  border-right: 1px solid #dedede;
}
#left-column tr.alt {
  background: #dedede;
}
#left-column th {
  font-size: 0.84em;
  line-height: 1.25em;
  background: #c2c2c2;
  color: #000;
}
#left-column th,
#left-column td {
  padding: 3px 7px;
  vertical-align: middle;
}
#left-column td {
  padding: 7px;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;  
  font-size: 0.80em;
  line-height: 1.30em;
}
#left-column td a {
  background: #ffe887; /* yellow */
}
#left-column table code {
  color: #3e3e3e;
  padding: 0; margin: 0;
  font-size: 0.86em;
  line-height: 1.30em;
  vertical-align: baseline;
}

/******
  PAGINATION ***/
div.navigation {
  clear: both; display: block;
  background: #eeeeef;
  margin: 60px 0 0 0;
}
div#wp_page_numbers,
div#wp_page_numbers ul,
div#wp_page_numbers li,
div#wp_page_numbers a { background: #eeeeef; }
div#wp_page_numbers a,
div#wp_page_numbers li.space,
div#wp_page_numbers li.page_info {
  border-top: 2px solid #eeeeef !important;  
  border-bottom: 2px solid #eeeeef !important;
}
div#wp_page_numbers li a {
  color: #333;
  background: #eeeeef;
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;  
  font-size: 1.55em;
  line-height: 1.55em;
  padding: 6px 13px 8px 13px;
}
div#wp_page_numbers li a:hover {
  border-top: 2px solid #e3dce5; /* lt purple */
  color: #443a44; /* dk purple */
  background: #ae9ab3; /* lt purple */
}
div#wp_page_numbers li.active_page a,
div#wp_page_numbers li.active_page a:hover {
  background: #4f2e58; /* dk purple */
  color: #fff !important;
  border-top: 2px solid #e3dce5; /* lt purple */
  border-bottom: none;
}
div#wp_page_numbers li.page_info {
  font-family: Georgia, "ITC Garamond", "Adobe Garamond", Garamond, "Adobe Jenson Pro", serif;
  color: #444; background: #eeeeef;
  padding: 13px 25px 0 0;
}
div#wp_page_numbers li.space {
  padding: 20px 5px 0 5px;
  vertical-align: baseline;
  background: #eeeeef;
}
/******
  FOOTER ***/
#footer {
  display: block;
  clear: both;
  padding: 10px 0 0 0; margin: 0; 
  width: 835px;
}
#footer p {
  color: #a3a3a3;
  font-size: 0.67em;
  line-height: 2.00em;
  border-bottom: 1px solid #a3a3a3;
}
#footer ul {
  margin: 5px 0 0 0;
}
#footer li {
  float: left;
  text-transform: lowercase;
  font-size: 0.85em;
  line-height: 0.90em;
  list-style-type: none;
  margin: 2px 0 20px 45px;
  color: #111;
}
#footer li#start { margin-left: 0; }