/*======================================
Theme Name: zeeLinear
Theme URI: http://themezee.com/themes/zeelinear/
Description: zeeLinear is a beautiful one-column blogging theme which supports WordPress post formats (like image, video, quote, status ...) and is designed to focus on your content. The theme is fully responsive (= mobile ready) which means the theme looks wonderful on any device. zeeLinear also comes with a Featured Posts Slider which allow you to highlight particular posts. The included theme options let you choose from eight different color schemes and upload your own custom logo. Of course there is support of all WordPress core features like custom menus, widgetized sidebars, custom background, custom headers and featured images. Check out the full demo on http://preview.themezee.com/zeelinear/
Version: 1.0.3
Author: ThemeZee
Author URI: http://themezee.com
Tags: one-column, light, photoblogging, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, flexible-width, black, silver, red, white, green, blue, orange, purple, gray
Text Domain: zeeLinear_language
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Styles
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
body {
	font-family: 'Lora', Times New Roman, Verdana, Arial;
	font-size: 1.0em;
	border: 0;
	color: #111;
	background: #eee;
}

/* Links */
a, a:link, a:visited{
	color: #08a000;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Form Elements */
input, textarea {
	padding: 0.8em;
	background: #f9f9f9;
	border: 2px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Lora', Times New Roman, Verdana, Arial;
}
input[type="submit"] {
	border: none;
	color: #fff;
	background: #08a000;
}
input[type="submit"]:hover {
	background-color: #303030;
	cursor: pointer;
}
/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
}

/* Clearing Floats */
.clearfix:before, .clearfix:after {  
	content: " ";
	display: table;  
}  
.clearfix:after {  
	clear: both;
}  
.clearfix {
    *zoom: 1; /* For IE 6/7 only */  
}

/* Basic Structure 
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 95%;
	margin: 0 auto;
	background: #fff;
	padding: 0 5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header {
	background: #fff;
}
#wrap {
	clear: both;
	padding-bottom: 4em;
}

/* Header
-------------------------------------------------------------- */
#logo {
	clear: both;
	padding: 4em 0;
	text-align: center;
}
#logo .logo-image {
	border: 0;
	max-width: 100%;
	height: auto;
}
#logo .site-title {
	font-size: 4.0em;
	color: #08a000;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
}
#logo a:hover {
	text-decoration: none;
}
#logo a:hover .site-title {
	color: #303030;
}
#logo .site-description {
	margin-top: 1em;
	font-size: 1.5em;
	color: #777;
}

/* Custom Header Image */
#custom-header {
	margin: 0 0 3em 0;
}
#custom-header img {
	max-width: 1200px;
	vertical-align: top;
	width: 100%;
	height: auto;
}

/* Navigation Menu
-------------------------------------------------------------- */
#mainnav-icon {
	display: none;
}
#mainnav {
	float: left;
	background: #333;
	width: 100%;
	text-align: center;
}
#mainnav-menu {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#mainnav-menu li{
	display: inline-block;
	position:relative;
	margin-right: 1px;
}
#mainnav-menu a{
	display: block;
	padding: 1.5em;
	text-decoration: none;
	color: #fff;
}
#mainnav-menu a:link, #mainnav-menu a:visited{
	color: #fff;
	text-decoration: none;
}
#mainnav-menu a:hover {
	background: url(images/navi.png) repeat;
}
#mainnav-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	border-bottom: none;
	background: #333;
	padding: 0;
	margin: 0;
	text-align: left;
}
#mainnav-menu ul li{
	float: left;
}
#mainnav-menu ul a {
	width: 200px;
	width: 12rem;
	padding: 1em 1.5em;
	margin-bottom: 1px;
	float: left;
	font-weight: normal;
}
#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
	color: #ddd;
	text-decoration: none;
}
#mainnav-menu ul a:hover {
	text-decoration: underline !important;
	color: #fff;
}
#mainnav-menu ul ul{
	top: -1px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}
#mainnav-menu li ul ul {
	margin-left: 230px;
	margin-left: 15rem;
}
#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
	display:none;
}
#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
	display:block;
}
#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
	text-decoration: none;
}
#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
	text-decoration: underline;
}

