/* =============================================================================

	Theme Name:         RHM Framework
	Description:        Reed Hewitt Media's foundation for custom theme development.
	Version:            1.0
	Author:             Reed Hewitt Media
	Author URI:         http://reedhewitt.com

   ========================================================================== */


/* =============================================================================
   Normalize v2.1.0
   ========================================================================== */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio,canvas,video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* Base */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }

/* Links */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* Typography */
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Embedded content */
img { border: 0; }
svg:not(:root) { overflow: hidden; }

/* Figures */
figure { margin: 0; }

/* Forms */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Base
   ========================================================================== */

html {
	position: relative;
	min-height: 100%;
}

body {
	position: relative;
	min-height: 100%;
	background: #c0c0c0;
}

img {
	max-width: 100%;
	height: auto;
}

.container {
	position: relative;
	zoom: 1;
}

.container:before,
.container:after {
	content: "";
	display: table;
}

.container:after {
	clear: both;
}


/* =============================================================================
   Links
   ========================================================================== */


/* =============================================================================
   Typography
   ========================================================================== */


/* =============================================================================
   Header
   ========================================================================== */

#page-header > .container {
	margin: 0 auto;
	background: #fff;
}

#logo {
	display: block;
	float: left;
}

/* Main Navigation */

nav ul, nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-main div.dropdown-menu {
	clear: both;
	padding: 1em;
	text-align: center;
	background: #e0e0e0;
}

#nav-main .main-menu {
	display: none;
	clear: both;
}

#nav-main ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #e0e0e0;
}

/* All menu items */
#nav-main li {
	position: relative;
	float: left;
	margin: 0;
	*zoom: 1;
} 

#nav-main a {
	text-decoration: none;
	display: block;
	padding: .5em 1em;
	margin: 0;
}

/* Hover and current links */
#nav-main a:hover,
#nav-main li:hover > a,
#nav-main li.current-menu-item > a,
#nav-main li.current-menu-parent > a,
#nav-main li.current-menu-ancestor > a {}

/* Sub-levels */
#nav-main ul ul {
	position: absolute;
	visibility: hidden;
	top: 100%;
	left: 0;
	width: 200px;
	background: #d0d0d0;
	padding: 0;
	z-index: 1000;
}

/* Sub-level items */
#nav-main ul ul li {
	float: none;
}

#nav-main ul ul li a {}

/* Sub-sub-levels */
#nav-main ul ul ul {
	left: 100%;
	top: 0;
}

/* Sub-level hover state */
#nav-main li:hover > ul {
	visibility: visible;
}


/* =============================================================================
   Content
   ========================================================================== */

#content-wrapper > .container {
	margin: 0 auto;
	background: #fff;
}

#content {
	font-size: 87.5%;
}

/* WordPress Classes */

.aligncenter {
	display: block;
	margin: 1em auto;
}

.alignleft {
	float: left;
	margin: 1em 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 1em 0 1em 1.5em;
}

.wp-caption {
	border: 1px solid #c0c0c0;
	text-align: center;
	background: #e0e0e0;
	padding: 1em 1em .75em;
	margin: 1em;
}

.wp-caption img {
	margin-bottom: .5em;
}

.wp-caption-text {
	margin: 0;
	font-size: 92.86%;
	text-align: center;
}

/* Gallery */

.gallery {
	position: relative;
}

.gallery .gallery-item {
	display: block;
	float: left;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1em;
}

.gallery-columns-1 .gallery-item {
	float: none;
	width: 75%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	padding: .25em;
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	padding: .25em;
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	padding: .2em;
	width: 16%;
}

.gallery-columns-7 .gallery-item {
	padding: .2em;
	width: 14%;
}

.gallery-columns-8 .gallery-item {
	padding: .1em;
	width: 12%;
}

.gallery-columns-9 .gallery-item {
	padding: .1em;
	width: 11%;
}

.gallery-columns-10 .gallery-item {
	padding: .1em;
	width: 10%;
}

.gallery .gallery-icon {
	padding: 1em;
	background: #e0e0e0;
	border: 1px #c0c0c0 solid;
	border-bottom: 0;
}

