/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: Helvetica,Arial,sans-serif; /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}

/*.masonrycontainer { overflow: visible; clear: both; }

*/
.item { display: inline-block; margin-bottom: 20px; width: auto; float: left; margin-right: 0;}  
.itemsingle { display: block; float: none;}
h1 a, h1 a:hover { color: #000; text-decoration: none; }
.atthetop { margin: 40px 0; }
.prinav a, .prinav a:hover, .secnav ul li a { color: #000; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 900; letter-spacing: 0.07em;}
.secnav a, .secnav a:hover { color: #000; text-decoration: none; font-size: 16px;  font-weight: 900;}
header h1 { font-size: 38px; font-weight: 900; margin-top: 23px;}
footer { font-size: 11px; color: #666;}
.prinav .selected , .prinav a:hover, .secnav .selected, .secnav a:hover, .secnav ul li.current_page_item a  { color: #bd1d2f;}
.page-item-14 { display: none;}
body.single .item h1 { font-size: 14px; font-weight: 400; line-height: 20px; margin: 20px 0 0 0;}
.postTipDetails { position: absolute; top: 20px; left: 0px; background: #d9d9d9; color: #666; display: none; font-size: 15px; padding: 8px 14px;}