﻿/*
Theme Name: AlbinoMouse
Theme URI: http://www.pixelstrol.ch/wp-themes/albinomouse/
Author: Stefan Brechbühl – pixelstrol.ch
Author URI: http://www.pixelstrol.ch
Description: AlbinoMouse is a responsive, mobile-friendly WordPress Theme. It was designed in a minimalistic style. The typography and white space promise comfortable reading pleasure. AlbinoMouse includes the Awesome Icon-Font as well as some lovely fonts from the Google Web Fonts library. 
Version: 1.1.1
License: GNU General Public License
License URI: license.txt
Tags: gray, silver, light, one-column, two-columns, right-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

	1.	Reset Styles
	2.	Font Awesome Styles
	3.	Layout Styles
		3.1 Global
		3.2	Header
		3.3	Navigation
		3.4	Content
		3.5	Sticky
		3.6	Post Formats
		3.7	Widgets
		3.8	Media
		3.9	Comments
		3.10 Footer
	4.	Shortcode Styles
	5.	Responsive Styles
	

/*--------------------------------------------------------------------------------------------

	1. Reset Styles
	
--------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /*--- Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 ---*/
	overflow-y: scroll; /*--- Keeps page centred in all browsers regardless of content height ---*/
	-webkit-text-size-adjust: 100%; /*--- Prevents iOS text size adjust after orientation change, without disabling user zoom ---*/
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /*--- tables still need 'cellspacing="0"' in the markup ---*/
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /*--- Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test ---*/
	outline: 0;
}
a img {
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


/*--------------------------------------------------------------------------------------------
	2. Font Awesome Styles

    the iconic font designed for use with Twitter Bootstrap
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/
    -------------------------------------------------------
    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).
    -------------------------------------------------------
    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder
--------------------------------------------------------------------------------------------*/

@font-face {
  font-family: "FontAwesome";
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/fontawesome-webfont.woff') format('woff'),
       url('fonts/fontawesome-webfont.ttf') format('truetype'),
       url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--- Font Awesome styles --- */
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="menuicon-"] a:before,
[class*=" menuicon-"] a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
[class^="menuicon-"] a:before,
[class*=" menuicon-"] a:before {
  line-height: 1em;
  padding-right: 3px;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
  /* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.icon-glass:before, .menuicon-glass a:before	{ content: "\f000"; }
.icon-music:before, .menuicon-music a:before	{ content: "\f001"; }
.icon-search:before, .menuicon-search a:before	{ content: "\f002"; }
.icon-envelope:before, .menuicon-envelope a:before	{ content: "\f003"; }
.icon-heart:before, .menuicon-heart a:before	{ content: "\f004"; }
.icon-star:before, .menuicon-star a:before	{ content: "\f005"; }
.icon-star-empty:before, .menuicon-star-empty a:before	{ content: "\f006"; }
.icon-user:before, .menuicon-user a:before	{ content: "\f007"; }
.icon-film:before, .menuicon-film a:before	{ content: "\f008"; }
.icon-th-large:before, .menuicon-th-larg a:before	{ content: "\f009"; }
.icon-th:before, .menuicon-th a:before	{ content: "\f00a"; }
.icon-th-list:before, .menuicon-th-list a:before	{ content: "\f00b"; }
.icon-ok:before, .menuicon-ok a:before	{ content: "\f00c"; }
.icon-remove:before, .menuicon-remove a:before	{ content: "\f00d"; }
.icon-zoom-in:before, .menuicon-zoom-in a:before	{ content: "\f00e"; }
.icon-zoom-out:before, .menuicon-zoom-out a:before	{ content: "\f010"; }
.icon-off:before, .menuicon-off a:before	{ content: "\f011"; }
.icon-signal:before, .menuicon-signal a:before	{ content: "\f012"; }
.icon-cog:before, .menuicon-cog a:before	{ content: "\f013"; }
.icon-trash:before, .menuicon-trash a:before	{ content: "\f014"; }
.icon-home:before, .menuicon-home a:before	{ content: "\f015"; }
.icon-file:before, .menuicon-file a:before	{ content: "\f016"; }
.icon-time:before, .menuicon-time a:before	{ content: "\f017"; }
.icon-road:before, .menuicon-road a:before	{ content: "\f018"; }
.icon-download-alt:before, .menuicon-download-alt a:before	{ content: "\f019"; }
.icon-download:before, .menuicon-download a:before	{ content: "\f01a"; }
.icon-upload:before, .menuicon-upload a:before	{ content: "\f01b"; }
.icon-inbox:before, .menuicon-inbox a:before	{ content: "\f01c"; }
.icon-play-circle:before, .menuicon-play-circle a:before	{ content: "\f01d"; }
.icon-repeat:before, .menuicon-repeat a:before	{ content: "\f01e"; }
.icon-refresh:before, .menuicon-refresh a:before	{ content: "\f021"; }
.icon-list-alt:before, .menuicon-list-alt a:before	{ content: "\f022"; }
.icon-lock:before, .menuicon-lock a:before	{ content: "\f023"; }
.icon-flag:before, .menuicon-flag a:before	{ content: "\f024"; }
.icon-headphones:before, .menuicon-headphones a:before	{ content: "\f025"; }
.icon-volume-off:before, .menuicon-volume-off a:before	{ content: "\f026"; }
.icon-volume-down:before, .menuicon-volume-down a:before	{ content: "\f027"; }
.icon-volume-up:before, .menuicon-volume-up a:before	{ content: "\f028"; }
.icon-qrcode:before, .menuicon-qrcode a:before	{ content: "\f029"; }
.icon-barcode:before, .menuicon-barcode a:before	{ content: "\f02a"; }
.icon-tag:before, .menuicon-tag a:before	{ content: "\f02b"; }
.icon-tags:before, .menuicon-tags a:before	{ content: "\f02c"; }
.icon-book:before, .menuicon-book a:before	{ content: "\f02d"; }
.icon-bookmark:before, .menuicon-bookmark a:before	{ content: "\f02e"; }
.icon-print:before, .menuicon-print a:before	{ content: "\f02f"; }
.icon-camera:before, .menuicon-camera a:before	{ content: "\f030"; }
.icon-font:before, .menuicon-font a:before	{ content: "\f031"; }
.icon-bold:before, .menuicon-bold a:before	{ content: "\f032"; }
.icon-italic:before, .menuicon-italic a:before	{ content: "\f033"; }
.icon-text-height:before, .menuicon-text-height a:before	{ content: "\f034"; }
.icon-text-width:before, .menuicon-text-width a:before	{ content: "\f035"; }
.icon-align-left:before, .menuicon-align-left a:before	{ content: "\f036"; }
.icon-align-center:before, .menuicon-align-center a:before	{ content: "\f037"; }
.icon-align-right:before, .menuicon-align-right a:before	{ content: "\f038"; }
.icon-align-justify:before, .menuicon-align-justify a:before	{ content: "\f039"; }
.icon-list:before, .menuicon-list a:before	{ content: "\f03a"; }
.icon-indent-left:before, .menuicon-indent-left a:before	{ content: "\f03b"; }
.icon-indent-right:before, .menuicon-indent-right a:before	{ content: "\f03c"; }
.icon-facetime-video:before, .menuicon-facetime-video a:before	{ content: "\f03d"; }
.icon-picture:before, .menuicon-picture a:before	{ content: "\f03e"; }
.icon-pencil:before, .menuicon-pencil a:before	{ content: "\f040"; }
.icon-map-marker:before, .menuicon-map-marker a:before	{ content: "\f041"; }
.icon-adjust:before, .menuicon-adjust a:before	{ content: "\f042"; }
.icon-tint:before, .menuicon-tint a:before	{ content: "\f043"; }
.icon-edit:before, .menuicon-edit a:before	{ content: "\f044"; }
.icon-share:before, .menuicon-share a:before	{ content: "\f045"; }
.icon-check:before, .menuicon-check a:before	{ content: "\f046"; }
.icon-move:before, .menuicon-move a:before	{ content: "\f047"; }
.icon-step-backward:before, .menuicon-step-backward a:before	{ content: "\f048"; }
.icon-fast-backward:before, .menuicon-fast-backward a:before	{ content: "\f049"; }
.icon-backward:before, .menuicon-backward a:before	{ content: "\f04a"; }
.icon-play:before, .menuicon-play a:before	{ content: "\f04b"; }
.icon-pause:before, .menuicon-pause a:before	{ content: "\f04c"; }
.icon-stop:before, .menuicon-stop a:before	{ content: "\f04d"; }
.icon-forward:before, .menuicon-forward a:before	{ content: "\f04e"; }
.icon-fast-forward:before, .menuicon-fast-forward a:before	{ content: "\f050"; }
.icon-step-forward:before, .menuicon-step-forward a:before	{ content: "\f051"; }
.icon-eject:before, .menuicon-eject a:before	{ content: "\f052"; }
.icon-chevron-left:before, .menuicon-chevron-left a:before	{ content: "\f053"; }
.icon-chevron-right:before, .menuicon-chevron-right a:before	{ content: "\f054"; }
.icon-plus-sign:before, .menuicon-plus-sign a:before	{ content: "\f055"; }
.icon-minus-sign:before, .menuicon-minus-sign a:before	{ content: "\f056"; }
.icon-remove-sign:before, .menuicon-remove-sign a:before	{ content: "\f057"; }
.icon-ok-sign:before, .menuicon-ok-sign a:before	{ content: "\f058"; }
.icon-question-sign:before, .menuicon-question-sign a:before	{ content: "\f059"; }
.icon-info-sign:before, .menuicon-info-sign a:before	{ content: "\f05a"; }
.icon-screenshot:before, .menuicon-screenshot a:before	{ content: "\f05b"; }
.icon-remove-circle:before, .menuicon-remove-circle a:before	{ content: "\f05c"; }
.icon-ok-circle:before, .menuicon-ok-circle a:before	{ content: "\f05d"; }
.icon-ban-circle:before, .menuicon-ban-circle a:before	{ content: "\f05e"; }
.icon-arrow-left:before, .menuicon-arrow-left a:before	{ content: "\f060"; }
.icon-arrow-right:before, .menuicon-arrow-right a:before	{ content: "\f061"; }
.icon-arrow-up:before, .menuicon-arrow-up a:before	{ content: "\f062"; }
.icon-arrow-down:before, .menuicon-arrow-down a:before	{ content: "\f063"; }
.icon-share-alt:before, .menuicon-share-alt a:before	{ content: "\f064"; }
.icon-resize-full:before, .menuicon-resize-full a:before	{ content: "\f065"; }
.icon-resize-small:before, .menuicon-resize-small a:before	{ content: "\f066"; }
.icon-plus:before, .menuicon-plus a:before	{ content: "\f067"; }
.icon-minus:before, .menuicon-minus a:before	{ content: "\f068"; }
.icon-asterisk:before, .menuicon-asterisk a:before	{ content: "\f069"; }
.icon-exclamation-sign:before, .menuicon-exclamation-sign a:before	{ content: "\f06a"; }
.icon-gift:before, .menuicon-gift a:before	{ content: "\f06b"; }
.icon-leaf:before, .menuicon-leaf a:before	{ content: "\f06c"; }
.icon-fire:before, .menuicon-fire a:before	{ content: "\f06d"; }
.icon-eye-open:before, .menuicon-eye-open a:before	{ content: "\f06e"; }
.icon-eye-close:before, .menuicon-eye-close a:before	{ content: "\f070"; }
.icon-warning-sign:before, .menuicon-warning-sign a:before	{ content: "\f071"; }
.icon-plane:before, .menuicon-plane a:before	{ content: "\f072"; }
.icon-calendar:before, .menuicon-calendar a:before	{ content: "\f073"; }
.icon-random:before, .menuicon-random a:before	{ content: "\f074"; }
.icon-comment:before, .menuicon-comment a:before	{ content: "\f075"; }
.icon-magnet:before, .menuicon-magnet a:before	{ content: "\f076"; }
.icon-chevron-up:before, .menuicon-chevron-up a:before	{ content: "\f077"; }
.icon-chevron-down:before, .menuicon-chevron-down a:before	{ content: "\f078"; }
.icon-retweet:before, .menuicon-retweet a:before	{ content: "\f079"; }
.icon-shopping-cart:before, .menuicon-shopping-cart a:before	{ content: "\f07a"; }
.icon-folder-close:before, .menuicon-folder-close a:before	{ content: "\f07b"; }
.icon-folder-open:before, .menuicon-folder-open a:before	{ content: "\f07c"; }
.icon-resize-vertical:before, .menuicon-resize-vertical a:before	{ content: "\f07d"; }
.icon-resize-horizontal:before, .menuicon-resize-horizontal a:before	{ content: "\f07e"; }
.icon-bar-chart:before, .menuicon-bar-chart a:before	{ content: "\f080"; }
.icon-twitter-sign:before, .menuicon-twitter-sign a:before	{ content: "\f081"; }
.icon-facebook-sign:before, .menuicon-facebook-sign a:before	{ content: "\f082"; }
.icon-camera-retro:before, .menuicon-camera-retro a:before	{ content: "\f083"; }
.icon-key:before, .menuicon-key a:before	{ content: "\f084"; }
.icon-cogs:before, .menuicon-cogs a:before	{ content: "\f085"; }
.icon-comments:before, .menuicon-comments a:before	{ content: "\f086"; }
.icon-thumbs-up:before, .menuicon-thumbs-up a:before	{ content: "\f087"; }
.icon-thumbs-down:before, .menuicon-thumbs-down a:before	{ content: "\f088"; }
.icon-star-half:before, .menuicon-star-half a:before	{ content: "\f089"; }
.icon-heart-empty:before, .menuicon-heart-empty a:before	{ content: "\f08a"; }
.icon-signout:before, .menuicon-signout a:before	{ content: "\f08b"; }
.icon-linkedin-sign:before, .menuicon-linkedin-sign a:before	{ content: "\f08c"; }
.icon-pushpin:before, .menuicon-pushpin a:before	{ content: "\f08d"; }
.icon-external-link:before, .menuicon-external-link a:before	{ content: "\f08e"; }
.icon-signin:before, .menuicon-signin a:before	{ content: "\f090"; }
.icon-trophy:before, .menuicon-trophy a:before	{ content: "\f091"; }
.icon-github-sign:before, .menuicon-github-sign a:before	{ content: "\f092"; }
.icon-upload-alt:before, .menuicon-upload-alt a:before	{ content: "\f093"; }
.icon-lemon:before, .menuicon-lemon a:before	{ content: "\f094"; }
.icon-phone:before, .menuicon-phone a:before	{ content: "\f095"; }
.icon-check-empty:before, .menuicon-check-empty a:before	{ content: "\f096"; }
.icon-bookmark-empty:before, .menuicon-bookmark-empty a:before	{ content: "\f097"; }
.icon-phone-sign:before, .menuicon-phone-sign a:before	{ content: "\f098"; }
.icon-twitter:before, .menuicon-twitter a:before	{ content: "\f099"; }
.icon-facebook:before, .menuicon-facebook a:before	{ content: "\f09a"; }
.icon-github:before, .menuicon-github a:before	{ content: "\f09b"; }
.icon-unlock:before, .menuicon-unlock a:before	{ content: "\f09c"; }
.icon-credit-card:before, .menuicon-credit-card a:before	{ content: "\f09d"; }
.icon-rss:before, .menuicon-rss a:before	{ content: "\f09e"; }
.icon-hdd:before, .menuicon-hdd a:before	{ content: "\f0a0"; }
.icon-bullhorn:before, .menuicon-bullhorn a:before	{ content: "\f0a1"; }
.icon-bell:before, .menuicon-bell a:before	{ content: "\f0a2"; }
.icon-certificate:before, .menuicon-certificate a:before	{ content: "\f0a3"; }
.icon-hand-right:before, .menuicon-hand-right a:before	{ content: "\f0a4"; }
.icon-hand-left:before, .menuicon-hand-left a:before	{ content: "\f0a5"; }
.icon-hand-up:before, .menuicon-hand-up a:before	{ content: "\f0a6"; }
.icon-hand-down:before, .menuicon-hand-down a:before	{ content: "\f0a7"; }
.icon-circle-arrow-left:before, .menuicon-circle-arrow-left a:before	{ content: "\f0a8"; }
.icon-circle-arrow-right:before, .menuicon-circle-arrow-right a:before	{ content: "\f0a9"; }
.icon-circle-arrow-up:before, .menuicon-circle-arrow-up a:before	{ content: "\f0aa"; }
.icon-circle-arrow-down:before, .menuicon-circle-arrow-down a:before	{ content: "\f0ab"; }
.icon-globe:before, .menuicon-globe a:before	{ content: "\f0ac"; }
.icon-wrench:before, .menuicon-wrench a:before	{ content: "\f0ad"; }
.icon-tasks:before, .menuicon-tasks a:before	{ content: "\f0ae"; }
.icon-filter:before, .menuicon-filter a:before	{ content: "\f0b0"; }
.icon-briefcase:before, .menuicon-briefcase a:before	{ content: "\f0b1"; }
.icon-fullscreen:before, .menuicon-fullscreen a:before	{ content: "\f0b2"; }
.icon-group:before, .menuicon-group a:before	{ content: "\f0c0"; }
.icon-link:before, .menuicon-link a:before	{ content: "\f0c1"; }
.icon-cloud:before, .menuicon-cloud a:before	{ content: "\f0c2"; }
.icon-beaker:before, .menuicon-beaker a:before	{ content: "\f0c3"; }
.icon-cut:before, .menuicon-cut a:before	{ content: "\f0c4"; }
.icon-copy:before, .menuicon-copy a:before	{ content: "\f0c5"; }
.icon-paper-clip:before, .menuicon-paper-clip a:before	{ content: "\f0c6"; }
.icon-save:before, .menuicon-save a:before	{ content: "\f0c7"; }
.icon-sign-blank:before, .menuicon-sign-blank a:before	{ content: "\f0c8"; }
.icon-reorder:before, .menuicon-reorder a:before	{ content: "\f0c9"; }
.icon-list-ul:before, .menuicon-list-ul a:before	{ content: "\f0ca"; }
.icon-list-ol:before, .menuicon-list-ol a:before	{ content: "\f0cb"; }
.icon-strikethrough:before, .menuicon-strikethrough a:before	{ content: "\f0cc"; }
.icon-underline:before, .menuicon-underline a:before	{ content: "\f0cd"; }
.icon-table:before, .menuicon-table a:before	{ content: "\f0ce"; }
.icon-magic:before, .menuicon-magic a:before	{ content: "\f0d0"; }
.icon-truck:before, .menuicon-truck a:before	{ content: "\f0d1"; }
.icon-pinterest:before, .menuicon-pinterest a:before	{ content: "\f0d2"; }
.icon-pinterest-sign:before, .menuicon-pinterest-sign a:before	{ content: "\f0d3"; }
.icon-google-plus-sign:before, .menuicon-google-plus-sign a:before	{ content: "\f0d4"; }
.icon-google-plus:before, .menuicon-google-plus a:before	{ content: "\f0d5"; }
.icon-money:before, .menuicon-money a:before	{ content: "\f0d6"; }
.icon-caret-down:before, .menuicon-caret-down a:before	{ content: "\f0d7"; }
.icon-caret-up:before, .menuicon-caret-up a:before	{ content: "\f0d8"; }
.icon-caret-left:before, .menuicon-caret-left a:before	{ content: "\f0d9"; }
.icon-caret-right:before, .menuicon-caret-right a:before	{ content: "\f0da"; }
.icon-columns:before, .menuicon-columns a:before	{ content: "\f0db"; }
.icon-sort:before, .menuicon-sort a:before	{ content: "\f0dc"; }
.icon-sort-down:before, .menuicon-sort-down a:before	{ content: "\f0dd"; }
.icon-sort-up:before, .menuicon-sort-up a:before	{ content: "\f0de"; }
.icon-envelope-alt:before, .menuicon-envelope-alt a:before	{ content: "\f0e0"; }
.icon-linkedin:before, .menuicon-linkedin a:before	{ content: "\f0e1"; }
.icon-undo:before, .menuicon-undo a:before	{ content: "\f0e2"; }
.icon-legal:before, .menuicon-legal a:before	{ content: "\f0e3"; }
.icon-dashboard:before, .menuicon-dashboard a:before	{ content: "\f0e4"; }
.icon-comment-alt:before, .menuicon-comment-alt a:before	{ content: "\f0e5"; }
.icon-comments-alt:before, .menuicon-comments-alt a:before	{ content: "\f0e6"; }
.icon-bolt:before, .menuicon-bolt a:before	{ content: "\f0e7"; }
.icon-sitemap:before, .menuicon-sitemap a:before	{ content: "\f0e8"; }
.icon-umbrella:before, .menuicon-umbrella a:before	{ content: "\f0e9"; }
.icon-paste:before, .menuicon-paste a:before	{ content: "\f0ea"; }
.icon-user-md:before, .menuicon-user-md a:before	{ content: "\f200"; }


/*--------------------------------------------------------------------------------------------

	3. Layout Styles
	
--------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------
	3.1 Global
--------------------------------------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #4c4b4a;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	word-spacing: 1px;
}
.container {
	margin: 0 auto;
	max-width: 960px;
	overflow: visible;
	position: relative;
}

/*--- Headings ---*/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	letter-spacing: 1px;
	line-height: 1.2;
	word-spacing: 2px;
	word-wrap: break-word;
}
h1 {
	font-size: 3em;
	line-height: 1.3;
	margin: 0.3em 0 0.3em -2px;
}
h2 {
	font-size: 2.75em;
	line-height: 1.3;
	margin: 0.6em 0 0.4em -2px;
}
h3 {
	font-size: 2.25em;
	line-height: 1.4;
	margin: 0.8em 0 0.4em -1px;
}
h4 {
	background-color: rgba(196,198,199,0.3);
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.6em 0;
	padding: 5px 3px 3px;
}
h5 {
	font-size: 1.5em;
	line-height: 1.4;
	margin: 0.75em 0 0.5em;
}
h6 {
	font-size: 1.2em;
	margin: 0.75em 0 0.5em;
}

/*--- Text elements ---*/
p {
	clear: both;
	margin-bottom: 1em;
	overflow: hidden;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {	
	margin: 0 0 1em 3em;
}
ul {
	list-style-type: 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 {
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4;
	margin-bottom: 1em;
}
blockquote cite{
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background-color: rgba(196,198,199,0.3);
	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-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}
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;
}

/*--- Tables ---*/
table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}
caption {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0 0 10px 0;
	text-align: center;
	text-transform: uppercase;
}
}
thead {
	border-bottom: 1px solid #4c4b4a;
}
th {
	font-weight: bold;
}
tbody tr {
	border-bottom: 1px solid rgb(196,198,199);
}
th,
td {
	padding: 0 3px;
}

