/*
Theme Name: Arunachala
Theme URI: http://cvani.com/themes/arunachala/
Author: Rajesh Gupta
Author URI: http://www.cvani.com
Description: The Arunachala theme is a simple, light, responsive WordPress theme designed to look great on any screen size from mobile devices to large desktops. It's main features are (1) Responsive Slider on homepage to highlight featured contents (2) The three-column grid view on homepage can be customized to show posts from a selected category (3) Full width image & gallery post formats. Other features include - widgets ready sidebar, custom background, custom header image, custom site title color, custom menu, post format support, translation ready and RTL (Right to left) language support.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arunachala
Domain Path: /languages/
Tags: two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, translation-ready

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.

Arunachala is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Inputs and buttons
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
	10.4 - 404 Page not found
	10.5 - Genericons
11.0 - Infinite scroll
12.0 - Media
13.0 - Structure
	13.1 - Featured Posts Slider
14.0 - Media Queries
	14.1 - Tablet
	14.2 - Desktop
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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 centered 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/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
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 {
	outline: 0;
}

a img {
	border: 0;
}

a img:hover {
	opacity: 0.9;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #444;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}

h1 {
	font-size: 26px;
	font-size: 2.6rem;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
}

h3 {
	font-size: 22px;
	font-size: 2.2rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

p {
	margin-bottom: 1.5em;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

address {
	font-style: italic;
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	word-wrap: break-word;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

figure {
	margin: 0;
}

table,
th,
td {
	border: 1px solid #eee;
}

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;
}

/*--------------------------------------------------------------
4.0 Inputs and buttons
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	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 */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	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="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
.pagination {
	text-align:center;
}
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #4169e1;
	text-decoration: none;
}
a:visited {
}
a:hover,
a:focus,
a:active {
	color: #153492;
}

.more-link:after {
	content: " \00BB";
}

.entry-caption .more-link {
	display: none;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
}

.main-navigation a {
	color: #ccc;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	word-wrap: break-word;
}

.main-navigation a:hover {
	color: #92aaf0;
}

.main-navigation ul ul {
	display: block;
	margin-left: 20px;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	color: #92aaf0;
}

.menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
	color: #fff;
}

.menu-toggle {
	cursor: pointer;
	font-size: 0;
	height: 48px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 48px;
}

.menu-toggle:before {
	color: #ccc;
	content: "\f419";
	font: normal 16px/1 Genericons;
	line-height: 48px;
}

.site-main [class*="navigation"] {
	margin: 0 0 3em;
	overflow: hidden;
}

[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}

[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 3em;
	word-wrap: break-word;
}

.widget-title,
.widgettitle {
	border-bottom: 1px solid #999;
	color: #444;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0.75em;
	text-transform: uppercase;
}

.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
}

.widget li {
	border-top: 1px dotted #ccc;
	padding: 5px 0;
}

.widget li:first-child {
	border: none;
}

.widget li > ul,
.widget li > ol {
	margin-left: 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* Calendar Widget*/
.widget_calendar table {
	line-height: 2;
	margin: 0;
}

.widget_calendar caption {
	text-transform: uppercase;
}

.widget_calendar thead th {
	background-color: rgba(0, 0, 0, 0.1);
}

.widget_calendar tbody td,
.widget_calendar thead th {
	text-align: center;
}

.widget_calendar tbody a {
	background-color: #4169e1;
	color: #fff;
	display: block;
}

.widget_calendar tbody a:hover {
	background-color: #153492;
}

.widget_calendar tbody a:hover {
	color: #fff;
}

.widget_calendar #prev {
	padding-left: 5px;
}

.widget_calendar #next {
	padding-right: 5px;
	text-align: right;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}

.hentry {
    border-bottom: 1px solid #eee;
	margin: 0 0 3em;
	padding-bottom: 1.5em;
}

.page-header {
	margin-bottom: 2em;
}

.entry-title,
.page-title {
	font-size: 24px;
    font-size: 2.4rem;
	margin: 0;
	text-transform: uppercase;
}

.entry-title a,
.page-title a {
	color: #444;
}

.entry-title a:hover,
.page-title a:hover {
	color: #4169e1;
}

body.search .page-title,
body.archive .page-title {
	color: #666;
  	font-size: 16px;
  	font-size: 1.6rem;
	text-transform: uppercase;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 0.8em;
}

.site-content .entry-meta > span {
	margin-right: 10px;
}

.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.entry-meta a,
.comment-meta a {
	color: #666;
}

