/*
The styles in this stylesheet only apply to resolutions 768px and up

CALCULATING DIMENSIONS:
----------------------
The layout is fluid. The site wrapper (.col-full) has a fixed pixel max-width.
All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result
Credit - http://www.alistapart.com/articles/fluidgrids/

-----
INDEX
-----

1. Global dropdown styles
2. Top Navigation
3. Main navigation dropdown menus
 -3.1 General dropdown menus
4. Containers & Columns
5. Footer widgets
6. IE Fixes

/*----------------------*/

/*----------------------*/
@media only screen and (min-width: 768px) {
  /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
  
  /* 4. CONTAINERS & COLUMNS */
  #header hgroup {
    float: left;
    margin: 0 1.618em 0 0;
  }
  #header hgroup h1,
  #header hgroup h2,
  #header hgroup h3 {
    float: none;
  }
  #header ul.cart li a {
    background: #4874a7;
  }
  #header #searchform {
    margin-bottom: 0;
  }
  #header .search_main {
    float: right;
    margin: 0.53em 0 0;
  }
  #featured .flexslider .slide-content {
    float: left;
    width: 48%;
  }
  #featured .flexslider .slide-media {
    float: right;
    width: 48%;
    margin: 0;
  }
  #featured .flexslider.full-width-slide .has-video .slide-media {
    float: none;
    width: 100%;
    height: auto;
  }
  #featured .flexslider .no-image.no-video .slide-content {
    width: 100%;
  }
  #featured-slider.flexslider .has-slide-background {
    position: relative;
  }
  #featured-slider.flexslider .has-slide-background .slide-background {
    z-index: 1;
  }
  #featured-slider.flexslider .has-slide-background .slide-content {
    width: 48%;
    position: absolute;
    bottom: 2em;
    /*left: 2em;*/
  }
  #main.fullwidth,
  .layout-full #main,
  .col-full {
    max-width: 75.998em;
    margin: 0 auto;
    width: 100%;
  }
  #main {
    width: 68%;
  }
  #connect {
		background: #f9f9f9;
		margin: 0 0 2.618em;
		padding: 1.618em;
		border: 1px solid #e6e6e6;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		height:250px;
		clear: both;
	}
	#connect .related-posts {
    border-top: 0;
    border-left: 1px solid #e6e6e6;
    margin-top: 0;
    padding-top: 0;
    padding-left: 1em;
	}
	#connect .col-left,#connect .col-right {
		width: 48%;
	}
	#connect .col-left {
		float: left;
	}
	#connect .col-right {
		float: right;
	}
	.related-posts .woo-sc-related-posts ul{
		list-style-type: none;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}