/*--- Forms ---*/
label {
	font-size: 0.9em;
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 1em; /*--- Corrects font size not being inherited in all browsers ---*/
	margin: 0; /*--- Addresses margins set differently in IE6/7, F3/4, S5, Chrome ---*/
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
	vertical-align: baseline; /*--- Improves appearance and consistency in all browsers ---*/
	*vertical-align: middle; /*--- Improves appearance and consistency in all browsers ---*/

}
button,
input {
	line-height: normal; /*--- Addresses FF3/4 setting line-height using !important in the UA stylesheet ---*/
	*overflow: visible;  /*--- Corrects inner spacing displayed oddly in IE6/7 ---*/
	margin-bottom: 2px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	cursor: pointer; /*--- Improves usability and consistency of cursor style between image-type 'input' and others ---*/
	-webkit-appearance: button; /*--- Corrects inability to style clickable 'input' types in iOS ---*/
	line-height: 1.5em;
	padding: 5px;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #4c4b4a !important;
	color: #fff;
}
button:focus,
textarea:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
button:active,
textarea:active,
input[type="search"]:active,
input[type="text"]:active,
input[type="password"]:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
select:active {
	border: 1px solid #4c4b4a;
	box-shadow: 0 0 3px #4c4b4a!important;
	outline: 0!important;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /*--- Addresses box sizing set to content-box in IE8/9 ---*/
	padding: 0; /*--- Addresses excess padding in IE8/9 ---*/
}
input[type="search"] {
	-webkit-appearance: textfield; /*--- Addresses appearance set to searchfield in S5, Chrome ---*/
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /*--- Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) ---*/
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /*--- Corrects inner padding displayed oddly in S5, Chrome on OSX ---*/
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /*--- Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ ---*/
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="password"],
textarea {
	color: #4c4b4a;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 3px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="password"] {
	width: 50%;
}
input[type="password"] {
	letter-spacing: 0.2em;
}
textarea {
	height: 10em;
	overflow: auto; /*--- Removes default vertical scrollbar in IE6/7/8/9 ---*/
	vertical-align: top; /*--- Improves readability and alignment in all browsers ---*/
	width: 100%;
}
select {
	color: #4c4b4a;
	border: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 1.5em;
}