.entry-meta a:hover,
.comment-meta a:hover{
	color: #222;
}

.byline,
.updated {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0;
	word-wrap: break-word;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
	text-align: center;
}

.entry-content table,
.comment-content table {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2857142857;
	margin-bottom: 1.5em;
}

.entry-content th,
.comment-content th {
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comments-area {
	padding-top: 1em;
}

.comment-respond {
	background: #f0f0f0;
	padding: 1em;
}

.comment-form label {
	display: block;
}

.comments-title,
.comment-reply-title {
	margin-bottom: 1em;
	text-transform: uppercase;
}

.comment-notes,
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 1em;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}

.comment-list li {
	list-style: none;
}

.comment-list,
.children {
	list-style: none;
	margin: 0;
}

.children {
	margin: 0 0 0 6%;
}

.comment-list li.comment,
.comment-list li.pingback {
	border-bottom: 1px solid #eee;
	margin: 0 0 1em 0;
}

.comment-list .children li,
.commentlist li:last-of-type {
	border: none;
}

article.comment,
li.pingback {
	overflow: hidden;
	padding: 2.5em 0 0.7em;
    position: relative;
}

.children article.comment,
.children li.pingback {
	padding-top: 1.0em;
}

.comment .avatar {
	float: left;
	margin-right: 1.25em;
}

.comment-metadata {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.comment-content{
	font-size: 14px;
	font-size: 1.4rem;
	margin: 1em 0 0 3.5em;
	word-wrap: break-word;
}

.comment .reply {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1em 3.5em;
}

.reply a:before {
	content: "\f412";
	font: normal 16px/1 Genericons;
	margin-right: 1px;
	position: relative;
	top: 3px;
}

li.pingback {
	font-weight: bold;
}

li.pingback a {
	font-weight: normal;
}

/*--------------------------------------------------------------
10.4 Page not found
--------------------------------------------------------------*/
.error404 .search-form {
	margin-bottom: 2em;
}
/*--------------------------------------------------------------
10.5 Genericons
--------------------------------------------------------------*/
.entry-date .entry-date:before,
.posted-on a:before,
.byline a:before,
.cat-links:before,
.tags-links:before,
.comments-link a:before,
.edit-link a:before,
.post-format a:before,
.full-size-link a:before,
.parent-post-link a:before {
	font: normal 16px/1 Genericons;
	margin-right: 1px;
	position: relative;
	top: 3px;
}

.entry-date .entry-date:before,
.posted-on a:before {
	content: "\f303";
}

.byline a:before {
	content: "\f304";
}

.parent-post-link a:before,
.cat-links:before {
	content: "\f301";
}

.tags-links:before {
	content: "\f302";
}

.comments-link a:before {
	content: "\f300";
	margin-right: 3px;
}

.edit-link a:before {
	content: "\f411";
}

.site-content .format-aside .post-format a:before {
	content: "\f101";
}

.site-content .format-audio .post-format a:before {
	content: "\f109";
}

.site-content .format-video .post-format a:before {
	content: "\f104";
}

.site-content .format-image .post-format a:before {
	content: "\f102";
	margin-right: 5px;
}

.site-content .format-link .post-format a:before {
	content: "\f107";
}

.site-content .format-quote .post-format a:before {
	content: "\f106";
	margin-right: 3px;
}

.site-content .format-gallery .post-format a:before {
	content: "\f103";
}

.full-size-link a:before {
	content: "\f402";
}

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

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

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
/* Styling for images and videos */
.header-image img,
.site-main img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.header-image img,
.site-main img,
.entry-content img,
.widget-img,
img[class*="align"],
img[class*="wp-image-"],
.wp-caption img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.header-image img,
.site-main img,
.entry-content img,
.widget img,
img.size-full {
	margin-bottom: 1.5em;
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	border: 1px solid #ccc;
	height: auto;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

#main .gallery {
	margin-bottom: 1.5em;
}

.gallery-caption {
}

#main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.site-main .gallery dd {
	margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

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

.attachment .entry-header,
.attachment .entry-attachment {
	text-align: center;
}

.attachment .previous-image {
	float: left;
	margin-bottom: 1em;
}

.attachment .next-image {
	float: right;
	margin-bottom: 1em;
}

.mejs-container {
	max-width: 600px;
}

/*--------------------------------------------------------------
13.0 Structure
--------------------------------------------------------------*/
.site-content {
	background: rgb(255, 255, 255);
	margin: 0 auto;
	max-width: 980px;
	padding: 2em 0.8em;
}

.header-image {
	display: none;
}

.site-header {
	background: #222;
	padding: 0 10px;
	position:relative;
}

.header-main .site-branding{
	float: left;
	margin: 10px 48px 10px 0;
	width: auto;
}

.site-title {
	font-size: 20px;
	font-size: 2rem;
	text-transform: uppercase;
	word-wrap: break-word;
}

.site-title a {
	color: #fff;
	text-decoration: none;
}

.site-title a:hover {
	color: #fff;
}

.site-description  {
	color: #ccc;
	font-size: 14px;
	font-size: 1.4rem;
	word-wrap: break-word;
}

.widget-area {
}

.site-footer {
	background: #333;
	border-top: 1px solid #e0e0e0;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 7px 0;
	text-align: center;
}

.site-footer a{
	color: #fff;
}

.site-footer a:hover {
	color: #92aaf0;
}

/*--------------------------------------------------------------
13.1 Featured Posts Slider
--------------------------------------------------------------*/
#slider {
	background: #4169e1;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #fff;
	padding: 10px;
	width: 100%;
}