.gallery img {
	display: block;
	margin: 0 auto;
}

.gallery .gallery-caption {
	padding: 1em;
	background: #e0e0e0;
	border: 1px #c0c0c0 solid;
	border-top: 0;
	text-align: center;
}

/* Page or Single Post Navigation */

#page-nav {
	float: right;
	margin: 0 0 1em 1.5em;
	padding: 1em;
	background: #e0e0e0;
	border: 1px #808080 solid;
}

#page-nav p {
	margin: 0;
}

/* Post List Navigation */

.posts-nav {
	clear: both;
	margin: 2em 0;
	border-top: 1px #808080 solid;
}

.posts-nav .posts-previous {
	float: left;
	padding: 1em 0;
	width: 50%;
}

.posts-nav .posts-next {
	float: right;
	padding: 1em 0;
	width: 50%;
	text-align: right;
}

/* Post Comments */

#comments {
	margin-bottom: 2em;
	background: #f0f0f0;
	border: 1px #808080 solid;
}

.comments-title {
	margin: 0;
	padding: 1em;
	background: #e0e0e0;
}

ol.comments-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px #c0c0c0 solid;
}

ol.comments-list ul.children {
	list-style: none;
	margin: 2em -2em -2em 0;
	padding: 0;
	border-left: 1px #c0c0c0 solid;
}

ol.comments-list > li,
ol.comments-list ul.children > li {
	padding: 2em;
	border-top: 1px #c0c0c0 solid;
	zoom: 1;
}

ol.comments-list > li:before,
ol.comments-list > li:after,
ol.comments-list ul.children > li:before,
ol.comments-list ul.children > li:after {
	content: ""; display: table;
}

ol.comments-list > li:after,
ol.comments-list ul.children > li:after {
	clear: both;
}

ol.comments-list img.avatar {
	float: left;
	margin-right: 10px;
}

ol.comments-list .comment-reply-link {
	display: block;
}

ol.comments-list .comment-awaiting-moderation {
	color: #c00000;
}

.comments-nav {
	background: #e0e0e0;
	border-bottom: 1px #c0c0c0 solid;
}

.comments-nav .comments-previous {
	float: left;
	padding: 1em;
	width: 50%;
	box-sizing: border-box;
}

.comments-nav .comments-next {
	float: right;
	padding: 1em;
	width: 50%;
	box-sizing: border-box;
	text-align: right;
}

#respond {
	padding: 1em;
}

#reply-title {
	margin-top: 0;
}

#commentform {
	*display: inline-block;
}

#commentform p {
	margin-bottom: 1em;
}

#commentform label {
	display: block;
}

#commentform textarea {
	display: block;
}

#commentform input.button {
	margin-top: 0.5em;
}

#commentform .form-allowed-tags {
	font-size: 12px;
}

#comments .no-comments {
	margin: 0;
	padding: 1em;
}

/* =============================================================================
   Footer
   ========================================================================== */

#page-footer {
	clear: both;
}

#page-footer > .container {
	margin: 0 auto;
	padding: 0 0 1.5em;
	background: #e0e0e0;
}

#page-footer .copyright {
	font-size: 87.5%;
}


/* =============================================================================
   Helper Classes
   ========================================================================== */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* =============================================================================
   Print
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}/*/mediaquery*/


/* =============================================================================
   Reduced Width
   ========================================================================== */

@media only screen and (min-width: 768px) {

#page-header > .container,
#content-wrapper > .container,
#page-footer > .container {
	width: 760px;
}

#nav-main div.dropdown-menu {
	display: none;
}

#nav-main .main-menu {
	display: block;
}

#content {
	float: left;
	width: 480px;
	padding: 0 20px 0 20px;
}

#sidebar {
	float: left;
	width: 200px;
	padding: 0 20px 0 0;
}

}


/* =============================================================================
   Full Width
   ========================================================================== */

@media only screen and (min-width: 1024px) {

#page-header > .container,
#content-wrapper > .container,
#page-footer > .container {
	width: 1000px;
}

#content {
	width: 640px;
	padding: 0 60px 0 60px;
}

#sidebar {
	padding: 0 40px 0 0;
}

}