/*--- Links ---*/
a,
a:visited {
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #4c4b4a !important;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.biglink {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.biglink:hover {
	background-color: #4c4b4a !important;
}
.biglink a {
	color: #fff !important;
	display: block;
	font-size: 1.75em;
	line-height: 1.2em;
	padding: 7px 10px;
	word-wrap: break-word;
}

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

/*--- Clearfix ---*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*--- Text meant only for screen readers ---*/
.assistive-text {
	clip: rect(1px 1px 1px 1px); /*--- IE6, IE7 ---*/
	clip: rect(1px, 1px, 1px, 1px);
	margin-bottom: 0;
	margin-top: 0;
	position: absolute !important;
}

/*--------------------------------------------------------------------------------------------
	3.2 Header
--------------------------------------------------------------------------------------------*/

#masthead {
	overflow: visible;
}
#masthead .container {
	padding: 1em 0;
}
.site-title {
	clear: none;
	float: left;
	font-size: 2em;
	margin: 50px 10px 10px 0;
}
.site-logo {
	clear: none;
	float: left;
}
.site-logo img {
	max-width: 100%;
}
.title-half-width {
	max-width: 450px;
}
.site-description {
	background-color:#4c4b4a;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: none;
	color: #fff;
	float: left;
	font-size: 1em;
	letter-spacing: 2px;
	padding: 10px;
	position: relative;
	max-width: 470px;
}
.site-description:after {
	border-bottom: 20px solid transparent;
	border-left: 20px solid #4c4b4a;
	bottom: -20px;
	content: '';
	position: absolute;
	left: 20px;
}
#header-searchform {
	float: right;
	width: 288px;
}