#slider:after {
	clear: both;
	content: "";
	display: table;
}

.slider-content {
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	max-width: 500px;
	padding: 5px 10px;
	position: absolute;
	width: 100%;
}

.slider-content a {
	color: #fff;
}

.slider-content a:hover {
	color: #e1e1e1;
}

.slider-content h1.entry-title {
	font-size: 16px;
	font-size:1.6rem;
}

.slider-content .entry-summary {
	display: none;
}

.tcycle {
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
}

.tcycle img {
	display: block;
	height: auto;
	width: 100%;
}

/*--------------------------------------------------------------
14.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.1 Tablet
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	/* Layout */
	.header-image {
		display: block;
		margin: 0 auto;
		max-width: 960px;
	}

	.content-area {
		float: left;
		margin: 0 -27% 0 0;
		width: 100%;
	}

	.site-main {
		margin: 0 30% 0 0;
	}

	.site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 25%;
	}

	body.attachment .site-main,
	body.single-format-gallery .site-main,
	body.single-format-image .site-main,
	body.error404 .site-main,
	body.blog .site-main {
		float: none;
		margin: 0;
	}
	body.blog .hentry {
		border-bottom: 0;
		float: left;
		margin-right: 3.5%;
		width: 31%;
	}
	body.blog .hentry:nth-of-type(3n) {
		margin-right: 0;
	}
	body.blog .hentry:nth-of-type(3n+1) {
		clear: left;
	}
	body.blog  h1.entry-title {
		font-size: 16px;
		font-size: 1.6rem;
	}
	body.blog .navigation {
		clear: both;
	}
	/* 404 - Page not found */
	.error404 .widget {
		float: left;
		margin-right: 1em;
		width: 23%;
	}

	/* Featured Slider */
	.slider-content {
	background: none;
	float: right;
	position: relative;
	text-shadow: 1px 1px 2px #222;
	width: 45%;
	}

	.slider-content h1.entry-title {
		font-size: 24px!important;
		font-size: 2.4rem!important;
	}

	.featured-image {
		float: left;
		width: 52%;
	}

	.slider-content .entry-summary {
		display: block;
	}

	.tcycle {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}

	.tcycle article {
		width: 100%;
	}

	.tcycle img {
		display: block;
		height: auto;
		width: 100%;
	}
}
/*--------------------------------------------------------------
14.2 Desktop
--------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
	.header-main {
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
	}

	/* Main Navigation */
	.main-navigation {
		clear: none;
		margin: 0;
		padding: 0;
	}

	.menu-toggle {
		display: none;
		padding: 0;
	}

	.main-navigation ul {
		display: block;
		float: right;
		margin-top: 1em;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
		height: 48px;
		line-height: 48px;
		position: relative;
	}

	.main-navigation a {
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 12px;
		white-space: nowrap;
	}

	.main-navigation ul ul {
		background: #333;
		float: left;
		left: -999em;
		margin: 0;
		position: absolute;
		top: 48px;
		z-index: 99999;
	}

	.main-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1;
	}

	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.main-navigation ul ul a {
		padding: 10px;
		white-space: normal;
		width: 176px;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #92aaf0;
	}

	.main-navigation ul ul a:hover,
	.main-navigation ul ul li.focus > a {
		background: #222;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation .current_page_ancestor> a,
	.main-navigation .current-menu-ancestor > a {
		color: #92aaf0;
	}
}