/* defaults.css */
* {outline:none;}
html {background:none;}
body {
  background:#fff url(/images/backgrounds/main-top-bkgd.png) top center repeat-x;
  color: #000;
  font-family:arial,helvetica,sans-serif;
  font-size:78%;
}
#gridHeader {margin-top:3px;background:#fff;}
#header-logo {padding-left:20px;}
#searchbox_xxx {padding-right:20px;}
.loginLinks {margin-right:10px;}

p {margin:1.12em 0;line-height:1.4;}
strong {font-weight:bold;font-style:inherit;}
em {font-style:italic;font-weight:inherit;}
a {color:#4f88a5;text-decoration:none;}
  a:hover {text-decoration:underline;}

.popularEvents h4 {font-weight:normal;}
#RecentComments p {margin:0;}

/* clearfix - closing elements containing floats across browsers */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

a.inlineEdit, span.inlineEdit {
  font-family: arial, helvetica, verdana, sans-serif!important;
  font-weight:normal!important;
  font-size:10px!important;
  color:#999!important;
  text-decoration:none!important;
  text-transform:uppercase;
}
  a.inlineEdit:hover,
  span.inlineEdit:hover {color:#f00!important;}

.hidden_element {display:none;}

.image_magnify {
  position:absolute;
  top:0;
  right:10px;
  width:16px;
  height:16px;
}
.clicktozoom {
  display:block;
  text-align:right;
  font-size:9px;
  text-decoration:none;
  line-height:1;
}

/* XXX Where is this used? */
.excerpt {
    background: #e7e8e9;
    padding: 15px;
    margin: 10px 15px;
    border: 1px dotted #000;
}
.notice {
    background-color:#e7e8e9;
    margin:0;
    padding:9px;
    text-align:center;
}
.pagination { font-size: 10px; }

div.storyPagination {
  font-size: 1.1em;
}

a.memberThumb {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.error404 {
    padding: 15px;
}
/* searchbox styles */
input.searchbox {
  width: 134px;
  height: 16px;
  background: url(/images/backgrounds/keywords.png) no-repeat;
  padding: 3px 9px 0 21px;
  border: 0;
  font-size: 10px;
}
  input.searchbox:focus { outline: none; }
  /* ---------------------------------------------------- */
.BlogButton {
  display: block;
  width: 140px;
  height: 45px;
  background-repeat: no-repeat;
  text-indent: -6000px;
}

.sectionHeader { 
  font-weight: bold;
}
  .sectionHeader a, .sectionHeader span {
    display: block;
    text-indent: -6000px;
  }

h1.sectionHeader {
  height: 22px;
}
  h1.sectionHeader a, h1.sectionHeader span { 
    height: 22px; 
    line-height: 22px;
    }

h2.sectionHeader {
  height: 13px;
}
  h2.sectionHeader a, h2.sectionHeader span { 
    height: 13px; 
    line-height: 13px;
    }

#gridMainSidebar1 div.MainSidebar { 
  background: none;
  margin-bottom: 15px; 
}
  #gridMainSidebar1 div.MainSidebar h3 {
    background: none;
    padding: 0 0 10px;
    font-weight: bold;
    color: #000;
    text-align: left;
  }
    #gridMainSidebar1 div.MainSidebar h3 a { 
      color: #000;
      text-decoration: none;
    }
    #gridMainSidebar1 div.MainSidebar ul {
      padding: 0;
    }