/*--------------------------------------------------------------------------------------------
	3.3 Navigation
--------------------------------------------------------------------------------------------*/

.site-navigation {
	clear: both;
	color: #fff !important;
	display: block;
}

/*--- main-navigation ---*/
.main-navigation {
	float: left;
	max-width: 600px;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}
.main-navigation li {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	line-height: 1.4em;
	margin: 0 3px 3px 0;
	position: relative;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.main-navigation li:hover {
	background-color: #4c4b4a !important;
	color: #fff;
}
.main-navigation li a {
    box-sizing: border-box;
	color: #fff !important;
	display: block;
	padding: 0.4em;
	width: 100%;
}
.main-navigation ul ul {
	display: none;
	float: left;
	position: absolute;
		top: 2.1em;
		left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 100%;
}
.main-navigation ul ul li {
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	display: block;
	font-size: 1em;
	height: 100%;
	margin: 0;
	width: 300px;
}
.main-navigation ul ul li:last-child {
	border-bottom: 0;
}
.main-navigation ul li:hover > ul {
	display: block;
}

/*--- paging/post-navigation ---*/
.paging-navigation,
.post-navigation {
	line-height: 1.5em;
	width: 100%;
}
.nav-previous {
	float: left;
	max-width: 49%;
}
.nav-next {
	float: right;
	text-align: right;
	max-width: 49%;
}
.nav-previous,
.nav-next {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.nav-previous:hover,
.nav-next:hover  {
	background-color: #4c4b4a !important;
	color: #fff;
}
.paging-navigation a,
.post-navigation a {
    box-sizing: border-box;
	color: #fff !important;
	display: block;
	padding: 5px;
}

/*--- link-button ---*/
.link-button {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	float: left;
	line-height: 1.5em;
	margin-right: 5px;
	position: relative;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.link-button:before {
	text-indent: 5px;
	z-index: 1;
}
.link-button [class^="icon-"],
.link-button [class*=" icon-"] {
	text-align: left;
}
.link-button:hover  {
	background-color: #4c4b4a !important;
	color: #fff;
}
.link-button a {
    box-sizing: border-box;
	color: #fff !important;
	display: block;
	line-height: 1.5em;
	padding: 5px;
	position: relative;
	width: 100%;
}
.link-more-link {
	padding: 5px;
}

.link-button > [class^="icon-"] > a,
.link-button > [class*="icon-"] > a {
	margin-top: -2.8em;
	text-indent: 1.3em;
	z-index: 9999;
}
.link-button .icon-large {
	line-height: 1;
}

/*--- more-link ---*/
.more-link {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
	float: left;
	line-height: 1.5em;
	margin: 0 5px 10px 0;
	padding: 5px;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
}
.more-link:hover {
	background-color: #4c4b4a !important;
	color: #fff !important;
}

/*--- page-links ---*/
.page-links {
	border-top: 1px dotted #4c4b4a;
	color: #4c4b4a;
	clear: both;
	font-size: 1.3em;
	margin: 0 0 1.5em;
	text-align: right;
}

/*--- image nav ---*/
.previous-image {
	display: block;
	float: left;
	font-size: 1.25em;
	margin: 0.5em 0;
	width: 50%;
}
.next-image {
	display: block;
	text-align: right;
	float: right;
	font-size: 1.25em;
	margin: 0.5em 0;
	width: 50%;
}

/*--- Small menu ---*/
.menu-toggle {
	cursor: pointer;
	margin: 0 0 5px 0;
}
.main-small-navigation .menu {
	display: none;
}
h1.menu-toggle {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.7em;
	overflow: hidden;
	padding: 0.3em 0.3em 0.1em;
}
h1.menu-toggle:before {
	content: "\f0c9";
	display: inline-block;
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	margin-right: 5px;
	text-decoration: inherit;
}
.main-small-navigation ul {
	margin: 1em 2em;
	list-style: none;
}
.main-small-navigation ul.sub-menu {
	margin: 0 0 0 2em;
}
.main-small-navigation ul.sub-menu li {
	display: block;
	width: auto;
	text-align: left;
}

/*--------------------------------------------------------------------------------------------
	3.4 Content
--------------------------------------------------------------------------------------------*/

/*--- Content Area ---*/
#content {
	float: left;
	margin-bottom: 2.5em;
	margin-top: 2.5em;
}
.sidebar-off #content {
	max-width: 960px;
}
.sidebar-right #content {
	max-width: 600px;
}
.site-page-full-width,
.site-image-attachment,
.site-error {
	max-width: 960px !important;
	width: 960px;
}
#content .post  {
	margin-bottom: 3.5em;
}
#content .post:last-child {
	margin-bottom: 0;
}
#content article {
	position: relative;
}
.entry-title {
	display: inline;
	margin-top: 0;
}
h1.search-page,
h1.archive-header {
	font-size: 1.5em;
}

