/**
 * Theme Name: Hybrid BWD
 * Theme URI: http://www.bostonwebdesigners.net/
 * Description: A customized child theme of the Hybrid theme framework, based on Hybrid News by Justin Tadlock (http://themehybrid.com/themes/hybrid-news).
 * Version: 0.2
 * Author: Boston Web Designers, a division of MBA Team, Inc.
 * Author URI: http://www.bostonwebdesigners.net/
 * Tags: white, blue, theme-options, sticky-post, microformats, two-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2008 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid News is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* Reset browser defaults */
@import url("library/css/reset.css");
/* Apply basic typography styles */
@import url("library/css/typography.css");
/* Apply form styles */
@import url("library/css/forms.css");
/* Content column styles */
/* @import url("library/css/columns.css"); */

/* Site layout styles */

/* Set width of page elements and center */
#header, 
#page-nav, 
#layout-container, 
#footer {
  width: 960px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#header-container {
  border-top: 5px solid #08b2e6;
  background: url(images/bg_header.jpg) repeat-x;
  padding-top: 16px;
}
#site-title, #site-title span {
  margin: 0;
  padding: 0;
}
#site-title a {
  display: block;
  background: url(images/logo.gif) no-repeat;
  height: 41px;
  width: 305px;
  margin: 0 1em;
  padding: 0;
}
#site-title span, #site-description { display: none; }
#site-description {
  margin: 0;
  padding: 0;
}
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font: 1.1em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  float: left;
}
.menu li {
  list-style: none;
  position: relative;
  float: left;
}
.menu a {
  display: block;
}

#page-nav .menu {
  right: 0;
  float: right;
}
#page-nav .menu a {
  padding: 10px 15px;
  color: #00487c;
  font-weight: normal;
}
#page-nav .menu a:focus, 
#page-nav .menu a:hover, 
#page-nav .menu li.current_page_item, 
#page-nav .menu li.current_page_parent, 
#page-nav .menu li.current_page_ancestor, 
#page-nav .menu li.current-cat, 
#page-nav .menu li.current-cat-parent, 
#page-nav .menu li.current-cat-ancestor {
  background: url(images/bg_menu_active.gif) no-repeat center bottom;
  text-decoration: none;
}
#page-nav .menu a:focus, 
#page-nav .menu a:hover {
  background-image: url(images/bg_menu_hover.gif);
  color: #05b0e4;
}

#container {
  background: url(images/bg_body_banner.jpg) repeat-x;
  padding: 2px 0 0;
}

/* Content styles */
.widgets.primary-active .content, 
.widgets.secondary-active .content, 
.widgets.tertiary-active .content {
  float: left;
  width: 73%;
}

.content, 
#content-wrap { position: relative; }
.content { background: transparent url(images/bg_content_tr.png) no-repeat right top; }
.home .content { background: none; }
#content-wrap {
  background: transparent url(images/bg_content_tl.png) no-repeat;
  margin-right: 20px;
  padding: 15px 0 15px 20px;
  min-height: 235px;
  overflow: hidden;
  zoom: 1; /* IE6 hasLayout "fix" */
}

.comments-closed { display: none; }

/* Titles */
.page-title, 
.category-title, 
.single-title {
  position: relative;
  background: url(images/sprite_square_orange.gif) no-repeat left 0.3em;
  padding-left: 16px;
}
.single-title { background-image: url(images/sprite_square_green.gif); }
.child-page-title {
  background-image: none;
  padding-left: 0;
}

/* Header Images & Object styles */
#services-wheel {
  position: relative;
  display: block;
  margin: -3.5em auto 0;
}
#services-wheel { display: none; } /* hide temporarily */