/* Post Structure
-------------------------------------------------------------- */
.type-post {
	background: #eee;
	border-bottom: 2px solid #ccc;
}
.type-post .post-body {
	float: left;
	width: 75%;
	background-color: #6bdb57;
	margin-bottom: -2px;
}
.type-post .post-format {
	float: left;
	width: 15%;
	padding: 1.5em 0;
	text-align: center;
	color: #fff;
}
.type-post .post-content {
	float: left;
	width: 85%;
	padding: 2em;
	background: #f9f9f9;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
	min-height: 250px;
}
.type-post .postmeta {
	margin-left: 75%;
	width: 25%;
	padding: 1em;
	font-size: 0.9em;
	border-top: 10px solid #ccc;
}
.type-post .post-body, .type-post .post-format,
.type-post .post-content, .type-post .postmeta {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.type-post .post-format .post-format-icon:before,
.type-post .postmeta .post-format-icon:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 64px 'Genericons';
	vertical-align: middle;
	color: #fff;
}
.type-post .post-format .post-format-icon span,
.type-post .postmeta .post-format-icon span {
	display: none;
}
.type-post .postmeta .post-format-icon {
	padding: 0;
	text-align: center;
	color: #fff;
	background-color: #6bdb57;
	margin-bottom: 1em;
	display: none;
}
.format-link .post-content .entry a {
	display: block;
	padding: 0.8em 1.4em;
	background: #6bdb57;
	color: #fff;
	font-size: 1.1em;
}
.format-link .post-content .entry a:hover {
	text-decoration: none;
	background: #333;
}
.format-link .post-content .entry a:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px 'Genericons';
	vertical-align: middle;
	color: #fff;
	content: '\f442';
	margin-right: 0.3em;
}

/* Post Format Icons */
.format-standard .post-format-icon:before {
	content: '\f100';
}
.format-aside .post-format .post-format-icon:before {
	content: '\f101';
}
.format-gallery .post-format .post-format-icon:before {
	content: '\f103';
}
.format-link .post-format .post-format-icon:before {
	content: '\f107';
}
.format-image .post-format .post-format-icon:before {
	content: '\f102';
}
.format-quote .post-format .post-format-icon:before {
	content: '\f106';
}
.format-status .post-format .post-format-icon:before {
	content: '\f105';
}
.format-video .post-format .post-format-icon:before {
	content: '\f104';
}
.format-audio .post-format .post-format-icon:before {
	content: '\f109';
}
.format-chat .post-format .post-format-icon:before {
	content: '\f108';
}