/*--- Post Header ---*/
.entry-header {
	display: block;
	position: relative;
}
.wp-post-image {
	height: auto;
	margin: 0.5em 0;
}
.sidebar-off .wp-post-image {
	max-width: 960px;
}
.sidebar-right .wp-post-image {
	max-width: 600px;
}

.entry-content {
	margin-top: 10px;
}

/*--- Post Footer ---*/
.entry-footer-meta {
	clear: both;
	color: #4c4b4a;
}
.post-info {
	font-size: 0.9em;
	line-height: 1.6;
	margin: 2em 0;	
}
.sep {
	margin: 0 5px;
}

/*--- Author Infobox ---*/
.author-avatar {
	float: left;
	margin: 20px 0 20px 20px;
	width: 10%;
}
.author-description {
	float: right;
	margin: 20px;
	width: 80%;
}
.author-description h6 {
	margin-top: 0;
}

/*--- Social Media Buttons with Socialite.js ---*/
.social-buttons { 
	display: block;
	list-style: none;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 0;
}
.social-buttons > div {
	display: block;
	margin: 0 20px 10px 0; 
	float: left;
}
.social-buttons .socialite { 
	display: block; 
	position: relative; 
	background: url('img/sprite-social.png') 0 0 no-repeat; 
}
.social-buttons .socialite-loaded { 
	background: none !important; 
}
.social-buttons .twitter-share { 
	background-position: 0 0;
	width: 100px;
	height: 20px;
}
.social-buttons .googleplus-one { 
	background-position: -119px 0;
	width: 100px;
	height: 20px;
	text-align: center;
}
.social-buttons .facebook-like { 
	background-position: -239px 0;
	width: 100px;
	height: 20px;
}
.fb_iframe_widget span { 
	vertical-align: top !important;
}
.vhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
}

