/*
Theme Name: Jane
Author: cats_456
Theme URI:
Author URI: 
Description: Jane is a simple and clean HTML5 and CSS3 WordPress blog theme. The theme features custom header, custom background, featured image, post formats and custom menu. Jane supports 3 widgetized areas (in the header, footer and left column). Jane translation-ready theme with fully responsive design and WooCommerce-ready.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Jane WordPress Theme, Copyright 2014 cats_456
Jane is distributed under the terms of the GNU GPL
Jane WordPress Theme is based on the Twenty Twelve default WordPress Theme, Copyright 2012 the WordPress team (wordpress.org)
Twenty Twelve WordPress Theme is distributed under the terms of the GNU GPL
Tags: left-sidebar, one-column, custom-background, custom-header, custom-menu, featured-images, post-formats, sticky-post, translation-ready, blog
Text Domain: jane

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
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;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}
audio:not([controls]) {
	display: none;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-size: 18px;
	line-height: 1.5;
}
body {
	background: #02050c;
}
a {
	color: #ccccff;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	color: #fff;
	outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin: 12px 0;
}

h1 {
	font-size: 32px;
	line-height: 1.34;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.1;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #ccc;
	color: #112;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #fff;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #fff;
	font-family: 'Tangerine', sans-serif;
	font-size: 24px;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: bold;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 12px 0 12px 12px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 12px;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); 
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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;
}

table,
th,
td {
	border: 1px solid #ccc;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin-bottom: 12px;
}

img {
	border: 1px solid #555;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	width: auto;
}

/**
 * Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	background: #666;
	border: 1px solid #fff;
	border-radius: 2px;
	color: #2b2b2b;
	padding: 0 10px;
}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	background: #ccc;
	border: 1px solid #bfcce2;
	outline: 0;
}
textarea:focus {
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #3333ff;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: uppercase;
	vertical-align: bottom;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #3333ff;
}

/* Menu toggle */
.menu-toggle {
	margin-left: 20px;
	padding: 6px 10px;
	font-size: 11px;
	line-height: 1.4;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	cursor: pointer;
}
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
}
.menu-toggle:active,
.menu-toggle.toggled-on {
	color: #767676;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}

.site-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

/* styling search box */
.search-box {
	padding-left: 51px;
}
.search-form {
    position: relative;
}
.search-form input[type="search"] {
	background: #bfcce2;
	color: #333;
	max-width: 200px;
}
.search-form .search-submit {
    background: url(img/bluesbutton.png) top left no-repeat;  
    border: none; 
    height: 40px;
    left: 190px;
    position: absolute;
    top: -20px;
    width: 40px;
}
 
.search-form .search-submit:hover {
    background: url(img/orangesbutton.png) top left no-repeat;  
    border: none; 
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
	width: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
	width: auto;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	overflow: hidden;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 10px 12px 10px 0;
}

.wp-caption.alignleft {
	margin: 10px 12px 10px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 10px 0 10px 12px;
}

.wp-caption.alignright {
	margin: 10px 0 10px 12px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 10px;
	margin-bottom: 10px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	color: #eee;
	margin-bottom: 12px;
	max-width: 100%;
	width: auto;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 10px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #eee;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px #fff;
	clip: auto;
	color: #3333ff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/**
 * Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	color: #ccc;
	margin: 0 auto;
	max-width: 1366px;
	position: relative;
	word-wrap: break-word;
	width: 100%;
}
.content-container {
	border: 1px solid #555;
	clear: both;
	margin: 0 0 10px 0;
	overflow: hidden;
}
/* Fix layout for plugins */
.content {
	overflow: auto; 
}
.site-content {
	background: url( img/back-footer.png) 0 0 repeat-y #02050c;
	border-bottom: 2px solid #ccccff;
	border-top: 2px solid #ccccff;
	box-shadow: 0 0 2px 2px #fff;
	margin-bottom: 14px;
}

.widget_search .search-form {
	border: 1px solid #112;
	padding: 20px 5%;
    position: relative;
}

.widget_search .search-form input[type="search"] {
	margin: 0 5%;
	max-width: 85%;
	padding: 0;
	width: 85%;
}

.widget_search .search-form .search-submit {
    left: 85%;
    top: 0;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/**
 * Header
 * -----------------------------------------------------------------------------
 */
.site-main-info {
	background: url( img/back-footer.png) 0 0 repeat-y #02050c;
	border: 1px solid #555;
}
.site-main-info {
	margin-bottom: 20px;
}
.site-title,
.site-description {
	text-align: center;
}
.site-title {
	margin-bottom: 0;
}
.site-description {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 20px;
}
.site-title a {
	color: #fff;
}
.site-title a:hover {
	color: #ccccff;
}
.site-description {
	color: #ccccff;
}
.header-image {
	border-radius: 200px;
	margin: 0 auto;
}
.img-container {
	margin: 0 auto;
	width: 302px;
}
.search-container {
	margin: 0 auto;
	width: 302px;
}
.google-fonts-on .site-header h1 {
	font-family: 'Tangerine', sans-serif;
	font-size: 40px;
}
.search-box {
	padding-bottom: 20px;
	padding-top: 20px;
}
/**
 * Navigation
 * -----------------------------------------------------------------------------
 */
.navigation.paging-navigation {
	text-align: center;
}
.nav-link {
}
.nav-menu ul{
	list-style: disc;
	margin: 0 0 0 20px;
}
.nav-menu li {
	border-bottom: 1px solid #555;
	font-size: 18px;
}
.nav-menu ul li {
	border-bottom: none;
}
.site-navigation a {
	color: #a6d0e2;
	line-height: 2;
	text-decoration: none;
}
.site-navigation ul.nav-menu,
.site-navigation div.nav-menu > ul {
	display: none;
}
 /**
 * Content
 * -----------------------------------------------------------------------------
 */
.entry-content {
	padding: 0 10px;
}

.entry-content table,
.comment-content table {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 12px;
}

.entry-content th,
.comment-content th {
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}
/**
 * Entry Header
 * -----------------------------------------------------------------------------
 */
.entry-header .entry-title {
	color: #ccccff;
	padding: 0 20px;
	text-align: center;
}

.entry-header .entry-title a {
	color: #ccccff;
}

.entry-header .entry-title a:hover {
	color: #fff;
}
/**
 * Archive Header
 * -----------------------------------------------------------------------------
 */
.archive-header {
	margin-left: 20px;
}
/**
 * Entry Meta
 * -----------------------------------------------------------------------------
 */
.entry-meta {
	color: #aaa;
	font-style: italic;
	padding-right: 20px;
	text-align: right;
}
 /**
 * Post Thumbnail, Category and Tags
 * -----------------------------------------------------------------------------
 */
.image-and-cats {
	border: 1px solid #555;
	background-color: #112;
	clear: both;
	font-size: 32px;
	margin: 0 auto;
	width: 302px;
}
.image-and-cats a {
	color: #fff;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
}
.google-fonts-on .image-and-cats {
	font-family: 'Tangerine', sans-serif;
	font-size: 40px;
}
.category-list {
	padding: 0;
	text-align: center;
}
.category-list li{
	list-style: none;
}
.category-list ul{
	margin: 0;
	padding: 10px;
}
.tags {
	color: #000;
	text-align: center;
}
 /**
 * Post Date
 * -----------------------------------------------------------------------------
 */
.post-date {
	background-color: #24890d;
	border-radius: 0 20px 0 20px;
	color: #fff;
	margin: 5px 0 0 5px;
	padding: 2px;
	text-shadow: 3px 3px 3px #123;
}
.widget .post-date {
	max-width: 90px;
}

.google-fonts-on .post-date {
	font-family: 'Tangerine', sans-serif;
	font-size: 30px;
}
 /**
 * Content Navigation
 * -----------------------------------------------------------------------------
 */
.meta-nav {
	margin: 5px;
}

.previous-image,
.next-image,
.nav-previous, 
.nav-next {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
.nav-previous-one {
	padding: 20px;
}

/**
 * Post Format
 * -----------------------------------------------------------------------------
 */
.post-format {
	padding: 5px;
	text-align: center;
}
/**
 * Gallery
 * -----------------------------------------------------------------------------
 */
.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/**
 * Comments
 * -----------------------------------------------------------------------------
 */
.comments-area {
	margin: 48px auto;
	max-width: 90%;
	padding: 0 10px;
}

.comment-reply-title,
.comments-title {
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}
.comment-meta {
	font-size: 12px;
}
.comment-list .reply {
	margin-top: 24px;
}

.comment-author a {
	color: #fff;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #ccc;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #fff;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-author {
	position: relative;
}
.bypostauthor .fn a {
	color: #ff0000;
}
.bypostauthor .fn a:hover {
	color: #fff;
}

.comment-author .avatar {
	border: 1px solid #eee;
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-body {
	border: 1px solid #555;
	clear: right;
	margin: 20px 0;
	padding: 10px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #ccc;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7;
}

.no-comments {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #ccc;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}
#respond {
	clear: right;
}
.full-size-link {
	padding: 20px;
}

.sticky .entry-title {
    background: url(img/sticky.png) 0 0 no-repeat;  
	padding: 0 0 0 20px;
}

.clear {
	clear: both;
}
.clear-right {
	clear: right;
}

/**
 * Widgets
 * -----------------------------------------------------------------------------
 */

/* Top Sidebar, Footer Sidebar */

.widget {
	color: #333;
	font-size: 18px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	line-height: 1.8;
	padding: 5px;
	width: 100%;
	word-wrap: break-word;
}
.widget a {
	color: #112;
}
.widget a:hover{
	color: #fff;
}
.widget-wrap {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
/* Top Sidebar */
.sidebar-top {
	background: url( img/back-footer.png) 0 0 repeat-y #02050c;
	border-bottom: 2px solid #ccccff;
	border-top: 2px solid #ccccff;
	box-shadow: 0 0 2px 2px #fff;
	color: #eee;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.sidebar-top .widget {
    background: #111;  
	box-shadow: 0 0 5px 3px #ccccff;
	color: #eee;
	margin: 8px;
	overflow: hidden;
	vertical-align: top;
	width: auto;
}

.sidebar-top .widget a {
	color: #ccccff;
}
.sidebar-top .widget a:hover {
	color: #fff;
}

.sidebar-top .widget-wrap {
	display: none;
}
.sidebar-top .widget-wrap:first-child {
	display: inline-block;
}
/* main sidebar */
.column select {
	width: 100%;
}

.column {
	margin-top: 20px;
	padding: 10px;
}

.column .widget {
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}

.column .widget {
	color: #eee;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: top;
	width: auto;
}

.column .widget a {
	color: #ccccff;
}

.column .widget .widget-title {
	background: #ccc;
	color: #0d0d2e;
	padding: 5px;
}
.column {
	display: none;
}
.column .widget-title a {
	color: #112;
}
/* Footer Sidebar */
.sidebar-footer  {
	padding: 40px 10px;
}

.sidebar-footer .widget-wrap {
	margin-bottom: 10px;
}

.sidebar-footer .widget-wrap .widget {
	color: #ccc;
}
.sidebar-footer .widget-wrap .widget a {
	color: #ccccff;
}

.sidebar-footer a:hover {
	color: #fff;
}

.sidebar-footer .widget {
	box-shadow: 0 0 5px 5px #ccccff;
	margin: 8px;
	overflow: hidden;
	vertical-align: top;
	width: auto;
}

.sidebar-footer .widget-title {
	text-align: center;
}
/* Calendar Widget*/
.widget.widget_calendar {
	border: 3px solid #555;
	background: #112;
	border-radius: 30px;	
	color: #ccc;
	font-size: 13px;
	line-height: 1.8;
}
.widget_calendar #next{
	text-align: right;
}
.widget_calendar a {
	color: #fff;
}

.widget_calendar table {
	line-height: 2;
	margin: 0;
}

.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
	border: none;
}

.widget_calendar caption {
	color: #fff;
	line-height: 1.7;
	margin-bottom: 18px;
	text-align: left;
	text-transform: uppercase;
}

.widget_calendar thead th {
	background-color: rgba(255, 255, 255, 0.1);
}

.widget_calendar tbody td,
.widget_calendar thead th {
	text-align: center;
}

.widget_calendar tbody a {
	background-color: #24890d;
	border-radius: 0 10px;
	color: #fff;
	display: block;
}

.widget_calendar tbody a:hover {
	background-color: #41a62a;
}

.widget_calendar tbody a:hover {
	color: #fff;
}

.widget_calendar #prev {
	padding-left: 5px;
}

.widget_calendar #next {
	padding-right: 5px;
	text-align: right;
}
/* Recent Posts Widget */

.widget_recent_entries .post-date {
	display: block;
}

/* woocommerce */
#woocommerce-wrapper {
	padding: 20px;
}
/* make it light */
#woocommerce-wrapper ins, 
#woocommerce-wrapper  mark {
	background: #ccc;
	color: #112;
	text-decoration: none;
}
#woocommerce-wrapper del {
	color: #767676;
}
.widget_shopping_cart_content .button {
	color: #000 !important; /* visible colors */
}
/**
 * Footer
 * -----------------------------------------------------------------------------
 */
