/*
Theme Name: VegPledge Theme
Theme URI: http://www.vegpledge.org
Description: The WordPress theme used by VegPledge.org
Author: Tim Moore
Author URI: http://incrementalism.net
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Get "Cantarell" font from Google */
@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,bold);

/* Layout */

#wrapper, .wrapper, #container {
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 5;
}

#vegpledge-gallery-intro, #photos-link {
    margin: 0;
    padding: 10px;
}

#header, .header {
    padding: 10px 0;
    position: relative;
}

#access {
    border: none;
    top: 10px;
    height: auto;
    position: absolute;
    right: 10px;
}

.header-top-wrapper {
    position: relative;
}

.blog-title {
    background: url(/wp-content/themes/vegpledge-theme/VegPledge.gif) no-repeat;
    height: 57px;
    text-indent: -15000px;
}

.blog-title a {
    display: block;
}

.vegpledge-my-pledges {
    bottom: 0;
    position: absolute;
    right: 0;
}

.menu, .sf-menu {
    float: right;
    width: auto;
}

.sf-menu, .sf-menu a {
    border: 0;
}

.sf-menu a, .vegpledge-my-pledges a {
    padding: 0 5px;
}

.sf-menu li, .sf-menu li a {
    display: inline;
    float: none;
}

.page .entry-title {
    display: none;
}

#content {
    margin: 0 10px;
    width: auto;
}

#comments {
    margin: 0;
    padding: 0;
}

td {
    vertical-align: top;
}

#pledge-descriptions li {
    margin: 0 0 8px 0;
}

#vegpledge-share-form {
    display: none;
}

#branding, #main, #footer, .entry-content {
    padding: 0;
}

.entry-content p {
    margin: 0 0 8px 0;
    padding: 2px;
}

input.checkbox {
    width: auto;
}

ol, ul {
    list-style-type: none;
    margin: 0;
}

table {
    border: none;
}

/* Typography */

body, input, textarea,
.blog-title, .entry-title,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
#comments h1, #comments h2, #comments h3, #comments h4, #comments h5, #comments h6,
.aside caption {
    font-family: Tahoma, sans-serif;
    font-style: normal;
    font-weight: normal;
}

a {
    text-decoration: none;
}

#vegpledge-gallery-intro, #photos-link, #header, .header, .entry-content h2, .entry-content th {
    font-size: 18px;
    text-transform: uppercase;
}

.blog-title {
    font-size: 36px;
    line-height: 42px;
}

.blog-title .title-pledge, .blog-title .title-out {
    font-weight: 900;
}

#blog-description {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

.sf-menu li:after {
    content: "/";
}

.sf-menu li:last-child:after {
    content: "";
}

/* Colours */

body {
    background: #8DC63F;
}

a, a:link, a:visited, a:active, a:hover {
    color: #8DC63F;
}

#wrapper, #header, .header, #main, #footer {
    background: #FFF;
}

#vegpledge-gallery-intro {
    color: #FF6200;
}

.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.vegpledge-my-pledges {
    background: transparent;
    color: #666;
}

/* Ticker */

.vegpledge-ticker {
    background: #FF6200;
    clear: both;
    margin: 5px 0 0 0;
    padding: 5px;
    position: relative;
}

.vegpledge-ticker a {
    color: #000;
}

#vegpledge-ticker-pledges {
    display: none;
}

.vegpledge-counter {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Pledge Badges */

#vegpledge-gallery {
    background-image: url(/wp-content/themes/vegpledge-theme/pledgegallery-s.gif);
    height: 576px;
    margin: 0;
    padding: 0;
    width: 100%;
}

#vegpledge-gallery, #vegpledge-list-pledges, #vegpledge-choose-pledges {
    overflow: auto;
    position: relative;
}

#vegpledge-gallery li, .pledge, .mini-pledge {
    float: left;
}