/*--- Sidebar ---*/
#sidebar {
	float: right;
	margin: 3em 0;
	overflow: hidden;
	width: 288px;
}

/*--------------------------------------------------------------------------------------------
	3.5 Sticky
--------------------------------------------------------------------------------------------*/

.sticky .post-format-icon:before {
	content: "\f005";
}
.featured {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}
.archive .featured,
.search .featured {
	display: none;
}

/*--------------------------------------------------------------------------------------------
	3.6 Post Formats
--------------------------------------------------------------------------------------------*/

/*--- Standard ---*/
.post-format-icon {
	line-height: 1;
	margin-right: 5px;
}

span.format-standard:before,
span.format-aside:before, 
span.format-gallery:before,
span.format-image:before ,
span.format-link:before,
span.format-quote:before,
span.format-video:before {
	font-family: 'FontAwesome';
}

span.format-standard:before { content: "\f016"; }
span.format-aside:before { content: "\f0a1"; }
span.format-gallery:before { content: "\f03e"; }
span.format-image:before { content: "\f030"; }
span.format-link:before { content: "\f0c1"; }
span.format-quote:before { content: "\f075"; }
span.format-video:before { content: "\f03d"; }

.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.blog .format-link .entry-title,
.archive .format-link .entry-title,	
.blog .format-quote .entry-title,
.archive .format-quote .entry-title {
	display: none;
}


/*--------------------------------------------------------------------------------------------
	3.7 Widgets
--------------------------------------------------------------------------------------------*/

.widget {
	font-size: 0.95em;
	margin-bottom: 2em;
}
.widget ul {
	list-style: none;
	margin: 0;
}
.widget li {
	border-bottom: 1px dotted #4C4B4A;
	padding: 5px 0;
}
#footer .widget li {
	border-color: #fff;
}
.widget li[class^="icon-"], 
.widget li[class*=" icon-"] {
	text-align: left;
	width: auto;
}
.widget li[class^="icon-"]:before, 
.widget li[class*=" icon-"]:before {
	margin-right: 0.3em;
	text-indent: 0;
}
.widget ul.sub-menu li,
.widget ul.children li {
	border-bottom: 0;
	margin-left: 1.4em;
}
.widget select {
	width: 288px;
}

/*--- Headings ---*/
#footer .widget h4 {
	background-color: #fff !important;
	margin-top: 0;
}
#sidebar .widget h4:first-child {
	margin-top: 0;
}
.widget h4:before {
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;	
	font-weight: normal;
	line-height: 1;
	margin-right: 3px;
	text-decoration: inherit;
}
.widget_archive h4:before { content: "\f073"; }
.widget_calendar h4:before { content: "\f073"; }
.widget_categories h4:before { content: "\f07c"; }
.widget_links h4:before { content: "\f0c1"; }
.widget_meta h4:before {	content: "\f0c6"; }
.widget_nav_menu h4:before {	content: "\f0ca"; }
.widget_pages h4:before { content: "\f016"; }
.widget_recent_comments h4:before { content: "\f086"; }
.widget_recent_entries h4:before { content: "\f005"; }
.widget_tag_cloud h4:before { content: "\f02c"; }

/*--- Search widget ---*/
#s {
	background-image: url(img/icon-search.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	font-size: 1.1em;
	height: 35px;
	line-height: 1.4em;
	padding-left: 23px !important;
	width: 288px;
}
#searchsubmit {
	display: none;
}

/*--- Calendar widget ---*/
#calendar_wrap {
	border: 1px solid rgb(196,198,199);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
}
#calendar_wrap table {
	margin: 0;
}
#wp-calendar tr {
	border: 0;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
}
#wp-calendar tfoot td  {
	padding-top: 10px;
}
td#prev {
	text-align: left;
}
td#next {
	text-align: right;
}

/*--- Tagcloud widget ---*/
div.tagcloud {
	margin: 0 2px;
}

/*--------------------------------------------------------------------------------------------
	3.8 Media
--------------------------------------------------------------------------------------------*/