/* story tools */
div.tools {
  margin:0.5em 0;
  padding:4px;
  background-color:#fff;
  border:1px solid #999;
}
  div.tools h3 {display:none;}
  div.tools ul li {padding:0.25em 0;}
    div.tools ul li:hover {background:#e7e8e9;}
  div.tools ul li a.toolTextLink,
  div.tools ul li a.emailAction,
  div.tools ul li a.icalAction,
  div.tools ul li a.printAction,
  div.tools ul li a.reminderAction,
  div.tools ul li a.shareAction,
  div.tools ul li a.saveAction,
  div.tools ul li a.commentItem {
    font-size:0.85em;
    text-decoration:none;
    text-transform:uppercase;
  }
    div.tools ul li a.toolIconLink,
    div.tools ul li img {
      position:relative;
      top:0.1em;
      display:inline-block;
      margin-right:0.25em;
    }

/* toggle panel */
div.tools div.togglePanel {
    padding: 5px;
    background-color: #e7e8e9;
}
  div.horizontalToolsTogglePanel {
    padding: 5px;
    background-color:#e7e8e9;
  }
div.tools div.togglePanel textarea,
div.horizontalToolsTogglePanel textarea,
div.tools div.togglePanel input[type=text],
div.horizontalToolsTogglePanel input[type=text] {
    width: 132px;
    padding: 2px;
    border: solid 1px #000;
}
div.tools div.loading,
div.horizontalToolsTogglePanel div.loading {
    /* loader image from ajaxload.info */
    background-image: url(/images/icons/toolsloader.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0 20px;
}

div.tools a.emailAction {
    background-image: url(/images/icons/article_tools/email.gif);
}
div.tools a.printAction {
    background-image: url(/images/icons/article_tools/print.gif);
}
div.tools a.shareAction {
    background-image: url(/images/icons/article_tools/share.gif);
}
div.tools a.saveAction,
div.tools a.icalAction {
    background-image: url(/images/icons/article_tools/save.gif);
}
div.tools a.commentItem {
    background-image: url(/images/icons/article_tools/comment.gif);
}
div.tools a.reminderAction {
    background-image: url(/images/icons/article_tools/remind.gif);
}
div.tools a.addAction {
    display: block;
    padding: 5px 0 5px 18px;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-image: url(/images/icons/article_tools/add.gif);
}
  div.tools form a.addAction {
    background-image: none;
    padding:5px;
    text-decoration: none;
  }

.horizontalTools {
  float:left;
  width:93%;
  margin:1em;
  padding:0.5em;
  background-color:#fff;
/*  border:1px solid #999;*/
  text-align:center;
}
.horizontalTools ul {
    padding:0;
}
.horizontalTools li.l0 {
    float:left;
    margin:0 5px;
    padding:1px 6px;
}
  .horizontalTools li.l0 a {
    text-decoration:none;
    font-size:.9em;
  }
div.horizontalToolsTogglePanel {
  width:auto!important;
  height:auto!important;
  padding:10px;
}
  div.horizontalToolsTogglePanel .toolsInner {
    padding:5px;
  }
    div.horizontalToolsTogglePanel .toolsInner h3 {
      margin:5px 0;
    }
div.horizontalToolsTogglePanel ul li.l1 {
    background: #e7e8e9;
    padding: 2px;
    margin: 2px 0;
}

div.processOutput {
  background: #e7e8e9;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #000;
}

/* toolbox styles */
div.tinyTools {
  float: right;
  margin-left:5px;
  padding:0.5em;
  background-color:#fff;
  border:1px solid #999;
  font-size: 10px;
  line-height: 1em;
}
/*  body.SearchPage div.tinyTools {border:1px solid #ccc;}*/
div.tinyTools img {display:none;}
div.tinyTools h3 {
  margin-bottom:0;
  padding:0.25em;
  background:#e7e8e9;
  font-size: 10px;
  font-weight: bold;
  text-align:center;
  line-height: 1em;
}
  body.SearchPage div.tinyTools h3 {display:none;}

div.tinyTools h4 {
  margin: 5px 0 2px 0;
  font-size: 10px;
  font-weight: bold;
}
div.tinyTools ul {
  margin:0;
}
div.tinyTools ul li.l0 {
  margin-bottom:0.15em;
/*  border-bottom:1px solid #ccc;*/
}
  div.tinyTools ul li.l0:last-child {
    margin-bottom:0;
    border-bottom:none;
  }
div.tinyTools ul li.l0 a {
  display: block;
  padding: 4px;
  background: #fff;
  color:#000;
  text-decoration: none;
}
div.tinyTools div.togglePanel ul {
    margin: 0;
}
div.tinyTools div.togglePanel {
    padding: 4px;
}
div.tinyTools div.togglePanel textarea,
div.tinyTools div.togglePanel input[type=text] {
    width: 102px;
    padding: 2px;
    border: solid 1px #000;
}

/* flipbook styles */
div.flipBook {
    position: relative;
}
div.flipBook .credit {
  margin-top: 2px 0 2px 0;
  font-family: "Trebuchet MS";
  font-size: 9px;
  text-align: right;
  text-transform: uppercase;
}
div.flipBook .caption {
  color:#666;
  font-family: "Trebuchet MS";
}
div.flipBook div.photGridWrap {
    text-align: center;
}
div.flipBook div.photoGrid {
    display: inline-block;
    margin-top: 4px;
    border-top: dotted 1px;
    padding: 4px 0 4px 1px;
}
div.flipBook div.photoGrid a,
div.flipBook div.photoGrid a:link,
div.flipBook div.photoGrid a:visited,
div.flipBook div.photoGrid a:hover {
    position: relative;
    float: left;
    text-decoration: none;
    border: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #000;
    margin: 3px 5px 4px 0;
    width: 46px;
    height: 46px;
}
div.flipBook div.photoGrid a:hover {
    width: 50px;
    height: 50px;
    left: -2px;
    top: -2px;
    margin-right: 1px;
    margin-bottom: 0px;
}


/* ------------------------------------------------------------------ */
/* Comments */
/* ------------------------------------------------------------------ */
div.commentsHeader a.feedLink {
  background:transparent url(/images/rss-small.gif) no-repeat top center;
  color:transparent;
  font-size:.7em;
  text-decoration:none;
  text-indent:-6000px;
}

/* ------------------------------------------------------------------ */
/* Inline Images */
/* ------------------------------------------------------------------ */

.contentImageCenter {
  text-align:center;
  overflow:hidden;
}
.contentImageRight {
  float:right;
  margin-left:10px;
  position:relative;
}
.contentImageLeft {
  float:left;
  margin-right:10px;
  position:relative;
}
.imageCredit {text-align:right;}
.imageCaption {text-align:left;}

/* blog images */  
.postBody img.blogImageLeft,
.postBody img.blogImageRight,
.postBody img.blogImageCenter
{
    background:#e7e8e9 none repeat scroll 0 0;
    border:1px solid #000;
    display:block;
    margin:5px;
    padding:5px;
    text-align:center;
}
.postBody img.blogImageLeft {
    float:left;
    display:inline;
    margin:0 10px 10px 0;
}
.postBody img.blogImageRight {
    float:right;
    display:inline;
    margin:0 0 10px 10px;
}
.postBody img.blogImageCenter {
    display:inline;
    margin:0 10px 0 10px;
}

div.blogImageRight {
    float: right;
    margin: 0 0 5px 10px;
    }
div.blogImageCenter {
    clear: both;
    margin: 10px auto;
    }
div.blogImageLeft {
    float: left;
    margin: 0 10px 5px 0;
    }
div.blogImageCenter ul,
div.blogImageLeft ul,
div.blogImageRight ul {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .9em;
    text-align: right;
    margin-top: -5px;
    }
    .imageCredit {
      font-size:.8em;
      text-transform:capitalize;
      list-style:none outside none;
      line-height:1;
    }
    .imageCaption {
      padding-bottom:1em;
      color:#666;
      text-align:left;
      list-style: none outside none;
      line-height:1;
    }

/* Digital Issue styles [Issue Archives] */
li.digitalIssue a {
  display:inline-block;
  margin-top:4px;
  padding:1px 3px 1px 14px;
  background:#eee url(/images/icons/paper.gif) no-repeat 2px center;
  border:1px solid #ccc;
  text-decoration:none;
}
  li.digitalIssue a:hover {
    background-color:#fff;
    border:1px solid #999;
    text-decoration:none;
  }
  #archiveIssueHeader ul {
    margin-bottom:15px;
  }
  #archiveIssueHeader a.digitalIcon {
    padding:1px 3px 1px 28px;
    background:#ddd url(/images/icons/paper-large.png) no-repeat 4px center;
    border:1px solid #ccc;
    font-size:0.75em;
    text-decoration:none;
  }
    #archiveIssueHeader a.digitalIcon:hover {
      background-color:#fff;
      border:1px solid #999;
    }
    