.header-image {
  position: relative;
  clear: both;
  margin-top: 4px;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
}
#header-home, 
#header-portfolio, 
#header-portfolio-item, 
#header-services { height: 0; }
#header-about {
  background-image: url(images/header_aboutus.jpg);
  height: 253px;
}
#header-print-materials {
  background-image: url(images/header_print_gen.jpg);
  height: 253px;
}
#header-branding, #header-logos {
  background-image: url(images/header_branding_nets.jpg);
  height: 267px;
  top: -7px;
}
#header-web-design, #header-website-design {
  background-image: url(images/header_webdesign_fmtv.jpg);
  height: 253px;
}
#header-application-development {
  background-image: url(images/header_application_development.jpg);
  height: 253px;
}
#header-game-programming, #header-games {
  background-image: url(images/header_games_flash_gen.jpg);
  height: 219px;
  top: -9px;
}
#header-flash {
  background-image: url(images/header_flash_gen.jpg);
  height: 273px;
}
#header-the-value-of-social-media, #header-social-network-form {
  background-image: url(images/header_value_of_social_media.jpg);
  height: 249px;
}
#header-internet-marketing {
  background-image: url(images/header_emarketing_hc.jpg);
  height: 255px;
}
#header-content-management {
  background-image: url(images/header_content_management.jpg);
  height: 253px;
}
#header-e-commerce-services, #header-e-commerce {
  background-image: url(images/header_ecommerce_gen.jpg);
  height: 263px;
  top: -4px;
}
#header-flash-animation {
  background-image: url(images/header_flash_gen.jpg);
  height: 273px;
}
#header-game-programming-slideshow {
  height: 233px;
  position: relative;
}
#header-portfolio-slideshow {
  height: 250px;
  overflow: hidden;
  margin-bottom: 1em;
  margin-left: 1px;
}
.header-controls {
  list-style: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: -30px 0 1em;
  padding: 0;
  z-index: 1080;
}
.header-controls li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-controls a {
  display: block;
  float: left;
  margin-right: 1em;
  padding: 2px;
  border: 1px solid #999;
  background-color: #fff;
}
.header-controls a:focus, 
.header-controls a:hover, 
.header-controls a:active, 
.header-controls a.activeSlide {
  border-color: #ec7e25;
  background-color: #ec7e25;
}
.header-controls img { display: block; }

.slideshow { }

.slideshow-controls-container {
  position: relative;
  overflow: hidden;
  clear: both;
}
ul.slideshow-controls {
  float: right;
  right: 50%;
}
ul.slideshow-controls li { left: 50%; }
ul.slideshow-controls .slideshow-controls-title, 
ul.slideshow-controls a {
  display: block;
  float: left;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  margin-right: 0.5em;
}
ul.slideshow-controls a {
  font-weight: bold;
  line-height: 12px;
  margin-right: 4px;
  padding-right: 8px;
  background: url(images/slideshow-control-buttons.jpg) no-repeat right top;
}
ul.slideshow-controls a span {
  display: block;
  float: left;
  height: 12px;
  padding: 4px 0 4px 8px;
  background: url(images/slideshow-control-buttons.jpg) no-repeat left top;
}
ul.slideshow-controls a:hover, 
ul.slideshow-controls a:active, 
ul.slideshow-controls a.activeSlide {
  color: #f2f2f2;
  background-position: right -20px;
  text-decoration: none;
}
ul.slideshow-controls a:active { background-position: right -40px; }
ul.slideshow-controls a:hover span, 
ul.slideshow-controls a.activeSlide span { background-position: left -20px; }
ul.slideshow-controls a:active span { background-position: left -40px; }
ul.slideshow-controls a, 
ul.slideshow-controls a span { cursor: pointer; }

/* Push-Button Links */
.push-button-container {
  display: block;
  position: relative;
  overflow: hidden;
}
a.push-button {
  display: block;
  float: left;
  color: #404040;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
  margin-left: 5px;
  padding-right: 5px;
  background: url(images/push-button.png) no-repeat right top;
}
a.push-button span {
  position: relative;
  display: block;
  float: left;
  height: 20px;
  left: -5px;
  padding: 5px 0 5px 10px;
  background: url(images/push-button.png) no-repeat left top;
}
a.push-button:hover, 
a.push-button:active {
  color: #f2f2f2;
  background-position: right -30px;
  text-decoration: none;
}
a.push-button:active { background-position: right -60px; }
a.push-button:hover span { background-position: left -30px; }
a.push-button:active span { background-position: left -60px; }
a.push-button, 
a.push-button span { cursor: pointer; }

/* Attachments (post meta data) */
.attachment object {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.attachment object.video {
  width: 100%;
  height: 360px;
}
.attachment object.audio {
  width: 100%;
}
.attachment-image .post-meta-data {
  clear: left;
}
.attachment .download {
  display: block;
  margin-bottom: 20px;
}
.attachment-icon, .mime-type-icon {
  height: 20px;
  margin-right: 10px;
  padding: 0;
}
.attachment-application-octet-stream .video {
  height: 400px;
  margin-bottom: 20px;
}


/* Breadcrumb */
.breadcrumb {
  margin: 0 0 15px 0;
  font-size: .9em;
  font-style: italic;
  color: #666;
}
.breadcrumb a {
  color: #111;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #d54e21;
  text-decoration: underline;
}

/* Common classes */
.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
}
.alignright {
  float: right;
  margin: 0 0 1em 1.5em;
}
.aligncenter {
  display: block;
  float: none;
  margin: 0 auto;
}

