/*
Theme Name: Mechanical Dummy 2014
Theme URI: http://www.fishbucket.com/
Author: Fishbucket, Inc.
Author URI: http://fishbucket.com/
Description: Dummy style 2014
Template: simplemag
Version: 2.0
*/


@import url("../simplemag/style.css");

/* Your CSS code goes here
-------------------------------------- */

/* general */
	body {
		background: #000;
	}
	/*#outer-wrap,*/ .page-title span, .single-title span, .section-header .title span {
		background: #f4f4f4;
	}
	#inner-wrap {
		background: #f4f4f4;
		max-width: 1080px;
		margin: 0 auto;	
	}
	.page-title, .single-title, .section-header .title, .posts-slider .entry-title {
		font-size: 24px;
	}
	a.read-more {
		overflow: hidden;
	}

/* header */
	header#masthead {
		/* light gradient */
		background: #cccccc;
		background: -moz-linear-gradient(top,  #cccccc 0%, #f4f4f4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#f4f4f4));
		background: -webkit-linear-gradient(top,  #cccccc 0%,#f4f4f4 100%);
		background: -o-linear-gradient(top,  #cccccc 0%,#f4f4f4 100%);
		background: -ms-linear-gradient(top,  #cccccc 0%,#f4f4f4 100%);
		background: linear-gradient(to bottom,  #cccccc 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f4f4f4',GradientType=0 );
		
		 
		/* dark gradient
		background: #555;
		background: -moz-linear-gradient(top,  #555 0%, #aaa 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#aaa));
		background: -webkit-linear-gradient(top,  #555 0%,#aaa 100%);
		background: -o-linear-gradient(top,  #555 0%,#aaa 100%);
		background: -ms-linear-gradient(top,  #555 0%,#aaa 100%);
		background: linear-gradient(to bottom,  #555 0%,#aaa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#aaa',GradientType=0 );
		*/
	}
	span.tagline {
		margin-top: 15px;
		font-size: 14px;
		
		/* dark tagline
		color:#4D4D4D;
		text-shadow:1px 1px 1px rgba(255,255,255,.1);
		*/
	}
	#masthead #branding {
		margin-bottom: 15px;
	}
	#topbanner {
		text-align: center;
/*		background: #000;*/
		margin-bottom: -7px;
		padding-bottom: 0;
	}
	#topbanner img {
		max-width: 100%;
		height: auto;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
/* background link - full screen takeover ad */
	#outer-wrap, #topbanner {
/*		background: #ffffff url('images/bg-foaf.jpg') top center repeat-x fixed;*/
		background: #000;
	}
	a#bglink {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
	}
	 
.vglnk span {
	padding: 0 !important;
	margin: 0 !important;
}	
	
.slides .read-more, .with-sidebar .posts-slider .entry-header .entry-meta {
	font-size: 78% !important;
}
/* home */
	ul.slides li {
		text-shadow: 1px 1px 3px rgba(0,0,0,.3);
	}
	.posts-slider .flex-prev, .posts-slider .flex-next, #submit, .read-more, input[type="submit"], #gallery-carousel:hover .carousel-nav {
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	}
	.posts-slider .flex-prev:hover, .posts-slider .flex-next:hover, #submit:hover, .read-more:hover, input[type="submit"]:hover, #gallery-carousel:hover .carousel-nav:hover {
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
		box-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
	.posts-slider .flex-prev:active, .posts-slider .flex-next:active, #submit:active, .read-more:active, input[type="submit"]:active, #gallery-carousel:hover .carousel-nav:active {
		text-shadow: 2px 2px 3px rgba(0,0,0,.5);
		box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	}
	div.flexslider.posts-slider {
		margin-bottom: 30px;
	}
	.home-categories .section-header .title span {
		display:inline-block;
		margin:0 10px;
		padding:0 10px;	
		font-size: 20px;
		text-decoration: none !important;
	}
	.home-categories .section-header .title a, .home-categories .section-header .title a:hover {
		text-decoration: none !important;
	}
	.home-categories .bottomgrid .entry-summary {
		margin-bottom: 25px;
	}
	
/* nav */
	#masthead .main-menu > ul > li::after {
	/* 	color: #666;	dark bg */
	}
	#masthead .main-menu > ul > li > a,
	#masthead .main-menu > ul > li:after {
		font-size:1.2em;
	}
/*	#secondary-nav li {
		width: 42px;
		background-repeat: no-repeat;
		opacity: .5;
		border: none !important;
		background-position: 0 4px;
	}
	#secondary-nav li:hover {
		opacity: 1;
	}
	#secondary-nav li a {
		width: 50px;
		height:50px;
		display: inline-block;
		text-indent: -999px;
		overflow: hidden;
	}
	
	#secondary-nav .facebook { background-image: url(images/social/facebook.png); }
	#secondary-nav .instagram { background-image: url(images/social/instagram.png); }
	#secondary-nav .pinterest { background-image: url(images/social/pinterest.png); }
	#secondary-nav .soundcloud { background-image: url(images/social/soundcloud.png); }
	#secondary-nav .tumblr { background-image: url(images/social/tumblr.png); }
	#secondary-nav .twitter { background-image: url(images/social/twitter.png); }
	*/
	.color-site-gray, .color-site-gray .sub-menu, .color-site-gray .widget_ti_most_commented li h4 {
		background-color: #ccc;
	}
	
