/*   
Theme Name: Buy Piranha Theme
Theme URI: N/A
Description: Buy Piranha theme based on the <a href="http://themeshaper.com/thematic-for-wordpress/">Thematic theme</a>.
Author: Tu Tak Tran
Author URI: http://tutaktran.com/
Template: thematic
Version: 1.0
Tags: Thematic

*/

/* 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');

/* ---- Buy Piranha custom theme ---------------------------------------------------------------------------- */
/* 
 * Colours:
 *     #27343C    Background colour
 *     #1E2B33    Darker background colour
 *     #9BBACE    Text colour
 *     #3F4950    Border colour
 */


.hidden {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* General
---------------------------------------------------------------------- */
body {
  background: #27343C;
  color: #9BBACE;
}

#wrapper {
  margin: 35px auto;
  text-align: left;
  width: 960px;
  border: 1px solid #3F4950;
  background-color: #1E2B33;
}

#content {
  background-color: #27343C;
  border: 1px solid #3F4950;
  padding: 20px;
}

#primary {
  border:1px solid #3F4950;
  background-color: #27343C;
}

#main {
  background-color: #1E2B33;
  padding-top: 30px;
}

a:link,
a:visited {
  color: #ffffff;
}

a:active, a:hover,
.aside a:active, .aside a:hover {
  color: #6F6F6F;
}

a:focus {
  border: 1px dotted gray;
}
.entry-meta a {
  color: #ffffff;
}

p, ul, ol, dd, pre {
  margin-bottom: 1em;
  font-family: Helvetica,Arial,sans-serif;
}

/* Header
---------------------------------------------------------------------- */
#branding {
  background: transparent url(images/buy_piranha_header.jpg) no-repeat 0 0;
  padding-top: 30px;
  width: 960px;
}

  #header #blog-title a {
    width: 420px;
    height: 65px;  
    display: block;
    margin-left: 10px;
    text-indent: -90000px;
  }
  
#blog-description {
  margin-left: 15px;
  display: none;
}

/* Footer
---------------------------------------------------------------------- */
#footer {
  border-top:1px solid #3F4950;
}

#siteinfo a:active, #siteinfo a:hover {
  color: #999999;
}

/* Asides
---------------------------------------------------------------------- */
.aside h3 {
  color: #9BBACE;  
}


/* Search
---------------------------------------------------------------------- */
.aside input { 
  /*width: 175px;*/
}

/* Menu
---------------------------------------------------------------------- */
.menu {
  width: 949px;  
  margin: 0 0 0 10px;
}

.sf-menu {
  border: none;
}

.sf-menu a,
.sf-menu a:link,
.sf-menu a:visited {
  padding: 10px 10px 9px; 
  border: none;
  display: block;
  color: #666666;
}

.sf-menu li {
  background-color: transparent; 
  border: none;
}

.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, 
.sf-menu .current_page_parent a {
  background-color: #1E2B33;
  color: #567385;
  border-top: 1px solid #3F4950;
  padding-top: 9px; /* 1px less for the border */
}

.sf-menu li:hover, 
.sf-menu li.sfHover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
  color: #567385;
  background-color: #1E2B33;  
  /*border-bottom: 1px solid #1E2B33;*/
}

#access {
  /*border-top: 1px solid #3F4950;*/
  border: none;
  background-color: #10171C;
  height: 32px;
}

/* Featured
---------------------------------------------------------------------- */
#featured {
  padding-bottom: 20px;
  border-bottom: 1px solid #3F4950;
  margin-bottom: 15px;
}


/* Blog items
---------------------------------------------------------------------- */
.entry-title a:active, .entry-title a:hover,
.entry-meta a:active, .entry-meta a:hover,
.entry-utility a:active, .entry-utility a:hover {
  color: #666666;
}

.wp-caption {
  width: 540px !important;
}
  .wp-caption img {
    width: 540px !important;
    height: auto;
  }

/* Hide utility for the time being */
.entry-utility {
  display: none;  
}

.entry-meta .meta-prep-author,
.entry-meta .author,
.entry-meta .meta-sep-entry-date {
  display: none;
}

/* Comments
---------------------------------------------------------------------- */
#respond {
  background-color: #1E2B33;
}

/* Text widget (amazon)
---------------------------------------------------------------------- */
#text-3 {
  margin-left: -21px;
  margin-bottom: 20px
}

/* Side bar form widget 
---------------------------------------------------------------------- */
.sidebar-form {
  background-color:#27343C;
  border:1px solid #3F4950;
  margin-bottom: 20px;
  margin-left: -22px;
  padding: 20px;
  
  width: 258px
}

.sidebar-form .required-field {
  color: red;
}

.sidebar-form p {
  clear: both;
}

.sidebar-form input {
  width: 150px;
  float: right;  
}
.sidebar-form select {
  float: right;
}

.sidebar-form .wpcf7-validation-errors {
  border-color: red;
  color: red;
  background-color: #ffffff; 
}

.sidebar-form .wpcf7-mail-sent-ok {
  background-color: #ffffff;  
}