style.css

/*
Theme Name: Michael's Starter Theme
Theme URI: http://michaelbox.net
Description:
Version:
Author: Michael Beckwith
Author URI: http://michaelbox.net
*/

/* If you know how to use SASS, please use the sass/style.scss file for edits and delete the styles below. If you do not know how to use SASS, just add your changes here. */

/*@import url("css/hardboiledmediaqueries.0.9.css");*/
/** Put your custom @font-face font declarations in here ****************/
/** Typography ****************/
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/
select, input, textarea, button { font:99% sans-serif; }
/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection { background: #FEA357; color:#fff; text-shadow: none; }
::selection { background:#FEA357; color:#fff; text-shadow: none; }
body {
/* #444 looks better than black*/
    color: #444; font-size: 62.5%; /*allows for Em usage. 1em = 10px and so on*/
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
*, *::after, *::before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
textarea { resize: vertical; }
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
/*Micro-Clearfix via http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.lte7 .cf { zoom:1; }
input:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;  
}
html { font-size: 62.5%; }
body { font-size: 16px; font-size: 1.6rem; } /* =16px */
#container {
	font-size: 1.6rem;
	margin: 0 auto;
	width: 960px;
}

/** WordPress Nav Menu Selectors ****************/
nav #menu-primary {

}
/*Disable current page/menu link*/
nav .current-menu-item > a {
       pointer-events: none;
       cursor: default;
}
nav .sub-menu {

}