/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .attachment  {
	margin: 0 0 4em 0;
}
.page-title, .post-title, .small-title {
	color: #333;
	line-height: 1.3em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.page-title {
    font-size: 2.0em;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
	padding: 1rem;
	text-align: center;
	margin-bottom: 1em;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.post-title {
    font-size: 2.5em;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
	color: #08a000;
	margin-bottom: 0.5em;
}
.small-title {
	padding: 1.3em 0.1em;
	color: #555;
	font-size: 0.9em;
}
.post-title a:link, .post-title a:visited,
.small-title a:link, .small-title a:visited  {
	color: #08a000;
	text-decoration: none;
}
.post-title a:hover, .post-title a:active,
.small-title a:hover, .small-title a:active{
	color: #333 !important;
}
.sticky {
	margin-left: 3em;
}

/* Page Links | wp_link_pages() */
.page-links {
	word-spacing: 1em;
}

/* Postmeta */
.postmeta span {
	display: block;
	padding: 0.5em 0.8em;
	border-top: 1px solid #ccc;
	background: #fff;
}
.postmeta span:before, .postinfo span:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Genericons';
	vertical-align: middle;
	color: #555;
}
.postmeta .meta-date:before{
	content: '\f307';
}
.postmeta .meta-author:before{
	content: '\f304';
}
.postmeta .meta-comments:before{
	content: '\f300';
}
.postmeta .meta-category:before{
	content: '\f301';
}
.postmeta .meta-tags:before{
	content: '\f302';
}
.more-link:before {
	content: "\A";
	white-space: pre;
}
.more-link span, .read-more span {
	display: inline-block;
	margin: 0.7em 0 0;
	padding: 0.5em 1.2em;
	text-decoration: none;
	font-size: 0.9em;
	background-color: #08a000;
	color: #fff;
}
.more-link span:link, .more-link span:visited, .read-more span:link {
	color: #fff;
}
.more-link span:hover, .more-link span:active, .read-more span:hover{
	background-color: #303030;
	text-decoration: none;
}

/* Archives and Search Heading */
.archive-title {
	font-size: 2.0em;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
	color: #333;
	line-height: 1.3em;
	padding: 1rem;
	margin-bottom: 3em;
	text-align: center;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.archive-title span{
	color: #777;
}

/* Author Box */
.author-box {
	color: #444;
	margin: 0 0 4em 0;
	padding: 1.5em;
	border-top: 10px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #f4f4f4;
}
.author-image {
	float: left;
	margin-right: 1em;
}
.author-image img {
	margin: 0;
}
.author-info h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
	color: #333;
}
.author-description {
	color: #555;
	line-height: 1.5em;
}
.author-website {
	margin-top: 1em;
	font-size: 0.9em;
}

/* Default Pagination */
.post-pagination {
	float: left;
	width: 100%;
	padding: 1em;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.post-pagination .pagination-previous {
	float: left;
}
.post-pagination .pagination-next {
	float: right;
}

/* Pagination with WP-Pagenavi plugin */
.wp-pagenavi {
	float: left;
	width: 100%;
	padding: 1em;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wp-pagenavi .pages {
    float: right;
}
.wp-pagenavi a {
    margin: 0 0.5em 0 0;
	display: inline-block;
	padding: 0 0.6em;
    text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.wp-pagenavi a:hover {
	text-decoration: underline;
}
.wp-pagenavi .current {
    text-decoration: underline;
	padding: 0 0.6em;
	color: #08a000;
	font-weight: bold;
}

/* Text Elements
-------------------------------------------------------------- */
.entry {
	line-height: 1.6em;
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 0 0 1.5em;
}
.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.0em;
	margin: 1.2em 0 0.3em;
}
.entry h1, .comment h1 {
	font-size: 3.0em;
}
.entry h2, .comment h2 {
	font-size: 2.25em;
}
.entry h3, .comment h3 {
	font-size: 1.5em;
}
.entry h4, .comment h4 {
	font-size: 1.25em;
}
.entry h5, .comment h5 {
	font-size: 1.125em;
	margin: 1.3em 0 0;
}
.entry h6, .comment h6 {
	font-size: 1.0em;
	margin: 1.3em 0 0;
}
.entry ul, .comment ul{
	list-style: square inside;
	margin: 0 0 1.5em 2em;
}
.entry ol, .comment ol{
	list-style: decimal inside;
	margin: 0 0 1.5em 2em;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 0.2em;
}
dl {
	margin: 1.5em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
code, pre {
	padding: 3px 8px;
	margin: 0 1px;
	background: #eeeeee;
	color: #222;
	font-size: 0.9em;
	font-family: Monospace, "Courier New", Courier;
	overflow: auto;
	line-height: 1.0em;
}
del, strike, s{
	text-decoration: line-through;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
	font-size: 0.7em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry var, .entry kbd, .entry tt, .entry .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote{
	background:#f5f5f5;
	border-left: 64px solid #e5e5e5;
	margin: 0 0 2em;
	padding: 1em;
	font-size: 1.2em;
	color: #666;
}
blockquote:before{
	margin-left: -75px;
	padding-right: 25px;
	content: '\f106';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 48px/20px 'Genericons';
	vertical-align: bottom;
	color: #aaa;
}
blockquote p {
	display:inline;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 0.3em 0;
	text-align: left;
	width: 100%;
}
.entry tr th,
.entry thead th {
	background: #e5e5e5;
	font-weight: bold;
	padding: 0.2em 0.3em;
}
.entry tr td {
	border-top: 1px solid #ddd;
	padding: 0.2em 0.3em;
}
.entry tr.alternate td {
	background: #f5f5f5;
}

/* Images | Gallery | Videos
-------------------------------------------------------------- */
article .wp-post-image {
	max-width: 100%;
	height: auto;
	margin-bottom: 1.5em;
}
.entry img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0 0 1em;
}
.wp-caption-text {
	margin: 0 !important;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
}
.alignleft { 
	float: left; 
	display: inline; 
	margin: 0 2em 1.5em 0;
}
.alignright	{
	float: right; 
	display: inline; 
	margin: 0 0 1.5em 2em;
}
.aligncenter {
	margin: 0 auto 1.5em; 
	display: block;
}

/* Gallery Styling */
.gallery {
	margin: 0 auto 1em !important;
}
.gallery-item {
	float: left;
	margin:  0 0 0.6em 0 !important;
	padding-right: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.gallery-caption {
	margin-left: 0.3em !important;
}

/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}

/* Image.php Navigation */
#image-nav {
	float: left;
	width: 100%;
	padding: 1em;
	margin-bottom: 1em;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#image-nav span {
	display: block;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	padding: 0.5em 0.6em;
	text-decoration: none;
	background: #08a000;
	color: #fff;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	background: #303030;
}

/* Widget Areas
-------------------------------------------------------------- */
#header-widgets-wrap {
	clear: both;
	margin-bottom: 3em;
}
#header-widgets {
	display: none;
	margin-right: -3em;
	margin-top: 3em;
}
.widget-area .widget-column {
	float: left;
	width: 33.3333333334%;
	padding-right: 3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Header Widget expand icon */
#header-widgets-icon {
	margin: 0 auto;
	text-align: center;
	background: #444;
}
#header-widgets-icon:before {
	display: inline-block;
	background: #6bdb57;
	width: 70%;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	-webkit-font-smoothing: antialiased;
	font: normal 46px 'Genericons';
	vertical-align: middle;
	color: #fff;
}
#header-widgets-icon:hover {
	cursor: pointer;
}
.widget-icon-expand:before {
	content: '\f431';
}
.widget-icon-collapse:before {
	content: '\f432';
}
/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 3em;
	color: #333;
}
.widgettitle {
	font-size: 1.0em;
	font-weight: normal;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
	padding: 0.8em 1em;
	margin-bottom: 2em;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.widget .textwidget {
	line-height: 1.5em;
	padding: 0;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul, .widget div {
	padding: 0;
	line-height: 1.5em;
}
.widget ul {
	list-style: inside circle;
	margin: 0 1em;
}
.widget ul li {
	margin: 0.5em 0;
}
.widget ul .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #08a000;
}
.widget a:hover, .widget a:active {
	text-decoration: underline;
}
.widget img {
	max-width: 100%;
	height: auto;
}


/* Custom Widgets
-------------------------------------------------------------- */

/* Theme Search Widget */
#searchform {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#s {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.8em 45px 0.8em 0.8em;
	background: #f9f9f9;
	border: 2px solid #ddd;
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchsubmit {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background: url(images/search-icon.png) 0 11px no-repeat;
	border: none;
	cursor: pointer;
}
#searchsubmit:hover {
	background: url(images/search-icon.png) -36px 11px no-repeat;
}