/* Twitter Feed */
#TwitterFeedBohemian {
  background:#fff;
  border:1px solid #ccc;
}
  #gridRightColumn #TwitterFeedBohemian {margin:1em 0;}
  #gridRightColumn #TwitterFeedBohemian.FreeStuffLanding {margin:0;}
  #TwitterFeedBohemian h2.widget_head {
    padding:0.5em;
    background: rgb(253,253,253); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(225,225,225,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
    font-family:'chunk',serif;
    font-size:1.3em;
    font-weight:normal;
    text-align:left;
    text-transform:uppercase;
  }
    #TwitterFeedBohemian h2.widget_head a {
      color:#4f88a5;
      text-decoration:none;
    }
    #TwitterFeedBohemian_twitter_div {margin:0.25em 0.5em;}
    #gridMainSidebar1 div.MainSidebar #TwitterFeedBohemian_twitter_div ul {border:0;}
    #TwitterFeedBohemian_twitter_div li {padding:0.5em 0;text-align:left;}

  #twitter_div {
    padding:0;
  }  
  #twitter_div ul {
    padding: 0;
    overflow: hidden;
  }
  #twitter_div ul li {
    margin:5px 0 0;
    padding:5px;
    background:#fff;
    font-size:0.9em;
    border-bottom: 1px solid #ccc;
    color: #000;
    }
    #twitter_div ul li a.twitterTime {
      color: #000;
      font-style: italic;
      font-size: .9em;
      font-family: Georgia,serif;
      text-decoration: none;
    }
  a.widget_link {
    text-align:center;
    display:block;
    font-size:0.8em;
    width:100%;
    background:#fff;
    color:#000;
    padding:2px 0;
    }
    div#TwitterFeed.MainColumn a.widget_link {
      color: #000;
      background: #fff;
    }