/* Entry Meta (Tags, Categories, Edit) */
.entry-meta, .byline .edit { font: 0.75em/1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; }
.entry-meta, .entry-meta a, 
.byline .edit, .byline .edit a { color: #bbb; }

.portfolio-categories {
  position: relative;
  overflow: hidden;
  clear: both;
}
.portfolio-categories ul, 
.portfolio-categories li {
  position: relative;
  display: block;
  list-style: none;
  float: left;
  margin: 0 0 1em;
  padding: 0;
}
.portfolio-categories li {
  margin: 0;
  padding: 0;
}
.portfolio-categories a.category-icon {
  position: relative;
  display: block;
  margin: 0 2px;
  padding: 0;
  height: 32px;
  width: 32px;
  background: no-repeat;
}
.portfolio-categories a.category-icon:hover {
  filter: alpha(opacity=50);  /* ie */
  -khtml-opacity: 0.5;    /* khtml, old safari */
  -moz-opacity: 0.5;    /* mozilla, netscape */
  opacity: 0.5;      /* fx, safari, opera */
}
.portfolio-categories a.category-icon span { display: none; }
.portfolio-categories a.icon-website-design { background-image: url(images/icon-website-design.jpg); }
.portfolio-categories a.icon-e-commerce { background-image: url(images/icon-e-commerce.jpg); }
.portfolio-categories a.icon-content-management { background-image: url(images/icon-content-management.jpg); }
.portfolio-categories a.icon-flash { background-image: url(images/icon-flash.jpg); }
.portfolio-categories a.icon-games { background-image: url(images/icon-games.jpg); }
.portfolio-categories a.icon-logos { background-image: url(images/icon-logos.jpg); }
.portfolio-categories a.icon-print-materials { background-image: url(images/icon-print-materials.jpg); }
.portfolio-categories a.icon-case-studies { background-image: url(images/icon-case-studies.jpg); }

/* Child Page & Post Entries */
.content .post, 
.content .page { position: relative; }
.post .entry-summary, 
.page .entry-summary { overflow: auto; }
.child-page, 
.category .post {
  border-top: 1px solid #eee;
  padding-top: 1em;
}
.sidebar .post {
  border-top: 0 none;
  padding-top: 0;
}

.content .post-thumbnail, 
.content .page-thumbnail {
  position: relative;
  float: left;
  padding: 5px;
  border: 1px solid #eee;
  margin: 0 1.5em 1.5em 0;
  z-index: 1;
}

/* About Us Child Page Entries */
.page-about .child-page { clear: left; }

/* Our Team Child Page Entries */
.page-our-team .child-page { clear: left; }

/* Services Child Page Entries */
.page-services .content .page-thumbnail { }
.page-services .content .even .page-thumbnail {
  float: right;
  margin: 0 0 1.5em 1.5em;
}
.page-services .page .entry-summary { overflow: visible; }

/* Portfolio Category Post Entries */
.portfolio-gallery .content .post {
  float: left;
  width: 19%;
  margin: 0 0 1em;
  left: 3%;
  padding-right: 5.5%;
  text-align: center;
  border-top: 0 none;
  padding-top: 0;
}
.portfolio-gallery .content .post.row-break { clear: left; }
.portfolio-gallery .content .post .thumbnail {
  float: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}

/* News Category Sections & Post Entries */
.category-news .section {
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5em;
}
.category-news .section-title {
  position: relative;
  float: left;
  white-space: nowrap;
  margin: 0;
  height: 1.75em;
}
.category-news .section-title a {
  position: absolute;
  bottom: 0;
  left: 0;
}
.category-news .section-title-more {
  position: relative;
  margin-right: 0.5em;
  float: right;
  white-space: nowrap;
  height: 2.25em;
}
.category-news .section-title-more a {
  position: absolute;
  bottom: 0;
  right: 0;
}
.category-news .section .post {
  position: relative;
  overflow: hidden;
  clear: both;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  padding: 1em 1.5em 0;
  margin-bottom: 0;
}
.category-news .section .post-thumbnail, 
.category-briefs .post-thumbnail { }
.category-news .section-briefs .post-thumbnail, 
.category-briefs .post-thumbnail { margin-top: 0.5em; }
.category-briefs .post { clear: both; }
.category-news .section-briefs .entry-summary, 
.category-briefs .entry-summary { padding-top: 1.5em; }
.press-release-date {
  color: #666;
  font-size: 0.875em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

/* Double column entries */
/* .category-news .content .section, */
.page-services .content .child-page, 
.page-tips .content .child-page {
  float: left;
  width: 48%;
  margin: 0 0 1em 0;
}
/* .category-news .content .section.odd, */
.page-services .content .child-page.odd, 
.page-tips .content .child-page.odd {
  margin-right: 4%;
  clear: left;
}
/* .category-news .content .section.even, */
.page-services .content .child-page.even, 
.page-tips .content .child-page.even { margin-left: 0; }
.category-news .content .section-events {
  clear: left;
  width: 100%;
  margin-right: 0;
}

/* Our Team Pages & Siblings Menu */
#bio-header {
  width: 400px;
  margin: 0 auto 1.5em;
  padding-bottom: 0.5em;
  background: #f58a20 url(images/bg-bio-header.png) no-repeat center bottom;
}
#bio-header p { margin-bottom: 0; }
#bio-header .job-title, 
#bio-header .email { margin: 0 0.75em; }
#bio-header .job-title { color: #fefefe; }

.page-parent-our-team .page, 
.page-parent-our-team .column-wrap {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
}
.page-parent-our-team .entry-content {
  float: left;
  position: relative;
  padding: 0 0 1em;
  overflow: hidden;
  width: 400px;
  padding-left: 16px;
}
#sibling-menu-wrap {
  float: left;
  position: relative;
  padding: 0 0 1em;
  overflow: hidden;
  width: 225px;
}
ul#sibling-menu {
  display: block;
  position: relative;
  list-style: none;
  margin-right: 0;
  padding-left: 2em;
  z-index: 1020;
}
ul#sibling-menu li {
  display: block;
  position: relative;
  float: none;
  height: 1%; /* IE6 "fix" */
  border-top: 1px solid #ccc;
}
ul#sibling-menu li.first { border-top: 0 none; }
ul#sibling-menu a {
  display: block;
  position: relative;
  float: none;
  text-decoration: none;
  padding: 5px;
}
ul#sibling-menu a span {
  display: block;
  color: #ccc;
  font-size: 0.8em;
}

