/*

	Theme Name: Sheldon Shirts
	Author: Offroadcode.com
	Version: 1.0
	Description: A custom theme for Sheldonshirts.com
	Website :	http://offroadcode.com
	Twitter :	@offroadcode
	
	CONTENTS
	--------
	- Global reset
	- Global rules
	- Page styles
	- Post styles
	- General bits
		
	- MEDIA QUERIES - Common breakpoints	
	
*/

/* START : Global reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 3px;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
/* END : Global reset */

/* START : Global rules */
* { 
	-moz-box-sizing: 	border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: 		border-box; 
	}

html {
	background: 	#fff;
	color:			#313131;
	font-family: 	"Source Sans Pro", sans-serif;
	font-size: 		100%; /* Set a 16px base size */
	line-height: 	1.25; /* Set a 20px line height */
	}

body, input, textarea, select { 
	font-family: 	inherit;
} 

body {
	padding: 		0;
	margin: 		0 auto;
	width: 			96%;
	max-width: 		48em /* This is 768px */;
	font-size: 		14px;
	font-size: 		.875rem;
	position: 		relative;
}
	
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	margin: 0 0 1em 0;
}	

blockquote {
	margin: 0 0 4em 2em;
	padding: 0 0 0 2em;
	border-left: 3px solid #eee;
	}
	
	blockquote cite {
		font-style: italic;
		color: #888;
		}

p {  
	margin: 0 0 1em 0; 
	}	

a { 
	font-weight: 700;
	color: #222;
	text-decoration: underline;
	}	
	
	a:hover { 
		text-decoration: none;	
		}	

img, 
a img {
	max-width: 		100%;
}

figure { }
	figcaption { }
	
.alignleft,
.alignright { 
	display: block;
	margin: 0 0 1em 0;
	}

.logo {
	float: left;
	width: 100%;
	margin: 1em 0;
	display: inline-block;
	background: #000 url(assets/images/topbanner.jpg) right top no-repeat;
	}
	
	.secondary-content a,
	[role=contentinfo] a {
		color: #fff;
		}
		
[role=contentinfo] {
	background: #ef8406;
	color: #fff;
	font-size: 13px;
	font-size: .8125rem;
	clear: both;
	padding: 1em;
	margin: 1em 0;
	display: inline-block;
	}
	
	[role=contentinfo] p {
		margin: 0;
		}
		
.primary-content {
	width: 100%;
	clear: both;
	margin: 2em 0 0 0;
	float: left;
	display: block;
	}	
	
	.secondary-content {
		clear: both;
		float: left;
		width: 100%;
		}
		
		.widget {
			margin: 0 0 1em 0;
			}
			
			.banner {
				display: none;
				}

.social {
	display: block;
	padding: .4em 1em;
	margin: 1em 0 0 0;
	text-align: center;
	text-decoration: none;
	}
	
	.social:hover {
		background: #fff;
		}
	
	.twitter {
		background: #00acee;
		}
		
		.twitter:hover {
			color: #00acee;
			}
		
	.facebook {
		background: #3B5998;
		}

		.facebook:hover {
			color: #3B5998;
			}
/* END : Global rules */



/* START : Page styles */
.product {
	overflow: hidden;
	width: 100%;
	min-height: 16.7857em;
	clear: both;
	position: relative;
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 0 0 2em 0;
	margin: 2em 0 0 0;
	}
	
	.product:last-child {
		border: 0;
		}
	
	.product-content {
		display: block;
		}
	
	.product img {
		margin: 0 auto;
		
		}
		
	.product h2 {
		font-size: 1.125rem;
		}
	
	.copyright {
		position: absolute;
		top: 15.3571em;
		left: 0;
		margin: 0;
		}
/* END : Page styles */



/* START : Post styles */
.meta {
	color: #888;
	border-top: 1px solid #eee;
	padding-top: 1em;
	}
/* END : Post styles */