#locationsGroup.displayOptional {
  display: block;
}

div#gridSpanningIsland {
/*  background-color:#fff!important;*/
  }

/* narrow search options bar */
div.searchedFor ul.narrowOptionsBar {
  position:absolute; 
  right:-7px; 
  top:17px; 
  margin-top:4px;
  padding: 2px 0 1px; 
  background-color:#e7e8e9; /* for dropdown menu */
  -webkit-box-shadow:0 10px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 10px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
div.searchedFor ul.narrowOptionsBar li {clear:both; margin-bottom: 2px; display:block; text-transform: none;}
div.searchedFor ul.narrowOptionsBar li a {
  display:block; 
  padding:1px 30px 2px 20px;
  color: #000; 
  font-size: 12px; 
  text-decoration:none; 
}
div.searchedFor ul.narrowOptionsBar li a:hover {color:#000;background-color:#fff;}
div.searchedFor .sortBar {
  float:right;
  margin-left:1em;
  text-align:right;
  position:relative;
}
div.searchedFor .sortBarHeader {font-size:12px;color:#000;}
div.searchedFor .sortBarHeader a {
  display:inline-block;
  height:16px;
  margin-left:0;
  padding:0 18px 0 0;
  background:transparent url(/images/buttons/sort-arrows.png) right bottom no-repeat;
  color:#000;
  text-decoration:none; 
  outline: 0;
  }
div.searchedFor .sortBarHeader a.active {}

/* event source branding header styles */
li.eventItem span.eventSource {display:block;float:right;height:20px;line-height:20px;}
  li.eventItem span#Soket.eventSource {color:#0067a2;}
li.eventItem span.eventSource a {display:inline-block;text-decoration:none;text-indent:-6000px;}
  span#GETn2it.eventSource a {width:18px;height:20px;background:url(/foundation/images/buttons/getn2it-logo.png) center no-repeat;}
  span#Soket.eventSource a {width:20px;height:20px;background:url(/foundation/images/buttons/soket-logo.png) left center no-repeat;}