/* Images & Image Captions */
.caption { }
.caption-text {
  font-size: 0.8em;
  font-style: italic;
  color: #666;
}
.aligncenter .caption-text { text-align: center; }

.page-contact .map-links {
  float: left;
  clear: both;
  width: 100%;
}
.page-contact .map-links a {
  display: block;
  float: left;
  padding: 5px;
  border: 1px solid #eee;
  margin: 0 1.5em 1.5em 0;
}

/* Series */
.series {
  border-top: 1px solid #eee;
  margin: 1em 0;
  padding: 1em 1em 0;
}
.series-title, 
.series ul {
  float: left;
  margin: 0 1.5em 0 0;
}

/* Pages Links & Page Navigation Links */
.pages {
  text-align: center;
  font-size: 1.1em;
  display: none;
}

.navigation-links {
  position: relative;
  float: right;
  margin: 0 0 5px 5px;
  z-index: 1020;
}
.navigation-links a, 
.navigation-links span {
  position: relative;
  display: block;
  float: left;
  height: 30px;
}
.navigation-links span.previous, 
.navigation-links span.next { width: 25px; }
.navigation-links span.previous, 
.navigation-links span.next { background: url(images/navigation-links-prev-next-sm.png) no-repeat; }
.navigation-links span.previous { background-position: left top; }
.navigation-links span.next { background-position: right top; }
.navigation-links a:focus span.previous, 
.navigation-links a:hover span.previous { background-position: left -30px; }
.navigation-links a:active span.previous { background-position: left -60px; }
.navigation-links span.previous.disabled { background-position: left -90px; }
.navigation-links a:focus span.next, 
.navigation-links a:hover span.next { background-position: right -30px; }
.navigation-links a:active span.next { background-position: right -60px; }
.navigation-links span.next.disabled { background-position: right -90px; }
.navigation-links span.previous span, 
.navigation-links span.next span { display: none; }