/* START : General bits */
		.navigation-trigger {
			float: left;
			margin: 0 1em 0 0;
			padding: .6em;
			display: inline;
			background: #111;
			color: #fff;
			clear: left;
			position: relative;
			z-index: 5;
			}
			
			.navigation-trigger.active {
			
				}
		
		[role=navigation] {
			clear: both;
			background: #d80000;
			padding: 1em;
			margin: 0;
			display: none;
			float: left;
			width: 100%;
			overflow: hidden;
			position: relative;
			z-index: 3;
			}	
			
			[role=navigation].active {
				display: block;
				}
				
	[role=navigation] li {
		position: relative;
		line-height: 1.75;	
		margin: 0 0 1em 0;
		}
		
		[role=navigation] li li {
			margin: 0;
			}

			[role=navigation] li li a {
				line-height: 2.25;
				}
	
	[role=navigation] li a {
		display: block;
		color: #fff;
		padding: 0;
		text-decoration: none;
		z-index: 5;
		}
		
		[role=navigation] li .has-sub-trigger {
			display: inline;
			position: absolute;
			padding: 0 1em;
			right: 0;
			text-decoration: none;
			z-index: 20;
			line-height: 1.75;
			min-width: 2.5em;
			}
		
	[role=navigation] ul ul {
		margin-top: 0;
		}
		
		.sub-menu {
			display: none;
			}
			
			/* Sub menu open when on a page within the sub menu */
			.current_page_item .sub-menu,
			.current-page-parent .sub-menu,
			.has-sub-active .sub-menu {
				display: block;
				}
		
	[role=navigation] li li a {
		padding: 0 0 0 1em;
		}

		[role=navigation] li li li a {
			padding-left: 2em;
			}

	[role=navigation] li a:hover,
	[role=navigation] li.current-menu-item a,
	[role=navigation] li.current-menu-item ul a:hover {
		background: #111;
		color: #fff;
		}
		
.primary-content ul.aligning-list {
	display: table;
	width: 100%;
	margin: 1em 0 0 0;
	}		

	.aligning-list li {
		display: table-cell;
		}		

		.aligning-list li a {
			float: left;
			margin: 0 1em 0 0;
			}		
			
			.aligning-list li:last-child a {
				margin: 0;
				}					
		
		.aligning-list .alignleft,
		.aligning-list .alignright {
			margin: 0;
			float: none;
			}

	.full-pic {
		max-width: none;
		width: 100%;
		}
/* END : General bits */



/* START : MEDIA QUERIES : Some "common" breakpoints - change these to whatever you like */
/* 
	
	Breakpoint sizes in em's for flexibility: 

	-> 30em = 480px
	-> 37.5em = 600px
	-> 48em = 768px

*/
@media only screen and (min-width: 48em) {/* This is 768px */ 

body {
	width: 100%;
	max-width: 54.85714285714286em;
	}

.alignleft,
.alignright { 
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
	}

	.alignright { 
		float: right;
		margin: 0 0 1em 1em;
		}

.content-wrap {
	display: table;
	position: relative;
	float: left;
	width: 100%;
	}

.primary-content {
	display: table-cell;
	float: none;
	width: 75%;
	padding: 1em;
	margin: 0;
	clear: none;
	background: #fff;
	vertical-align: top;
	}	

.sub-content-wrap {
	display: table-cell;
	width: 25%;
	clear: none;
	background: #d80000;
	}	
	
	.secondary-content {
		clear: none;
		float: none;
		display: block;
		}

	.product {
		border: 0;
		padding: 0;
		}
	
	.product-content {
		float: right;
		display: inline;
		width: 320px;
		}
	
	.product img {
		float: left;
		display: inline;
		margin: 0 1em 0 0;
		max-width: 14.28571em;
		}
	
	.primary-content ul {
		margin: 0 0 1em 2em;
		}
	
.widget {
	background: #d80000;
	padding: 1em;
	float: left;
	width: 100%;
	text-align: center;
	}	
	
	.banner {
		display: block;
		}
	
.navigation-trigger {
	display: none;	
	}

[role=navigation] {
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	}

	[role=navigation] li {
		margin: 0 0 .2em 0;
		}

	[role=navigation] li a {
		padding: .3em 13% .3em 5%;
		line-height: 1.75;
		}
		
		[role=navigation] li li a {
			line-height: 1.75;
			}
		
		
		[role=navigation] li .has-sub-trigger {
			padding: .3em 1em;
			}
		

	[role=navigation] li a:hover,
	[role=navigation] li.current-menu-item a,
	[role=navigation] li.current-menu-item ul a:hover {
		}	
}
/* END : MEDIA QUERIES - Common breakpoints */