/*
Theme Name: 	Starkers Child
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally stark Wordpress theme!
Version: 		4.0
Author: 		Ryan Karpeles
Author URI: 	http://viewportindustries.com
Template:       starkers-master
Tags: 			starkers, clean, basic
*/


/* 
==========================================================
TABLE OF CONTENTS:
==========================================================
0.0 - Sensible defaults 
1.0 - Base
2.0 - Layout
		- Header
		- Content
		- Sidebars
		- Footer
3.0 - Theme
		- Typography
		- Icon Fonts
		- Background 
		- Forms
		- Buttons
		- Slider
		- Widgets
		- Posts
		- Pages
		- Comments
		- Archives Page 
		- Search Results Page
		- Miscellaneous 
		- Helper Classes
		- Responsive Nav Menu
4.0 - Responsive 
==========================================================
*/


/* =======================================================
   Import parent theme stylesheet 
   ======================================================= */  
   
@import url("../starkers-master/style.css");
   

/* =======================================================
   0.0 Sensible defaults 
   ======================================================= */   
  
.group:after { 
  display: block; 
  height: 0; 
  clear: both; 
  content: "."; 
  visibility: hidden; } /* For clearing */   
  
::selection { 
  background:#3297fd; 
  color:#fff; } /* Text highlighting color */
  
::-moz-selection { 
  background:#3297fd; 
  color:#fff; } /* Text highlighting color (Firefox) */
  
  
/* =======================================================
   1.0 $Base
   ======================================================= */
   
/**
 * Preserve box model regardless of padding, margins, etc. More info here: 
 * http://css-tricks.com/box-sizing/ 
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/ 
 */
* {	 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
   
body {
  font-family: Arial, 'Helvetica Neue', sans-serif;
  color: #222;
  font-size: .95em;
  line-height: 1.4;
  background: #e5e5e5; }
  
p {
  margin: 0 0 1.25em 0; }
  
a {
  color: #a00;
  text-decoration: none; }
  
a:hover, a:active {
  color: #222; }
  
img {
  max-width: 100%;
  vertical-align: middle; }
  
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }
  
li {
  position: static; } /* Override 'position:relative' in original Starkers theme */ 

.clearfix:before, 
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }
  
.clearfix {  
  *zoom: 1; } /* For IE 6/7 only */ 
  
  
/* =======================================================
   2.0 $Layout
   ======================================================= */
  
.container1 { /* Reveal the .sidebar-left */
  float: left;
  position: relative;
  width: 100%;
  right: 60%;  
  background: #ededed; } 
  
.container2 { /* Reveal the .content section */
  float: left;
  position: relative;  
  width: 100%;
  right: 20%;
  background: #fff; }  
  
.container3 { /* Reveal the .sidebar-right */
  float: left;
  position: relative; 
  width: 100%;
  overflow: hidden;
  background: #ededed; }
  
.wrap {
  width: 80%;
  max-width: 980px;
  min-width: 200px;
  margin: 40px auto;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	 -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
		  box-shadow: 0 2px 10px rgba(0, 0, 0, .2); }
  
/* Header
   ======================================================== */ 
  
header {
  position: relative;
  z-index: 100; /* Keep logo above wrap overlap */
  margin-bottom: 0; } /* Remove spacing beneath header; */ 
  
.logo { /* For H1 class in header */
  margin-bottom: 0; }
  
.main-logo-h1 { /* Hide text from appearing on screen */
    background-color: transparent;
    border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px; }

.main-logo-h1:before {
    content: "";
    display: block;
    width: 0;
    height: 0; }
  
/* Content
   ======================================================== */ 
   
.content { 
  float: left;
  position: relative;
  width: 60%;
  left: 80%;
  overflow: hidden;
  padding: 21px 3% 25px; } 
  
/**
 * Lists
 */ 
 
.content ul {
  overflow: hidden;  
  margin: 0 0 1.25em 0;
  padding-left: 2.25em; } 
 
.content li {
  list-style: disc; }
  
.content ol {
  overflow: hidden;
  margin: 0 0 1.25em 0;
  padding-left: 2.25em; }
  
.content ol li { 
  list-style-type: decimal; }
   
/* Sidebars
   ======================================================== */ 
   
.sidebar-left { 
  float: left;
  position: relative;
  width: 20%;
  left: 80%;
  padding: 25px 2.1%; /* Left and Right padding must be same as L/R padding on footer */
  overflow: hidden; }
  
.sidebar-right { 
  float: left;
  position: relative;
  width: 20%;
  left: 80%;
  padding: 25px 2.1%; /* Left and Right padding must be same as L/R padding on footer */
  overflow: hidden; }

.sidebar li {
  list-style-type: none;
  padding: 6px 0;
  border-bottom: 1px solid #d8d8d8; }

.sidebar li:first-child {
  border-top: 1px solid #d8d8d8; }
  
.sidebar a {
  text-decoration: none; }
  
.sidebar ul {
  margin-bottom: 16px; }

#menu-left-sidebar-menu {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
  font-weight: 700;
  font-size: .975em; } 

#menu-left-sidebar-menu li:first-child {
  border-top: none;
  padding-top: 0; } 
  
.search-wrap {
  margin: 10px 0 15px; }
  
/* Footer
   ======================================================== */ 
  
footer {
  width: 100%;
  overflow: auto; /* Cause footer to contain nested floating divs */
  zoom: 1;
  padding: 14px 2.1%; /* Left and Right padding must be same as L/R padding on .sidebar-left and .sidebar-right */
  background: #1c1c1c;
  color: #fff;
  clear: both; } 
  
.footer-menu {
  float: left;   
  width: 75%;
  margin-right: 5%; }
  
.footer-menu li {
  display: inline-block;
  padding: 5px 15px 5px 0; }
  
.footer-menu a {
  color: #ddd;
  text-decoration: none;
  font-size: .9em; }
  
.footer-menu a:hover, .footer-menu a:active {
  text-decoration: underline; }
  
.icon-links {
  float: right;
  width: 20%;
  text-align: right;
  padding-top: 3px;
  font-family: 'icomoon';
  font-size: 1.3em; }  
  
.icon-links a {
  display: inline-block;
  color: #eee; }

.icon-links a:hover, .icon-links a:active {
  color: #aaa; }
  
/**
 * Target IE10 without conditional comments, which it doesn't support.
 * Based on this article by Chris Coyier: http://css-tricks.com/ie-10-specific-styles/
 */

html[data-useragent*='MSIE 10.0'] .icon-links a {
  margin-left: 5px; }
  
/** 
 * Target Firefox only 
 */
@-moz-document url-prefix() { 
  .icon-links a {
     margin-left: -8px;
  }
}

/* =======================================================
   3.0 $Theme
   ======================================================= */ 
   
/* Typography
   ======================================================= */  

h1, .alpha   { font-size: 1.5em; }
h2, .beta    { font-size: 1.3em; margin-top: .5em; margin-bottom: .75em;  }
h3, .gamma   { font-size: 1.17em; margin-top: .5em; margin-bottom: .75em; }
h4, .delta   { font-size: 1em; margin-bottom: .75em; }
h5, .epsilon { font-size: .83em; }
h6, .zeta 	 { font-size: .75em; } 

h1, h2, h3, h4, h5, h6 {
  line-height: 1.325; }

blockquote {
  padding: 20px;
  margin-bottom: 1.25em;
  background: #f6f6f6;
  border-left: 5px solid #dedede;}
  
blockquote p:last-child {
  margin: 0; }  
  
.page-heading {
  margin-bottom: .5em;
  padding-bottom: .25em;
  font-size: 1.65em;
  border-bottom: 1px solid #dedede; }  
 
.heading-alt {
  padding-bottom: .5em; 
  border-bottom: 1px solid #d8d8d8; 
  margin-bottom: 0; }
  
/* Icon Fonts
   ======================================================= */
   
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
  	url('fonts/icomoon.svg#icomoon') format('svg'),
  	url('fonts/icomoon.woff') format('woff'),
  	url('fonts/icomoon.ttf') format('truetype');	
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Background 
   ======================================================= */
 
/**
 * Explanation at link below (using "CSS-Only Technique #2"):
 * http://css-tricks.com/perfect-full-page-background-image/
 */ 
 
.background {
  position: fixed; 
  z-index: -100;
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%; }
  
.background img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%; } 
  
/* Forms
   ======================================================== */ 
 
input[type="text"], 
input[type="email"] {
  width: 100%; 
  max-width: 260px;
  padding: 3px 4px;
  border: 1px solid #999; }  
  
textarea {
  width: 100%;
  padding: 3px 4px;
  color: #222;
  border: 1px solid #999;
  font-family: Arial, sans-serif; }
  
.search-form label {
  display: none; }
	
#searchsubmit {
  margin-top: 7px;
  font-size: .85em; }
  
#mc_embed_signup {
  background: #f0f0f0;
  padding: 15px 20px 20px; }
  
#mc_embed_signup input[type="text"], 
#mc_embed_signup input[type="email"] {
  border: 1px solid #c6c6c6; }
  
.signup-form-header {
  margin-top: 20px;
  padding: 8px 20px;
  background: #e0e0e0; }
  
.mc-field-group {
  margin-bottom: 5px; }
  
#mc-embedded-subscribe {
  margin-top: 10px;
  padding: 6px 12px;
  background: #a00;
  color: #fff;
  font-weight: 700;
  border: none;
  -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px; }
		  
#mc-embedded-subscribe:hover, 
#mc-embedded-subscribe:active {
  background: #333; }

.required-text {
  font-size: .9em;
  font-style: italic;
  margin-bottom: .75em; }  
  
.asterisk {
  color: #a00; }

/**
 * Buttons
 */

.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0.35em 1.2em .4em;
  cursor: pointer;
  background-color: #900;
  border-top: 1px solid #7e0000;
  border-right: 1px solid #740000;
  border-bottom: 1px solid #700000;
  border-left: 1px solid #740000;	
  text-align: center;
  text-shadow: 0 1px 1px rgba(100, 100, 100, 1);
  font-weight: 700;
  color: #fff;
  font-size: .9em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b00000), color-stop(100%, #900));
  background-image: -webkit-linear-gradient(top, #b00 0%, #900 100%);
  background-image:    -moz-linear-gradient(top, #b00 0%, #900 100%);
  background-image:     -ms-linear-gradient(top, #b00 0%, #900 100%);
  background-image:      -o-linear-gradient(top, #b00 0%, #900 100%);
  background-image:         linear-gradient(top, #b00 0%, #900 100%);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
  	   -o-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
  		  box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);	 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
  	   -o-border-radius: 4px;
  		  border-radius: 4px; }
		  
.btn:hover, .btn:active {
  background: #b00;
  border-top: 1px solid #860000;
  border-right: 1px solid #830000;
  border-bottom: 1px solid #780000;
  border-left: 1px solid #830000;	
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d00000), color-stop(100%, #900));
  background-image: -webkit-linear-gradient(top, #e00000 0%, #a00000 100%);
  background-image:    -moz-linear-gradient(top, #e00000 0%, #a00000 100%);
  background-image:     -ms-linear-gradient(top, #e00000 0%, #a00000 100%);
  background-image:      -o-linear-gradient(top, #e00000 0%, #a00000 100%);
  background-image:         linear-gradient(top, #e00000 0%, #a00000 100%);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 5px rgba(100, 100, 100, 0.5);
     -moz-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 5px rgba(100, 100, 100, 0.5);
       -o-box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 5px rgba(100, 100, 100, 0.5);
  		  box-shadow: inset 0 1px 0 0 rgba(255, 115, 100, 0.4), 0 1px 5px rgba(100, 100, 100, 0.5); }
		  
.btn-1, 
#searchsubmit, 
#submit {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 5px 10px;
  cursor: pointer;
  background-color: #f9f9f9;
  border-top:    1px solid #a0a0a0;
  border-right:  1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left:   1px solid #a0a0a0;	
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  font-weight: 700;
  color: #a00;
  font-size: .9em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
  background-image: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image:    -moz-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image:     -ms-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image:         linear-gradient(top, #fff 0%, #ddd 100%);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
       -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  		  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);	 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
  	      border-radius: 4px; }

.btn-1:hover, 
.btn-1:active, 
#searchsubmit:hover, 
#searchsubmit:active, 
#submit:hover, 
#submit:active {
  background: #ededed;
  border-top:    1px solid #9b9b9b;
  border-right:  1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  border-left:   1px solid #9b9b9b;		
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #cdcdcd));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
  background-image:    -moz-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
  background-image:     -ms-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
  background-image:      -o-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
  background-image:         linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(100, 100, 100, 0.3);
     -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(100, 100, 100, 0.3);
       -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(100, 100, 100, 0.3);
  		  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(100, 100, 100, 0.3); }	
			
.btn-1:active, 
#searchsubmit:active,
#submit:active {
  position: relative;
  bottom: -1px; } 
  
/**
 * Slider
 */
 
.slider {  
  padding-bottom: .75em;
  margin-bottom: 1em;
  margin-top: .2em;
  border-bottom: 4px double #dedede; }
  
.slides img {
  border: none; }  
  
.slides .caption a {
  color: #ccc;
  text-decoration: none; }
  
.slides .caption a:hover {
  text-decoration: underline; }
  
.slider ol {
  margin: 0; }
 
/**
 * Widgets 
 */ 
  
.widget-title {
  margin-bottom: 0;
  padding-bottom: 4px;
  border-bottom: none; }

.widget_rss .widget-title a {
  color: #333; }
  
.widget_rss ul {
  font-size: .875em;
  line-height: 1.35; }
  
.widget_rss li {
  padding: 6px 0; }
  
.widget_rss cite {
  font-size: .9em;
  color: #333; }

.rss-date {
  display: block;
  color: #333;
  font-size: .9em;
  margin-top: 2px; }
     
.rsswidget img {
  display: none; } 
  
.archive-link-all {
  margin-top: -16px; 
  margin-bottom: 16px; 
  padding: 4px 0; 
  border-bottom: 1px solid #d8d8d8; }
  
/**
 * Posts 
 */ 
 
.posts-nav, .posts-nav-home {
  float: right; }
  
.posts-nav a {
  padding: 4px 7px;
  margin: 0 2px;  
  background: #ededed;
  -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
		  border-radius: 2px; }
		  
.posts-nav a:hover {
  background: #ddd;
  color: #a00; }
  
.page-numbers.current {
  padding: 3px 5px; }
  
.posts-nav-single {
  width: 100%;
  float: right;
  text-align: right;
  border-top: 1px solid #dedede;
  margin-top: 5px;
  padding-top: 10px; }
  
/**
 * Archives Page
 */
 
.archive-list li {
  margin-left: 1.5em;
  list-style-type: disc; }
  
/**
 * Search Results Page
 */
  
.search-result-link {
  padding: .5em 0 .1em; 
  margin: .1em 0 0; }
  
.search-time-date {
  margin-bottom: 2px; }
 
.search-results .excerpt-link {
  display: none; }
  
.search-results .excerpt {
  padding-bottom: .5em;
  margin-bottom: 0; }
  
.search-results .excerpt p {
  margin-bottom: .5em; }
  
.search-posts-nav {
  margin-top: 1.2em; }
 
/**
 * Comments 
 */ 
 
.comments-section {
  padding-top: .75em;
  margin-top: .25em;
  border-top: 1px solid #dedede; }
    
#comments li {
  border-bottom: 1px solid #dedede;
  list-style-type: none;
  margin-bottom: 1.25em; }
  
#comments .comment-name {
  font-size: 1.1em;
  margin-bottom: .15em; }
   
#comments label {
  width: 100%;
  display: block; }

#comments img {
  float: left;
  margin-right: 15px; }
  
.comments-number {
  padding-bottom: .5em;
  margin-bottom: 1.25em;
  border-bottom: 1px solid #dedede; }
  
.comments-time {
  margin-bottom: .4em; } 
       
/**
 * Miscellaneous 
 */ 

.time-date {
  margin: .5em 0 .75em; }

.post-time-date {  
  padding-bottom: .25em; }
  
.excerpt {
  padding-bottom: 1.3em; 
  margin-bottom: 1.2em;
  border-bottom: 1px solid #dedede; }
  
.excerpt p {
  margin-bottom: .7em; }  
  
.share-this {
  margin-bottom: .7em; }
  
.excerpt-thumb img {
  float: left;
  border: 4px double #ccc;
  margin: 2px 15px 1px 0; }  
  
.content-thumb img {
  float: left;  
  border: 4px double #ccc;
  margin: 3px 15px 5px 0; } 
   
/**
 * Helper Classes
 */  

.bot-mar-0 { margin-bottom: 0; }
.bot-mar-1 { margin-bottom: .25em; }
.bot-mar-2 { margin-bottom: .5em; }
.bot-mar-3 { margin-bottom: .75em; }
.bot-mar-4 { margin-bottom: 1em; }
.bot-mar-5 { margin-bottom: 1.25em; }
.bot-mar-6 { margin-bottom: 1.5em; }
.bot-mar-7 { margin-bottom: 2em; } 

/**
 * Responsive Nav Menu
 */
   
#toggle-nav {
  display: none;
  padding: 8px 15px; } 
  
.widget_nav_menu {
  display: block; 
  overflow: hidden; }
  
  
/* =======================================================
   4.0 $Responsive 
   ======================================================= */   
   
/* Max Queries
   ======================================================= */

@media only screen and (max-width: 980px) {

	.wrap {
	  width: 90%;
	  margin: 30px auto; }
	  
}   
  
@media only screen and (max-width: 760px) {	
	
	.hide-tablet-mobile {
	  display: none; }
	
	.wrap {
	  margin: 20px auto; }	 
	
	.container1 {
	  width: 100%;  
	  left: 20%; 
	  background: #fff; } 
	  
	.container2 {
	  width: 100%;
	  background: white;   
	  border: none; } 

    .container3 {
	  width: 100%;
	  background: white;   
	  border: none; } 	  
	  
	.content { 
	  left: 0;
	  width: 100%;
	  padding: 15px 6% 15px;   
	  border-left: none; } 	
	   
	.sidebar-left {	  
	  left: 0;
	  width: 100%;
	  overflow: hidden;
	  padding: 15px 6% 10px;
	  background: #ededed; }
	  
	.sidebar-right { 
	  left: 0;
	  width: 100%;
	  padding: 20px 6%;
      background: #ededed; }
	  
	.slider {
	  margin-top: .3em; }	

    .issue {
	  display: none; }

    input[type="text"], 
    input[type="email"] {
      max-width: none; } 	  

    .search-wrap {
	  margin: 5px 0 0;
	  padding-top: 12px; 
	  border-top: 3px solid #d8d8d8; }
	
	.search-wrap.widget-title {
	  display: none; } 
	  
	.search-form .widget-title {
      display: none; }		
	  
	.search-form input[type="text"] {
      display: block;
	  float: left;
	  width: 80%; 
	  margin-right: 1.5%;
	  max-width: 999999px;
      padding: 3px 4px;
      color: #222; }
	   
	#searchsubmit {
	  float: left; 
	  position: relative;
	  top: -8px;	  
	  width: 18.5%;	  
      padding: 5px 1.5%; }
	  
	footer {
	  padding: 15px 6%; }
	  
	.footer-menu {
	  width: 100%;
      margin-right: 0; }

    .footer-menu li {
	  display: block;
	  padding: 4px 0; }	  
	  
	.icon-links {
      float: left;
      width: 100%;
      text-align: left;
      margin-top: 8px; }
	  
	.icon-links a {
	  padding-right: 5px; }
	  
	/**
	 * Target IE10 without conditional comments, which it doesn't support.
	 * Based on this article by Chris Coyier: http://css-tricks.com/ie-10-specific-styles/
	 */
	 
	html[data-useragent*='MSIE 10.0'] .icon-links a {
	  margin-left: 0;
      margin-right: 5px; }  
	
	  
	/**
	 * Target Firefox only 
	 */		  
	 
	@-moz-document url-prefix() { 
	  .icon-links a {
		 margin-left: 0;
		 margin-right: -8px;
	  }
	}
	  
	/**
	 * Responsive Nav Menu
	 */
	 
	#toggle-nav {
	  display: block;
      margin-bottom: 10px;
      cursor: pointer; }

	.widget_nav_menu {	  
	  height: 0; }
	  
	.widget_nav_menu.showing {        
      margin-top: 15px;
      height: auto; }
		
    .widget_nav_menu.hiding {        
      height: 0; } 
	  
	#menu-left-sidebar-menu li {
      padding: 0; }

    #menu-left-sidebar-menu li a { /* Allow entire list item to be clickable */
      display: block;
      padding: 6px 0; }
		
}

@media only screen and (max-width: 600px) {   

	body {
	  background: url('images/tweed.png') repeat; }
	  
	.background, .background img {
	  display: none; }
	   
	.slider {
	  display: none; }
	  
	.search-form input[type="text"] {       
	  width: 75%; 
	  margin-right: 1.5%; }
	   
	#searchsubmit {	  
	  width: 23.5%; }
	  
}

@media only screen and (max-width: 500px) {

    .wrap {
	  width: 90%;
      margin: 15px auto; }

    .search-form input[type="text"] {       
	  width: 68%; 
	  margin-right: 1.5%;	   }
	   
	#searchsubmit {	  
	  width: 30.5%; }	  
	  
}

@media only screen and (max-width: 350px) {

    .search-form input[type="text"] {       
	  width: 65%; 
	  margin-right: 1.5%; }
	   
	#searchsubmit {	  
	  width: 33.5%; }	  
	  
}