/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar caption {
	font-style: italic;
	margin-bottom: 0.1em;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
}
#wp-calendar tfoot tr td {
	padding-top: 0.5em;
}
#wp-calendar #next {
	padding-right: 0.8em;
	text-align: right;
}

/* Comments
-------------------------------------------------------------- */
#comments .comments-title, #respond #reply-title {
	font-size: 1.5em;
	font-family: 'Trocchi', Times New Roman, Verdana, Arial;
	line-height: 1.3em;
	color: #333;
	padding: 1rem;
	margin-bottom: 2em;
	text-align: center;
	border-top: 10px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.commentlist {
	display: block;
	clear: both;
	margin: 2em 0;
}
.commentlist .comment{
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.commentlist .comment-body {
	display: block;
	margin: 2em 0 0;
	padding: 1.5em 0 0;
	padding: 2em;
	background: #f4f4f4;
	border-top: 10px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.comment-author img {
	float: left;
	margin-right: 2em;
	margin-top: -0.1em;
}
.comment-author img:after {
	clear: both;
}
.comment-author .fn {
	font-size: 1.5em;
	font-style: normal;
	padding: 0.2em 0;
}
.bypostauthor .fn, .comment-author-admin .fn{
	font-style: italic;
	background: #fff;
	padding: 0 0.6em;
}
.comment-meta {
	font-size: 0.9em;
	margin-bottom: 1.5em;
}
.comment-meta a:link, .comment-meta a:visited, 
.comment-meta a:active, .comment-meta a:hover {
	color: #666 !important;
}
#comments .children {
	margin-left: 2em;
}
.nocomments {
	padding: 1em 1em 0;
	margin-bottom: 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	padding: 1em 1em 0;
	margin-bottom: 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}

/* Comment Form */
#respond {
	margin: 2em 0;
}
#commentform p {
	margin: 2em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 2em;
	text-decoration: none;
	color: #fff !important;
	background: #08a000;
}
#commentform #submit:hover {
	background-color: #303030;
	cursor: pointer;
	text-decoration: none;
}

/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.fullwidth {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	padding: 1em;
	background: #333;
	margin: 0;
	color: #fff;
}
#footer a {
	color: #ccc;
}
#footer #credit-link {
	float: right;
	font-size: 0.9em;
}

/*============================ MEDIA QUERIES ============================*/

/* Small screens | <1200px */
@media only screen and (max-width: 75em) {
	body {
		font-size: 0.95em;
	}
	#wrapper {
		padding: 0 4em;
	}
	/* Post Structure */
	.type-post .post-format {
		width: 10%;
	}
	.type-post .post-content {
		width: 90%;
	}
}

/* Even smaller screens | <1040px */
@media only screen and (max-width: 65em) {
	#wrapper {
		width: 96%;
		padding: 0 3em;
	}
	#logo {
		padding: 3em 0;
	}
	#logo .site-title {
		font-size: 3.5em;
	}
	#wrap {
		padding-bottom: 3em;
	}
}