/*.site-header img,*/
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100% !important; /*--- Fluid images for posts, comments, and widgets ---*/
}
/*.site-header img,*/
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /*--- Make sure images with WordPress-added height and width attributes are scaled correctly ---*/
}
/*.site-header img,*/
.entry-content img,
img.size-full {
	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 {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background-color: rgba(196,198,199,0.3);
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1.25em;
	max-width: 100%;
}
.wp-caption img {
	display: block;
	margin: 2% auto 0;
	width: 96%;
}
.wp-caption-text,
.gallery-caption {
	font-size: 0.8em;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
#content .gallery {
	margin-top: 0.5em;
}
#content .gallery a img {
	border: none;
	height: auto;
	display: block;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}
#content .gallery-item {
	margin-top: 0!important;
	margin-bottom: 1%!important;
	margin-left: 0!important;
	margin-right: 1%!important;
	text-align: left!important;
}
.gallery-columns-1 .gallery-item { width: 99%!important;}
.gallery-columns-2 .gallery-item { width: 49%!important;}
.gallery-columns-3 .gallery-item { width: 32.33%!important;}
.gallery-columns-4 .gallery-item { width: 24%!important;}
.gallery-columns-5 .gallery-item { width: 19%!important;}
.gallery-columns-6 .gallery-item { width: 15.66%!important;}
.gallery-columns-7 .gallery-item { width: 13.28%!important;}
.gallery-columns-8 .gallery-item { width: 11.5%!important;}
.gallery-columns-9 .gallery-item { width: 10.11%!important;}

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

/*--------------------------------------------------------------------------------------------
	3.9 Comments
--------------------------------------------------------------------------------------------*/

/*--- Form ---*/
#commentform input,
#commentform textarea {
	display: block;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin-bottom: 0.3em;
	max-width: 600px;
}
p.form-allowed-tags {
	max-width: 600px;
	display: block;
	font-size: 0.8em;
}
p.comment-notes,
p.form-allowed-tags code {
	font-size: 0.9em;
}
#respond #reply-title small {
	display: block;
	font-size: 0.5em;
}

/*--- Comments ---*/
#comments ol.commentlist {
	list-style: none;
	margin-left: 90px;
}
#comments ul.children {
	list-style: none;
	margin-left: 45px;
}
.pingback {
	font-size: 1.2em;
	margin-left: -90px;
	margin-bottom: 0 !important;
}
.pingback p:before {
	content: "\f0c1";
	font-family: 'FontAwesome';
	margin-right: 3px;
}
article.comment,
.bypostauthor ul article.comment {
	background-color: rgba(196,198,199,0.3);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	margin-bottom: 15px;
	overflow: visible;
	position: relative;
}
article.comment:before,
.bypostauthor ul article.comment:before {
	border-left: 12px solid transparent;
	border-bottom: 12px solid rgba(196,198,199,0.3);
	top: 20px;
	content: '';
	position: absolute;
	left: -12px;
}
.bypostauthor article.comment{
	background-color: rgba(196,198,199,0.6);
}
.bypostauthor article.comment:before {
	border-left: 12px solid transparent;
	border-bottom: 12px solid rgba(196,198,199,0.6);
}
.comment-author img {
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	left: -90px;
	padding: 5px;
	position: absolute;
	top: 10px;
}
.comment footer,
.comment-content {
	padding: 10px;
}
.comment-author cite{
	font-style: normal!important;
	font-size: 1.2em;
}
.comment-author a{
	font-weight: bold;
}
.comment-meta {
	font-size: 0.8em;
}
.comments-area .reply {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: .4s all ease;
	-moz-transition: .4s all ease;
	-o-transition: .4s all ease;
	margin: 0 0 10px 10px;
	position: relative;
}
.comments-area .reply:hover {
	background-color: #4c4b4a;
}
a.comment-reply-link {
	color: #fff!important;
	display: block;
	text-align: right;
	font-size: 1em;
	line-height: 2em;
	margin: 0 5px;
}

/*--------------------------------------------------------------------------------------------
	3.10 Footer
--------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	color: #fff;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
#footer-widgets {
	margin: 1.5em auto;
	width: 1008px;
}
#footer1, #footer2, #footer3, #footer4 {
	float: left;
	margin: 0 24px;
}
.footer-one #footer aside { width: 960px; }
.footer-two #footer aside { width: 456px; }
.footer-three #footer aside { width: 288px; }
.footer-four #footer aside { width: 204px; }

#footer-info {
	clear: both;
	font-size: 0.7em;
	padding: 1.5em 0;
}
#footer a {
	color: #fff;
	font-weight: bold;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #4c4b4a !important;
}
.footer-widgets {
	margin: 20px 0 0 0;
}
.footer-widgets:last-child {
	margin-right: 0 !important;
	clear: right;
}


/*--------------------------------------------------------------------------------------------

	4. Shortcode Styles
	
--------------------------------------------------------------------------------------------*/

.one_half_col { 
	width: 47.5%;
}
.one_third_col { 
	width: 30%; 
}
.two_third_col {
	width: 65%;
}
.one_fourth_col {
	width: 21.25%;
}
.three_fourth_col {
	width: 73.75%;
}
.one_half_col,
.one_third_col,
.two_third_col,
.three_fourth_col,
.one_fourth_col { 
	float: left;
	margin-right: 5%;
	position: relative;
}
.last_col {
	clear: right;
	margin-right: 0 !important;
}
.last_col:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.infobox,
.warningbox,
.successbox,
.errorbox {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
	float: none;
	display: block;
	margin: 1em 0;
	overflow: hidden;
	padding: 0.5em;
}
.infobox {
	background-color: #d9efff;
	border: 1px solid #009de0;
	color: #009de0;
}
.warningbox {
	background-color: #ffe9c6;
	border: 1px solid #c09035;
	color: #c09035;
}
.successbox {
	background-color: #e2feeb;
	border: 1px solid #289548;
	color: #289548;
}
.errorbox {
	background-color: #fed7da;
	border: 1px solid #c20e1a;
	color: #c20e1a;
}
.infobox i,
.warningbox i,
.successbox i,
.errorbox i {
	display: inline-block;
	line-height: 0.8;
	margin-right: 0.3em;
}


