/* 
------------------------------------------------------------------------------
Basic styles based on Underscores theme by Automattic.

You may need to edit these styles for your theme, but often they can stay just
as they are.
------------------------------------------------------------------------------
*/

/* =Reset (mini)
We're using css/normalize.css rather than a standard reset.  Here's some other resetting styles.
------------------------------------------------------------------------------ */

html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
}

html, body{
    margin:0;
    min-height: 100%;
}

*, *:after, *:before {
	/* Apply a natural box layout model to all elements */
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

/* =Global
------------------------------------------------------------------------------ */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	clear: both;
	margin: .5em 0 .5em 0;
	font-weight: normal;
}
	
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
	
p {
	margin-bottom: 1.5em;
}
	
ul, ol {
	margin: 0 0 1.5em 3em;
}
	
ul {
	list-style: disc;
}
	
ol {
	list-style: decimal;
}
	
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
	
dt {
	font-weight: bold;
}
	
dd {
	margin: 0 1.5em 1.5em;
}
	
b, strong {
	font-weight: bold;
}
	
dfn, cite, em, i {
	font-style: italic;
}
	
blockquote {
	margin: 0 1.5em;
}
	
address {
	margin: 0 0 1.5em;
}
	
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
	
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
	
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
	
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
	
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
	
sup {
	bottom: 1ex;
}
	
sub {
	top: .5ex;
}
	
small {
	font-size: 75%;
}
	
big {
	font-size: 125%;
}
	
figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
	
th {
	font-weight: bold;
}

/* Alignment - WordPress uses these classes to align images and other elements inside the editor. */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
	
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}
	
.aligncenter {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

/* Text meant only for screen readers. It's hidden due to the clip property, but visible in the page source. If you take a look back in the template files at the mark-up for our main menu and other navigation areas, you'll notice that we have headers such as "Menu" and "Site Navigation" wrapped in an <code>h1</code> tag with a class of "assistive-text". Screen readers will read this text aloud, making it easier for users to locate structural sections in your theme.*/

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
	
/* Small menu */

.menu-toggle {
	cursor: pointer;
}
	
.main-small-navigation .menu {
	display: none;
}


/* Styling In-Post Tables */

.entry-content table, .comment-content table {
	border-left-width: 0;
	margin: 0 -0.083em 2.083em 0;
	text-align: left;
	width: 100%;
}
	
.entry-content tr th, .entry-content thead th, .comment-content tr th, .comment-content thead th {
	font-weight: bold;
	padding: 0.5em 	1.25em;
}
	
.entry-content tr td, .comment-content tr td {
  	border-width: 1px 0 0 1px;
	padding: 0;
}
	
.entry-content tr.odd td, .comment-content tr.odd td { 
	/* If you want to apply alternate styles to even/odd table rows */
}

.page-links { 
	/* Style the page numbers for multi-page posts (posts that have been split with <!--next-page -->. */
	clear: both;
	margin: 0 0 1.5em;
}

/* =Media
Styling for images and videos.
----------------------------------------------- */

.site-header img, .entry-content img, .comment-content img, .widget img, .entry-summary img, .post-thumb img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
	
.site-header img, .entry-content img, .widget img, img[class*="align"], img[class*="wp-image-"], .wp-caption img, .entry-summary img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
	
.site-header img, .entry-content img, .widget img, img.size-full, .entry-summary img, .post-thumb img {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
	
.entry-content img.wp-smiley, .comment-content img.wp-smiley { 
	/* Remove borders and backgrounds from WP smileys */
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
	
.wp-caption { 
	/* The container for image captions */
	max-width: 100%;
}
	
.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.alignnone { 
	/* Add spacing around captions and post text */
	margin-bottom: 1.5em;
}
	
.wp-caption img { 
	/* The image inside the caption container */
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
	
.wp-caption-text {
	text-align: center;
}
	
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
	
#content .gallery { 
	/* Container for image galleries */
	margin-bottom: 1.5em;
}
	
.gallery-caption {
	font-style: italic;
}
	
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
	
#content .gallery dd {
	margin: 0;
}

embed, iframe, object {
	/* Make sure embeds and iframes fit their containers */
	max-width: 100%;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}