/*
Theme Name: snarfed
Template: thematic
Theme URI: http://snarfed.org/space/snarfed_wordpress_theme
Description: The snarfed.org theme. A Thematic child theme.
Author: Ryan Barrett <wordpress-theme@ryanb.org>
Version: 0.4
License: Public domain
Tags: one-column, right-sidebar, fixed-width, custom-header, translation-ready, microformats, rtl-language-support

Changelog:

0.5:
- TODO: productionize g+ meta link
- customized more tag text and style
- removed comment feed link
- when revealing the comment form, scroll it into view
- drop shadows in IE 5.5-8

0.4 2011/9/3:
- added Facebook Insights support via the FACEBOOK_INSIGHTS_PROPERTY and
  FACEBOOK_INSIGHTS_CONTENT constants
- compatibility fixes for thematic 0.9.7.7
- style tables
- tweak layout to support overflowing the content area visibly
- search widget bug fix
- add drop shadow to the google button

0.3 2010/11/11:
- refactor ajax search: integrate with wordpress's search, use real URLs for
  history/back button support, etc.
- added explicit yarpp support
- highlight blog owner's comments by adding bypostauthor class to li.comment
  elements for comments that have blog's url
- add Shutter Reloaded "permalinks"
- recent comments widget tweaks: add comment icons, remove author names
- don't insert openid delegate or ajax search script tags if wordpress is
  running on localhost, ie it's a local only installation.
- add google analytics (async) support via the GOOGLE_ANALYTICS_ID constant

0.2 2010/8/28:
- add alt text captions to shutter effect in nextgen gallery
- ajax site search tweaks and bug fixes
- drop shadow tweaks

0.1 2010/8/7:
- first release
*/

/* =Structure
-------------------------------------------------------------- */
#wrapper {
  width: 650px;
  background-color: #fff;
}
#main {
  padding: 10px;
}
#container {
  float: left;
}
#content {
  width: 500px;
}
#primary {
  width: 100px;
  float: right;
  padding: 10px;
  padding-bottom: 0;
}


/* =Header
-------------------------------------------------------------- */

#header {
  width: 100%;
  border-bottom: 7px solid #036;
  padding: 0;
  height: 100px;
  background: url(images/headers/stylized-grass.jpg) no-repeat bottom left;
  background-color: #fff;
  color: #036;
}
#blog-title, #blog-description {
  position: relative;
  text-align: right;
  height: 0;
  padding-right: 10px;
  font-weight: normal;
}
#blog-title {
  top: 5px;
  font-size: 30px;
}
#blog-description {
  top: 40px;
  font-size: 16px;
}
#blog-title a, #blog-description a {
  color: #036;
  text-decoration: none;
  font-style: normal;
}
#blog-title a:hover, #blog-description a:hover {
  text-decoration: underline;
}
#blog-title a:visited, #blog-description a:visited {
  color: #036;
}


/* =Widget Areas
-------------------------------------------------------------- */
.main-aside {
  background-color: #EEE;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.yarpp ol {
  padding-left: .5em;
}

#page-top, #single-top {
  display: none;
}

#index-top {
  margin-bottom: 15px;
}

.Recently_Updated_Pages,
.Recently_Updated_Pages *,
.widget_recent_comments,
.widget_recent_comments *,
.yarpp *,
.yarpp ol li {
  display: inline;
}

.Recently_Updated_Pages ul li:after,
.widget_recent_comments ul li:after,
.yarpp ol li:after {
  content: ", ";
}

.widget_recent_comments ul li:last-child:after,
.yarpp ol li:last-child:after {
  content: "";
}

.widgettitle {
  font-size: 16px;
}

/* Search text box in sidebar */
#s {
  width: 100px;
  color: #036;
  margin-bottom: 5px;
}

#searchsubmit,
li.widget_search h3,
div.noresults,
div.post.error404 {
  display: none;
}

.main-aside .buttons {
  margin-top: 10px;
}


/* =Fonts
-------------------------------------------------------------- */
body {
  font-family: Arial, Helvetica, sans-serif;
}


/* =Global Elements
-------------------------------------------------------------- */

body {
  background: #DDD;
}
a:link {
  color: #036;
}
a:visited {
  color: #467;
}
a:focus,
a:hover {
  color: #07D;
  text-decoration: none;
}
a img {
  border: none;
}
abbr {
  border-bottom: 0;
}
img {
  border: none;
  margin: .1em;

  /* better image resizing interpolation on IE */
  -ms-interpolation-mode: bicubic;
}

.right {
  float: right;
  margin-left: 10px
}
.left {
  float: left;
  margin-right: 10px
}

good, ok, bad, f, nf {
  font-style: italic;
}

input, textarea {
  border: 1px solid #036;
}

blockquote {
  font-style: italic;
}

pre {
  margin: .3em;
  padding: .3em;
  background-color: #EEE;
  white-space: pre;
  overflow: auto;
}

code, pre {
  color: #024;
}

.shadow,
.ngg-gallery-thumbnail img,
.ngg-thumbnail img,
.ngg-imagebrowser img,
.main-aside,
textarea,
pre {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);  /* CSS3 */
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

a img.shadow:hover,
.ngg-gallery-thumbnail a img:hover,
.ngg-gallery-thumbnail a img:hover,
.ngg-thumbnail a img:hover,
.ngg-imagebrowser a img:hover {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.7);  /* CSS3 */
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.7);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.7);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
}

table {
  border-collapse: collapse;
}