/*----------------------------------------------------------------------------------------------

	5. Responsive Styles

-----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1101px) {

	.post-format-icon {
		position: absolute;
		right: 610px;
		top: 3px;
	}
	.sidebar-off .post-format-icon {
		right: 970px;
	}
	.sticky .post-format-icon {
		top: 14px;
	}
	
	span.format-standard:before { font-size: 3.65em; }
	span.format-aside:before { font-size: 3.6em; }
	span.format-gallery:before { font-size: 3.5em; }
	span.format-image:before { font-size: 3.6em; }
	span.format-link:before { font-size: 3.45em; }
	span.format-quote:before { font-size: 3.5em; }
	span.format-video:before { font-size: 3.7em; }
}

@media only screen and (max-width: 1100px) {

	span.format-standard:before { font-size: 2.65em; }
	span.format-aside:before { font-size: 2.6em; }
	span.format-gallery:before { font-size: 2.5em; }
	span.format-image:before { font-size: 2.6em; }
	span.format-link:before { font-size: 2.45em; }
	span.format-quote:before { font-size: 2.5em; }
	span.format-video:before { font-size: 2.7em; }
		
	h1,
	h2,
	h3 {
		margin-left: 0;
	}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2.25em;
	}
	pre {
		word-wrap: break-word;
	}
}

@media only screen and (max-width: 970px) {

	.site-title {
		display: block;
		float: none;
		margin: 0;
		width: 100%;
	}
	.site-logo {
		display: block;
		float: none;
		margin-top: 0;
	}
	.site-description {
		background-color: transparent;
		color: #4c4b4a;
		line-height: 1;
		margin: 0.1em 0 1em;
		padding: 0;
	}
	.site-description:after {
		border: 0 !important;
	}
	
	#content,
	.one_half_col,
	.one_third_col,
	.two_third_col,
	.three_fourth_col,
	.one_fourth_col,
	fieldset,
	.comment-form-author,
	.comment-form-email,
	.comment-form-url,
	.comment-form-comment,
	#footer-widgets,
	select {
		max-width: 100% !important;
		width: 100% !important;
	}
	.wp-post-image {
		max-width: 100% !important;
	}
	.main-small-navigation ul {
		margin: 0 0.5em 0.5em;
	}
	#header-searchform {
		clear: both;
		width: 100%;
	}
	#footer-info {
		padding-top: 0;
	}
}

@media only screen and (min-width: 481px) and (max-width: 970px) {

	/*--- Container ---*/
	.container {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%
	}
	#content {
		margin: 3.5em 0;
	}
	#sidebar {
		clear: both;
		float: none !important;
		margin: 2em auto;
		width: 100%
	}
	
	/*--- Navigation ---*/
	.main-small-navigation li a {
	    font-size: 1.4em;
	    font-weight: bold;
	    line-height: 2;
	}
	
	/*--- Form Elements ---*/
	input[type="text"],
	input[type="password"] {
		width: 60%;
	}

	/*--- Footer ---*/
	#footer-widgets {
		margin-top: 3.5em;
		margin-bottom: 0;
	}
	#footer1, #footer2, #footer3, #footer4 {
		float: none;
		margin-left: 10%;
		margin-right: 10%;
		width: 100%;
	}
	#footer aside {
		width: 80% !important;
	}
}

@media only screen and (max-width: 480px) {

	/*--- Container ---*/
	body {
		font-size: 1.5em;
		line-height: 1.5;
		word-spacing: 3px;
	}
	.container {
		margin-left: 5%;
		margin-right: 5%;
		max-width: 90%
	}
	#content {
		margin: 1em 0;
	}
	#sidebar {
		clear: both;
		float: none !important;
		margin: 0 auto;
		width: 100%
	}
	
	/*--- Widgets --*/
	#s {
		font-size: 1.5em;
		width: 100%;
	}
	
	/*--- Navigation ---*/
	.main-small-navigation li a {
	    font-size: 1.2em;
	    line-height: 1.8;
	}
	.nav-previous, 
	.nav-next {
		float: none;
		margin-bottom: 0.5em;
		max-width: 100%;
	}
	
	/*--- Form Elements ---*/
	input[type="text"],
	input[type="password"] {
		width: 100%;
	}
	
	/*--- Post Meta ---*/
	span.format-standard:before { font-size: 2.05em; }
	span.format-aside:before { font-size: 2.1em; }
	span.format-gallery:before { font-size: 2em; }
	span.format-image:before { font-size: 2.1em; }
	span.format-link:before { font-size: 1.95em; }
	span.format-quote:before { font-size: 2em; }
	span.format-video:before { font-size: 2.2em; }
	
	.post-info br {
		display: none;
	}
	.footer-meta br {
		display: none;
	}
	.release-date,
	.author-link,
	.comments-link,
	.cat-links,
	.tag-links {
		display: block;
	}
	.sep {
		clear: left;
		display: none;
	}
	.social-buttons > div {
		width: 100%;
	}
	.social-buttons .googleplus-one {
		text-align: left;
	}
	
	/*--- Font Formats ---*/
	h1,	h2,	h3,	h4,	h5,	h6 {
		clear: both;
		letter-spacing: 1px;
		line-height: 1.2;
		word-spacing: 2px;
		word-wrap: break-word;
	}
	h1 {
		font-size: 2em;
		margin: 0.3em 0 0.3em -1px;
	}
	h2 {
		font-size: 1.75em;
		margin: 0.6em 0 0.3em -1px;
	}
	h3 {
		font-size: 1.5em;
		margin: 0.6em 0 0.2em 0;
	}
	h4 {
		background-color: rgba(196,198,199,0.3);
		font-size: 1.25em;
		margin: 0.6em 0 0.4em;
		padding: 3px 1px 2px;
	}
	h5 {
		font-size: 1.25em;
		margin: .8em 0 0.5em;
	}
	h6 {
		font-size: 1em;
		margin: 1em 0 0.5em;
	}
	blockquote {
		font-size: 1.2em;
	}
	
	/*--- Comments ---*/
	#comments ol.commentlist,
	#comments ul.children,
	li.pingback	{
		margin-left: 0;
	}
	.comment-author img {
		display: none;
	}

	/*--- Footer ---*/
	#footer-widgets {
		margin-top: 2em;
		margin-bottom: 0;
	}
	#footer1, #footer2, #footer3, #footer4 {
		float: none;
		margin-left: 5%;
		margin-right: 5%;
		width: 100%;
	}
	#footer aside {
		width: 90% !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
	#s {
		background-image: url(img/icon-search-x2.png);
	}
}