#vegpledge-gallery li, #vegpledge-gallery a, .pledge, .mini-pledge {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: -15000px;
}

#vegpledge-gallery li, #vegpledge-gallery a, .pledge {
    height: 192px;
    width: 192px;
}

.mini-pledge {
    height: 150px;
    width: 150px;
}

#vegpledge-gallery a:hover, .pledge {
    background-image: url(/wp-content/themes/vegpledge-theme/pledgegallery-h.gif);
}

a.pledge-bottle:hover, .pledge-bottle {
    background-position: -0px -0px;
}

.mini-pledge-bottle {
    background-image: url(/wp-content/themes/vegpledge-theme/bottle-small.gif);
}

a.pledge-containers:hover, .pledge-containers {
    background-position: -192px -0px;
}

.mini-pledge-containers {
    background-image: url(/wp-content/themes/vegpledge-theme/containers-small.gif);
}

a.pledge-bags:hover, .pledge-bags {
    background-position: -384px -0px;
}

.mini-pledge-bags {
    background-image: url(/wp-content/themes/vegpledge-theme/bags-small.gif);
}

a.pledge-local:hover, .pledge-local {
    background-position: -576px -0px;
}

.mini-pledge-local {
    background-image: url(/wp-content/themes/vegpledge-theme/local-small.gif);
}

a.pledge-veg:hover, .pledge-veg {
    background-position: -768px -0px;
}

.mini-pledge-veg {
    background-image: url(/wp-content/themes/vegpledge-theme/veg-small.gif);
}

a.pledge-seafood:hover, .pledge-seafood {
    background-position: -0px -192px;
}

.mini-pledge-seafood {
    background-image: url(/wp-content/themes/vegpledge-theme/seafood-small.gif);
}

a.pledge-garden:hover, .pledge-garden {
    background-position: -192px -192px;
}

.mini-pledge-garden {
    background-image: url(/wp-content/themes/vegpledge-theme/garden-small.gif);
}

a.pledge-mug:hover, .pledge-mug {
    background-position: -384px -192px;
}

.mini-pledge-mug {
    background-image: url(/wp-content/themes/vegpledge-theme/mug-small.gif);
}

a.pledge-organic:hover, .pledge-organic {
    background-position: -576px -192px;
}

.mini-pledge-organic {
    background-image: url(/wp-content/themes/vegpledge-theme/organic-small.gif);
}

a.pledge-trip:hover, .pledge-trip {
    background-position: -768px -192px;
}

.mini-pledge-trip {
    background-image: url(/wp-content/themes/vegpledge-theme/trip-small.gif);
}

a.pledge-packaging:hover, .pledge-packaging {
    background-position: -0px -384px;
}

.mini-pledge-packaging {
    background-image: url(/wp-content/themes/vegpledge-theme/packaging-small.gif);
}

a.pledge-transport:hover, .pledge-transport {
    background-position: -192px -384px;
}

.mini-pledge-transport {
    background-image: url(/wp-content/themes/vegpledge-theme/transport-small.gif);
}

a.pledge-cooking:hover, .pledge-cooking {
    background-position: -384px -384px;
}

.mini-pledge-cooking {
    background-image: url(/wp-content/themes/vegpledge-theme/cooking-small.gif);
}

a.pledge-herbs:hover, .pledge-herbs {
    background-position: -576px -384px;
}

.mini-pledge-herbs {
    background-image: url(/wp-content/themes/vegpledge-theme/herbs-small.gif);
}

a.pledge-venues:hover, .pledge-venues {
    background-position: -768px -384px;
}

.mini-pledge-venues {
    background-image: url(/wp-content/themes/vegpledge-theme/venues-small.gif);
}

/* Below taken from facebox: http://github.com/defunkt/facebox */

#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
  /* ie 6 hack -- if the global table width is set to anything it could cause us issues*/
  -width:0%;
}

#facebox tr {
    border: 0;
    padding: 0;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 770px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression("document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");
}