table th { background-color: #bcd; }
table tr:nth-child(even) { background-color: #ddd; }
table tr:nth-child(odd) { background-color: #eee; }
table tr:hover { background-color: #def; }


/* =Content
-------------------------------------------------------------- */

.entry-title {
  float: left;
  font-size: 20px;
  color: #036;
  margin: 0;
  margin-bottom: 10px;
}
.entry-title a {
  text-decoration: none;
}
.entry-meta {
  float: right;
  text-align: right;
  margin-bottom: 10px;
  font-size: small;
}
.entry-content {
  clear: both;
}

/* note that div#nav-above is a .post element too, so in front page view,
 * :first-child would apply to it instead of the first post.
 */
div.post, div.page {
  clear: both;
  padding-top: 10px;
}

body.home #wrapper #main #container #content div.post {
  padding-top: 15px;
  border-top: 1px solid #bbb;
}

.more-link {
  font-style: italic;
}

.entry-utility,
.meta-sep,
.meta-prep-author,
.meta-prep-entry-date,
.cat-links,
.author,
body.single #wrapper #main #container #content .post .entry-utility,
body.not-singular #wrapper #main #container #content .post .entry-utility .cat-links {
  display: none;
}
.meta-sep-snarfed {
  display: inline;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
  clear: both;
}
.comment-author {
  font-weight: bold;
}
.comment-meta {
  font-size: small;
}
.comment-content p {
  margin: 10px;
  margin-left: 0;
}
.comment-permalink {
  font-size: small;
  text-decoration: none;
}
.comment-author, .comment-meta {
  display: inline;
}
.comment-author:after{
  content: ",";
}
#comments-list > ol, ul.commentlist {
  list-style-image: url(/w/wp-content/themes/snarfed/images/comment_16.png);
}
li.comment {
  padding: 5px;
  padding-left: 10px;
  margin-top: 5px;
}
.comment-content {
  padding: 0;
}
.comment-content * {
  list-style-image: none;
}
#comments-feed {
  float: right;
}
#comment-toggle {
  float: left;
}
.form-label {
  float: right;
  max-width: 100%;
}
textarea#comment {
  width: 100%;
}
p.form-submit {
  float: right;
}

#ajax-comment-preview {
  clear: both;
}

#ajax-comment-preview > .error {
  color: red;
}
#ajax-comment-preview > .loading {
  background: url(/loading.gif) no-repeat;
  background-position: center left;
  padding-left: 20px;
}

#acp-preview,
.form-submit #submit {
  width: 10em;
}
.form-section,
.form-submit,
#acp-preview {
  margin: 5px;
}

/* highlight my own comments */
li.comment.bypostauthor {
  background-color: #def;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}

/* highlight comment previews differently */
li#comment-preview {
  background-color: #ffb;
  border-top: dashed 2px #bbb;
  border-bottom: dashed 2px #bbb;
}

/* The "via Facebook" etc tags from bridgy. */
.comment-content cite a {
    display: block;
    font-size: small;
    color: gray;
}

/* temporarily commented out until i get the openid plugin working */
/* div#form-section-url div label { */
/*   background: url(/icon_openid.gif) no-repeat; */
/*   background-position: center left; */
/*   padding-left: 20px; */
/* } */

#commentform {
  clear: both;
}

#commentform,
.says,
#reply-title,
#comments-title,
.comments-link,
.comment-notes,
#comments-list h3,
#form-section-email,
#form-allowed-tags,
[title="Permalink to this comment"],
#respond h3,
#form-section-comment div label
{
  display: none;
}


/* =Navigation, Menu, Footer, Index (posts-and-pages.php template)
-------------------------------------------------------------- */
.navigation {
  display: none;
}
#footer {
  clear: both;
}

.posts-and-pages {
  width: 50%;
}
#posts-and-pages-posts {
  float: left;
}
#posts-and-pages-pages {
  float: right;
}

.posts-and-pages ul {
  list-style: none;
  padding: 0;
  margin-right: 10px;
}

li.page_item {
  list-style: none;
}

body.page-template-posts-and-pages-php #wrapper #main #container #content .page {
  padding: 0;
  border: none;
}

body.page-template-posts-and-pages-php #wrapper #main #container #content .page .entry-title {
  margin: 0;
}

/* =Google Ajax Site Search
-------------------------------------------------------------- */

div.gs-result           { margin-top: 1em; }
div.gs-title            { text-decoration: underline; }
div.gs-visibleUrl       { color: green; }
div.gs-visibleUrl-short { display: none; }
div.gs-visibleUrl-long  { display: none; }
div.gs-watermark        { display: none; }

div.gs-snippet {
  font-size: .9em;
}

div.gs-snippet br { display: none; }

table.gsc-branding {
  border: none;
  margin-top: 1em;
}
table.gsc-branding tr {
  background-color: white;
}
div.gsc-branding-text {
  color: gray;
}
td.gsc-branding-img-noclear {
  padding-left: 2px;
}
img.gsc-branding-img-noclear { margin-bottom: -3px; }



/* =NextGEN Gallery
-------------------------------------------------------------- */
.ngg-gallery-thumbnail img,
.ngg-thumbnail img,
.ngg-imagebrowser img {
  margin-left: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.ngg-imagebrowser-nav .page-numbers,
.ngg-imagebrowser-nav .back,
.ngg-imagebrowser-nav .next,
.ngg-navigation .page-numbers,
.ngg-navigation .back,
.ngg-navigation .next {
  border: none !important;
}

.ngg-album-compact, .ngg-album-compactbox {
  width: auto !important;
}

.ngg-album-compact {
  padding-left: 5px;
}

.ngg-galleryoverview {
  margin-bottom: 1em;
}

/* =Debugging
-------------------------------------------------------------- */

/* * { border: 1px dotted green !important; } */
/* #branding img { border: 1px dotted red !important; } */

/* #wrapper, #main, #container, #content, #primary, #secondary */
/* { background: #000 !important; } */
/* { border: 1px dotted green !important; } */
/* #header { display: none; } */