@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

#snippet-search {
  background-color: #ccc;
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  padding: 20px;
  margin: 0 0 15px 0; 
  position: relative;
}
  .submit-snippet-button, .submit-snippet-button:hover, .submit-snippet-button:active {
    position: absolute;
    top: 12px;
    right: 20px;
	border: 0;
  }

#snippets-breadcrumbs { 
  margin: 0 0 15px 0; 
  position: relative; 
  padding: 8px 100px 8px 12px; 
  font-size: 16px; 
  background: #eee; 
}

#main-content #snippet-nav { 
  list-style: none; 
  position: relative; 
  width: 100%; 
  margin: 0; 
  padding-bottom: 30px; 
}
#main-content #snippet-nav > li { 
  max-width: none;
  line-height: 1;
}
#main-content #snippet-nav > li > a { 
  border: 0; 
  margin: 0 0 1px 0; 
  display: block; 
  padding: 10px 25px; 
  color: white;
  text-shadow: 0 2px 0 rgba(0,0,0,0.25); 
  font-size: 12px; 
  font-weight: bold;
  background: #999;
}
#main-content #snippet-nav > li > a:hover { 
  opacity: 0.5;
}
#main-content #snippet-nav > li > ul { 
  padding: 0 0 25px 0; 
  margin: 0; 
  list-style: none; 
  text-align: justify;
}
#main-content #snippet-nav > li > ul > li { 
  margin: 0 5px 0 0; 
  display: inline;
  
}
#main-content #snippet-nav > li > ul > li > a { 
  display: inline-block; 
  padding: 6px 12px; 
  font-weight: normal; 
  font-size: 12px;
  font: 12px HelveticaNeueLTStd45Light;
  margin: 5px 0 0; 
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  white-space: nowrap;
  color: white;
  font-weight: normal;
  /*text-shadow: 0 1px 0 rgba(0,0,0,0.4);*/
  margin-right: 4px;
  
     -moz-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
  -webkit-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;  

}

#main-content #snippet-nav > li > ul > li > a:hover {
  /*background: white;*/
  background:#5acfef;
  color: white;
  text-shadow: none;
  border: 0;
  /*-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4);
  box-shadow: 0 0 6px rgba(0,0,0,0.4);*/
  
     -moz-transition: all 0.1s ease-out;  
       -o-transition: all 0.1s ease-out;  
  -webkit-transition: all 0.1s ease-out;  
      -ms-transition: all 0.1s ease-out;  
          transition: all 0.1s ease-out;  

}

/*#main-content #snippet-nav li.page-item-3222 a { background: #f3a01e; }*/
#main-content #snippet-nav li.page-item-3222 a { background: #1ab7ea; }
#main-content #snippet-nav li.page-item-3826 a { background: #f3cb20; }
#main-content #snippet-nav li.page-item-3231 a { background: #9dc425; }
#main-content #snippet-nav li.page-item-3357 a { background: #4b8db5; }
#main-content #snippet-nav li.page-item-3245 a { background: #7c48b5; }
#main-content #snippet-nav li.page-item-3233 a { background: #a75375; }
#main-content #snippet-nav li.page-item-3229 a { background: #d05d2a; }

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

	.submit-snippet-button {
		position: static;
	}
	#snippet-search input[type=search] {
		width: 100%;
		margin: 0 0 20px 0;
	}

}