/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {

	/* Mobile Navigation */
	
	/* Reset */
	#mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul, 
	#mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul 
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		top: 0;
		left: 0;
	}
	#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,
	#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul
	{
		display: inline;
	}
	
	#mainnav-icon {
		display: block;
		font-size: 1.0em;
		padding: 1.5em;
		color: #fff;
		background: #333;
	}
	#mainnav-icon:hover {
		cursor: pointer;
		text-decoration:  underline;
	}
	#mainnav-icon:after {
		float: right;
		content: "";
		width: 32px;
		height: 30px;
		background: url(images/menu-icon.png) no-repeat 50%;
		margin: -0.5em 0 0 0;
	}
	#mainnav {
		text-align: left;
	}
	#mainnav-menu {
		width: 100%;
		display: none;
		background: #333;
	}
	#mainnav-menu a {
		display: block;
		padding: 1.5em;
		text-decoration: none;
		clear: left;
		color: #eee;
		background: url(images/navi.png) repeat;
		margin-bottom: 1px;
	}
	#mainnav-menu a:link, #mainnav-menu a:visited{
		color: #fff;
		text-decoration: none;
	}
	#mainnav-menu a:hover{
		background: #333;
	}
	#mainnav-menu ul {
		float: left;
		padding: 1em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url(images/navi.png) repeat;
	}
	#mainnav-menu ul ul {
		background: none;
	}
	#mainnav-menu ul li {
		display: block;
		width: 100%;
	}
	#mainnav-menu ul a {
		display: block;
		width: 100%;
		padding: 1.5em;
		border-bottom: 1px solid #333;
		font-size: 0.9em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul a:hover {
		color: #ddd;
		background: url(images/navi.png) repeat;
	}
	#mainnav-menu ul li ul {
		float: left;
		padding: 0 0 0 1.5em;
		width: 100%;
		border-top: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/* Logo and Tagline */
	#logo .site-title {
		font-size: 3.5em;
	}
	#logo .site-description {
		font-size: 1.4em;
	}
	
	/* Post Structure */
	.type-post .post-body {
		width: 65%;
	}
	.type-post .post-format {
		display: none;
	}
	.type-post .post-content {
		float: none;
		width: 100%;
	}
	.type-post .postmeta {
		margin-left: 65%;
		width: 35%;
	}
	.type-post .postmeta .post-format-icon {
		display: block;
	}
	#comments .children {
		margin-left: 1em;
	}
	
	/* Widgets */
	.widget-area .widget-column {
		padding-right: 2em;
	}
	#header-widgets {
		margin-right: -2em;
	}
}

/* Tablets (portrait) | <880px */
@media only screen and (max-width: 55em) {
	
	/* Widgets */
	.widget-area .widget-column {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#header-widgets {
		margin-right: 0;
	}

}

/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	
	/* Layout */
	#wrapper {
		padding: 0 2em;
	}
	#logo {
		padding: 2em 0;
	}
	#logo .site-title {
		font-size: 3.0em;
	}
	#wrap {
		padding-bottom: 2em;
	}
	
	/* Logo and Tagline */
	#logo .site-title {
		font-size: 3.0em;
	}
	#logo .site-description {
		font-size: 1.2em;
	}

	/* Post Structure */
	.type-post .post-body {
		float: none;
		width: 100%;
	}
	.type-post .post-format {
		display: block;
		width: 100%;
		background: #6bdb57;
		padding: 0;
		margin-bottom: 2em;
		border-bottom: 10px solid #ddd;
	}
	.type-post .postmeta {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.type-post .postmeta .post-format-icon {
		display: none;
	}
}

/* Phablets (smartphones + tablets) | <640px */
@media only screen and (max-width: 40em) {
	#wrapper {
		width: 100%;
		margin: 0;
	}
}

/* Smartphones | <480px */
@media only screen and (max-width: 30em) {
	body {
		font-size: 1.0em;
	}
	/* Logo and Tagline */
	#logo .site-title {
		font-size: 2.5em;
	}
	#logo .site-description {
		font-size: 1.1em;
	}
	.post-title {
		font-size: 1.8em;
	}
	.page-title {
		font-size: 2.0em;
	}
	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}
}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	#wrapper {
		padding: 0 1em;
	}
}

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60em) {
	/* ensure #nav is visible on desktop version */
	#mainnav-menu {
		display: block !important;
	}
	#mainnav-menu li.menu-item:hover a {
		background: url(images/navi.png) repeat;
	}
}