.site-info {
	background: url( img/back-footer.png) 0 0 repeat-y #02050c;
	border: 2px solid #ccccff;
	box-shadow: 0 0 10px 10px #02050c;
	padding: 20px;
	text-align: center;
}

/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 500px) {
	.column .widget-wrap,
	.sidebar-top .widget-wrap {
		display: inline-block;
		vertical-align: top;
		width: 49.4%;
	}
	.sidebar-footer .widget-wrap {
		background-color: transparent;
		border: none;
		margin-bottom: 0;
	}
	.sidebar-footer {
		padding-left: 50px;
		padding-right: 50px;
	}	
	.sidebar-footer .widget-wrap {
		width: 100%;
	}
}

@media screen and (min-width: 630px) {	
	.menu-toggle {
		display: none;
	}
	.site-content {
		background: url( img/back.png) 0 0 repeat-y #02050c;
		padding-left: 300px;
	}
	.site-main-info {
		background-color: transparent;
		border: none;
		margin-top: 4px;
	}
	
	.search-box {
		border-bottom: 1px solid #555;
	}
	
	.site-content {
		padding-left: 300px;
	}
	
	.site-main-info {
		float: left;
		width: 302px;
	}
	
	.content-container {
		clear: none;
		margin-left: 20px;
		margin-bottom: 20px;
		padding: 0 0 10px 0;
	}
	
	.entry-content {
		padding: 0 20px;
	}

	.image-and-cats {
		clear: none;
	}
	 /* nav menu */
	.site-navigation  ul {	
		margin: 0;
		padding: 0;
		text-indent: 0;
		list-style: none;
	}
	
	.nav-menu li {
		display: inline-block;
		font-size: 16px;
	}
	
	.nav-menu ul li {
		border-bottom: 1px solid #555;
	}
	
	.site-navigation a {
		display: inline-block;
		line-height: 1;
		padding: 5px 0 5px 40px;
		text-decoration: none;
		width: 262px;
	}
	
	.site-navigation a:hover,
	.site-navigation a:focus {
		background: #e3e3e3;
		color: #111;
	}
	
	.site-navigation div.nav-menu > ul {
		display: none;
	}
	
	.site-navigation ul.nav-menu,
	.site-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	
	.site-navigation li a,
	.site-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	
	.site-navigation li a {
		white-space: nowrap;
	}
	
	.site-navigation li a:hover,
	.site-navigation li a:focus {
		color: #112;
	}
	
	.site-navigation li {
		position: relative;
	}
	
	.site-navigation li ul {
		background: #e3e3e3;
		border: 1px solid #fff;
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		left: 100%;
		overflow: hidden;
		position: absolute;
		top: -1px;
		width: 1px;
		z-index: 2;
	}
	
	.site-navigation ul li:hover > ul,
	.site-navigation ul li:focus > ul,
	.site-navigation .focus > ul {
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	
	.site-navigation li ul li a {
		color: #02050c;
		display: block;
		padding: 5px 10px;
		width: 180px;
		white-space: normal;
	}
	
	.site-navigation li ul li a:hover,
	.site-navigation li ul li a:focus {
		color: #fff;
		background: #02050c;
	}
	
	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-ancestor > a,
	.site-navigation .current_page_item > a,
	.site-navigation .current_page_ancestor > a {
		background-image: url(img/menu.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		color: #fff;
		font-weight: bold;
	}
	
	.site-navigation li ul .current-menu-item > a,
	.site-navigation li ul .current-menu-ancestor > a,
	.site-navigation li ul  .current_page_item > a,
	.site-navigation li ul .current_page_ancestor > a {
		background: #111;
		color: #fff;
		font-weight: bold;
	}
	
	 /* Content Navigation */
	.meta-nav {
		text-align: right;
	}
	.previous-image,
	.next-image,
	.nav-previous, 
	.nav-next {
		width: 45%;
	}

	.previous-image,
	.nav-previous {
		float: left;
		margin-left: 20px;
	}
	
	.previous-image a,
	.next-image a,
	.nav-previous a,
	.nav-next  a {
		display: inline-block;
		padding: 10px 20px;
	}
	
	.next-image,
	.nav-next {
		float: right;
		margin-left: 20px;
		text-align: right;
	}
	.widget {
		font-size: 14px;
		line-height: 1.5;
	}
	.widget-wrap {
		display: block;
	}
	.column {
		display: block;
	}
}
@media screen and (min-width: 800px) {
	.sidebar-top .widget-wrap {
		display: inline-block;
		vertical-align: top;
		width: 24.7%;
	}
	.sidebar-footer .widget-wrap {
		display: inline-block;
		vertical-align: top;
		width: 33%;
	}
	.sidebar-footer .widget-title {
		text-align: left;
	}
}
@media screen and (min-width: 960px) {
	.page  .image-and-cats,
	.format-standard .image-and-cats {
		float: right;
		margin: 20px;
		width: 302px;
	}
	.sidebar-footer {
		padding: 40px 170px;
	}
	.entry-header .entry-title {
		text-align: left;
	}
}
/**
 * Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}

	.site,
	.site-header,
	.hentry,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.archive-header,
	.page-header,
	.comments-area,
	.attachment .entry-attachment .attachment {
		max-width: 100%;
	}

	.img-container,
	.site-navigation,
	.site-content nav,
	.edit-link,
	.page-links,
	.widget-area,
	.more-link,
	.comment-respond,
	.comment-list .reply,
	.comment-reply-login,
	.site-footer {
		display: none;
	}

	.site-title a,
	.entry-meta,
	.entry-meta a,
	.featured-content .hentry,
	.featured-content a {
		color: #2b2b2b;
	}

	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a {
		text-decoration: none;
	}

	.site-header,
	.post-thumbnail,
	a.post-thumbnail:hover,
	.site-footer {
		background: transparent;
	}

	.site-title {
		font-size: 19pt;
	}

	.site-content footer.entry-meta {
		display: none;
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.archive-title,
	.page-title {
		margin: 0 10px 48px;
	}
}