/* Sidebar & Widgets */
.sidebar {
  position: relative;
  float: left;
  width: 27%;
  margin: 20px 0 1em;
  z-index: 1010;
}
.sidebar.utility {
  float: none;
  width: auto;
  margin: 0;
}
.sidebar h3 {
  font-size: 1.3em;
}
.sidebar h4 {
  font-size: 1em;
}
.sidebar .widget .thumbnail {
  border: 0 none;
  max-width: 100%;
}
.sidebar .sidebar {
  width: 100%;
  margin-top: 0;
}
.sidebar .widget { margin: 0 1em; }
.sidebar .widget-submenu, 
.sidebar .widget-submenu .widget-inside, 
.sidebar .widget-submenu .widget-inside #submenu-wrap {
  position: relative;
  width: 100%; /* full width of sidebar */
  float: left;
}
.sidebar .widget-submenu {
  overflow: hidden;
  clear: both;
  left: -5px;
  font-size: 1.1em;
  margin: 0 0 4em;
  background: transparent url(images/bg_submenu_tab_br.png) no-repeat right bottom;
}
.sidebar .widget-submenu .current-cat a, 
.sidebar .widget-submenu .current-cat-parent a, 
.sidebar .widget-submenu .current-cat-ancestor a, 
.sidebar .widget-submenu .current_page_item a, 
.sidebar .widget-submenu .current_page_parent a, 
.sidebar .widget-submenu .current_page_ancestor a { font-weight: bold; }
.sidebar .widget-submenu .widget-inside {
  right: 55px; /* tab width */
  background: #ec7e25; /* menu background color */
}
.sidebar .widget-submenu .widget-inside #submenu-wrap {
  display: block;
  overflow: hidden;
  left: 55px;
  min-height: 190px;
  background: url(images/bg_submenu_tab_tr.png) no-repeat right top;
}
.sidebar .widget-submenu h3, 
.sidebar .widget-submenu ul {
  position: relative;
  overflow: hidden;
  float: left;
}
.sidebar .widget-submenu h3 {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 55px;
}
.sidebar .widget-submenu h3 a {
  display: block;
  text-indent: -999em;
  width: 55px;
  margin: 0;
  padding: 20px 0;
  background: url(images/clear.gif) no-repeat center;
}
.sidebar .widget-submenu h3#tab-title-about a {
  height: 96px;
  background-image: url(images/tab_title_about.png);
}
.sidebar .widget-submenu h3#tab-title-our-team a {
  height: 105px;
  background-image: url(images/tab_title_ourteam.png);
}
.sidebar .widget-submenu h3#tab-title-portfolio a {
  height: 97px;
  background-image: url(images/tab_title_portfolio.png);
}
.sidebar .widget-submenu h3#tab-title-services a {
  height: 90px;
  background-image: url(images/tab_title_services.png);
}
.sidebar .widget-submenu h3#tab-title-internet-marketing a {
  height: 202px;
  background-image: url(images/tab_title_internetmarketing.png);
}
.sidebar .widget-submenu h3#tab-title-news a {
  height: 58px;
  background-image: url(images/tab_title_news.png);
}
.sidebar .widget-submenu h3#tab-title-events a {
  height: 73px;
  background-image: url(images/tab_title_events.png);
}
.sidebar .widget-submenu ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0.5em 0;
  width: 68%;
  left: 5%;
}
.sidebar .widget-submenu li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #f2bc52;
  height: 1%; /* IE6 "fix" */
}
.sidebar .widget-submenu li.first {
  border-top: 0 none;
}
.sidebar .widget-submenu li a {
  display: block;
  padding: 2px 4px 2px 0;
  color: #fff;
  font-weight: normal;
}


/* Footer */
#footer-container {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #d2d3d4;
  background: #1b324d;
  color: #ddd;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.2;
  padding: 20px 0;
}
#footer a { color: #fff; }
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: block;
  float: left;
  margin: 0 0.5% 0 2%;
  padding-left: 0.5em;
  border-left: 1px solid #ddd;
}
#footer-nav {
  position: relative;
  float: right;
  text-align: right;
  margin: 0 2% 0 0;
}
#footer-nav ul li {
  clear: both;
  margin: 0 0 0 0.5%;
  padding-right: 0.5em;
  padding-left: 0;
  border-right: 1px solid #ddd;
  border-left: 0 none;
}
#footer-nav ul ul li {
  display: block;
  float: none;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: 0 none;
}
#footer br { clear: both; }