/* entries */
	.entry-summary p {
		font-size: 80%;
	}
	.entry-image {
		opacity:1;
	}
	.entries article .entry-image img, .entry-list article .entry-image img {
		-webkit-transition:all 0.25s ease;
		-moz-transition:all 0.25s ease;
		-o-transition:all 0.25s ease;
		-ms-transition:all 0.25s ease;
		transition:all 0.25s ease;
	}
	nav li, #submit, input#s, .tagline, .sub-title, .copyright, .read-more, .widget h3, .entry-meta, .entry-title, .entry-author, .entry-header, #respond label, .section-header, .comments .vcard, .widget_pages li, .widget_nav_menu li, .widget_categories li, input[type="submit"], .widget_ti-about-site p {
		letter-spacing: .15em;
	}
	.tagline, .sub-title, .main-menu, .entry-meta, .entry-meta a {
		color: #666;
	}
	.page-title, .single-title, .section-header .title {
		background: url("images/section-header.png") repeat-x 0 50%;
	}

	/* NT Add */
	figure.entry-image {
		background-color: transparent;
	
		clip: rect(0px,60px,600px,0px);
}
	
	/* END NT Add */
	
/* widgets  */ 
	.sidebar {
		/* light */
		border-color:#ddd;
		background: #fff;
		
		
		/* dark
		border-color:#ccc;
		background: #bbb;
		*/
	}
	.textwidget .shopify-widget {
		max-width: 100%;
	}
	.sidebar {
		padding: 15px;
	}
	#cmnCompanion div, #cmnCompanion iframe, #cmnCompanion, div#cmn_ad_tag_head.fw_mechanicaldummy {
		max-width: 100%;
		overflow: hidden;
	}
	.widget_archive select {
		width: 100%;
	}
	
/* misc */
	.message { font-weight: normal; letter-spacing: auto; }

	#respond input[type="submit"] {
		background:#fff;
		text-shadow:none;
		border-width:2px;
	}
	#respond input[type="submit"]:hover {
		text-shadow:none;
		background: #eee;
	}
	.nav-next a, .nav-previous a {
		font-weight: normal;
	}
	.entries article .entry-image [class*="icon-"], .entry-list article .entry-image [class*="icon-"] {
		display: none;
	}
	/* logo page - don't scale images up */
	.page-id-37117 .sc-columns div.col img { width: auto !important; }
	.page-id-37117 .sc-columns div.col:last-child img { opacity: .3; }
	.page-id-37117 .sc-columns div.col:last-child img:hover { opacity: 1; }



/*  Media Queries */

	@media only screen and (min-width: 801px) {

	}

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

	}

	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		#masthead .main-menu > ul > li > a,
		#masthead .main-menu > ul > li:after {
			font-size:1.2em;
		}


		#masthead .main-menu .full-width .sub-links img {
			width: 262px;
			height: auto;
		}

	}

	@media only screen and (min-width: 801px) and (max-width: 959px) {

		#masthead .main-menu > ul > li > a,
		#masthead .main-menu > ul > li:after {
			font-size:0.9em;
		}

		#masthead .main-menu .full-width .sub-links img {
					width: 200px;
					height: auto;
		}
		#masthead .top-strip nav > ul > li a {
			padding: 12px 7px;
		}
	}

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

	}

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

	}

	@media only screen and (min-width: 641px) and (max-width: 720px) {	

	}

	@media only screen and (min-width: 481px) and (max-width: 640px) {

	}

	@media only screen and (max-width: 480px) {
		#masthead #searchform { display: none; }
	}

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

	}

	@media only screen and (min-width: 788px) and (max-width: 1024px) {	

	}

/* NT - slide-dock changes */

	.slide-dock-on {
		transform: translate(-360px,0);
		-webkit-transform: translate(-1180px,0);
		-o-transform: translate(-1180px,0);
		-moz-transform: translate(-1180px,0);
	}

	.slide-dock {
		position: fixed;
		bottom: 0;
		right: -1180px;
		width: 805px;
		background: #eeeff0;
		border: 1px solid #000;
		border-right-color: #fff;
		border-left-width: 30px;
		z-index: 999;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}

	#relatedgroup {
		text-align: center;
	} 
	.relatedthumb {
		max-width: 220px; height: auto; display: inline-block; margin: 0px 20px 45px 25px; vertical-align: top;
	}

	.relatedthumb img {
		min-width: 154px;
		height: auto;
	}

/* NT - responsive changes */


	.entry-image img {
		width: 100%;	
	}

	.grid-6 {
		margin-bottom: 20px;
	}

	.grid-6 img {
		max-width: 100%;
		height: auto;
	}

li#menu-item-32630 .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children .sub-menu.full-width .sub-links img {
		width: 100%;
		height: auto;
		display: block;
	}

@media only screen and (min-width: 320px) and (max-width: 800px){
	li#menu-item-35189.menu-item.menu-item-type-custom.menu-item-object-custom, li#menu-item-35190.menu-item.menu-item-type-custom.menu-item-object-custom, li#menu-item-35205.menu-item.menu-item-type-custom.menu-item-object-custom  {
		display: none;
	}
}