/*
Theme Name: Photo Blog
Theme URI: http://scotthaefner.com/
Description: Based on the 2010 Wordpress default theme Twenty Ten, customized for my photo site. It supports two widgetized areas in the sidebar (NOTE: the four in the footer are not supported) and featured images (thumbnails for gallery posts). It has an optional one-column page template that removes the sidebar.
Author: Scott Haefner
Version: 1.0
Tags: black, blue, two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support
*/


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
  float: left;
  margin: 0 -245px 0 0;
  width: 100%;
}
#content {
  margin: 0 325px 0 0;
  width: auto;
  padding: 0;
}
#primary,
#secondary {
  float: right;
  overflow: hidden;
  width: 245px;
}
#secondary {
  clear: right;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
  margin: 0 auto;
  width: 640px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
  margin: 0 auto;
  width: 900px;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
  margin: 0 auto;
  width: 960px;
}

/* =Sidebar
-------------------------------------------------------------- */

#primary {
  margin-top: -.9em;
}
#primary ul, #secondary ul {
  margin: 0;
  list-style: none;
  padding-left: 1px;
}
#primary h3, #secondary h3 {
  margin: 0 0 .5em;
}
.xoxo li {
  padding: 1.5em 0 1em;
  margin: 0;
}
.xoxo li li {
  border: 0;
  line-height: 1.4;
  margin: .25em 0 .75em;
  padding: 0;
}
#primary .xoxo > li:first-child {
  border: 0;
}

#social {
  overflow: auto;
}
#social li {
  float: left;
  margin: 0;
}
#social li a {
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 5px;
  text-indent: -9999em;
}
#facebook a {
  background: url('/template/images/icons-sprite.png') no-repeat 0 0;
}
#twitter a {
  background: url('/template/images/icons-sprite.png') no-repeat 0 -48px;
}
#flickr a {
  background: url('/template/images/icons-sprite.png') no-repeat 0 -432px;
}

.feed a {
  background: url('/template/images/icons-sprite.png') no-repeat 0 -560px;
  display: block;
  height: 16px;
  line-height: 1;
  padding-left: 20px;
}
p.more {
  margin: 0;
}

.xoxo .thumbs {
  margin: .5em 0 .5em -1px;
}


/* =Navigation
-------------------------------------------------------------- */

#nav-above {
  display: none;
}
#nav-below {
  margin-top: 1.5em;
}

.more-link {
  display: block;
  margin-top: 1em;
}

.cat-links, .tag-links, .comments-link {
  display: block;
}

.thumbs span {
  position: relative;
}
.thumbs span a.buy, .thumbs span a.buy:hover {
  background: #000 url("/photos/images/buy.gif") no-repeat;
  display: block;
  height: 16px;
  left: 0;
  margin: 3px;
  opacity: .35;
  padding: 0;
  position: absolute;
  text-indent: -1000em;
  top: 0;
  width: 96px;
}
.thumbs span a.buy:hover {
  opacity: 1;
}

/* =Other
-------------------------------------------------------------- */

#site-branding {
  padding: 1em 0 1em;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.38, rgb(10,10,10)),
      color-stop(0.69, rgb(3,3,3)),
      color-stop(0.85, rgb(0,0,0))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(10,10,10) 38%,
      rgb(3,3,3) 69%,
      rgb(0,0,0) 85%
  );
}

#site-title, #site-description {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
#site-title a {
  font: normal 24px "Oswald", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}
#site-title a, .entry-title a {
  color: #fff;
  text-decoration: none;
}
body #site-title {
  margin-top: .5em;
}
.entry-title {
  text-align: left;
  font-size: 1.8em;
  margin: 0 0 .1em;
}

.post {
  margin-bottom: 3em;
}

img.inline {
  display: block;
  margin: 1.5em 0;
}

.entry-content > p {
  font-size: 1.05em;
}

.entry-content .thumbs {
  margin-left: -1px;
}

.entry-meta ul {
  margin: 0;
  list-style: none;
}
.entry-meta em {
  display: block;
  margin: 1.2em 0;
  font-size: 1.2em;
}
.entry-utility {
  border-top: 1px solid #181818;
  padding-top: 5px;
  margin-top: 1.8em;
}
.entry-utility .meta-sep {
  display: none;
}

.screen-reader-text {
  display: none;
}

#sources {
  display: none;
}


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

#comments {
  clear: both;
}
#comments-title em {
  font-style: normal;
}
.nocomments {
  display: none;
}
#comments input, #comments textarea {
  display: block;
}
#comment {
  width: 98%;
}
label {
  font-size: 1em;
  text-transform: uppercase;
}
.nopublish, .required {
  font-size: .85em;
}
#comments ol, #comments ul {
  list-style: none;
  margin: 0;
}
#comments ul {
  padding: 0 0 0 1.5em;
}
#comments li {
  margin: 2em 0 1em;
  padding: 2px 5px;
}
#comments .children li {
  padding: 0;
}
.reply {
  margin-top: -.5em;
}
.bypostauthor {
  background: #101010;
}
.bypostauthor .children {
  background: #101010;
}
.depth-1 {
  background: #101010;
  padding: 1em 8px;
  margin-bottom: 1.5em;
  border-top: 3px solid #151515;
}
.comment-author, .commentmetadata {
  float: left;
}
.comment-body {
  clear: left;
  padding-top: 1px;
}

.comments-link {
  margin-top: 1em 0 3.5em;
}

#comments a {
  color: #aaa;
}
#comments a:hover {
  color: #fff;
}

.pingback p, #comments .pingback a {
  color: #666;
  margin: 0;
}
#comments li.pingback {
  margin: 0;
}

.moderated {
  display: none;
}