/**
Theme Name:     NARGA
Theme URI:      http://www.narga.net/narga-core/

Description:    <strong>NARGA</strong> is a versatile HTML5 responsive WordPress theme using on <em>ZURB's Foundation CSS</em>, a powerful tool for building prototypes on any kind of devices. NARGA is <strong>starter theme</strong> that supports child-theme so it'll help you do amazing things faster & easier than ever before. It is a magazine theme with minimalistic style. Suitable for any niche, especially for news or magazine sites. Along with the elegant design the theme is easily customizable with numerous theme options through Theme Customization. Crafted by <a href="http://www.narga.net/" title="NARGA - Ideas and Inspiration">NARGA.NET</a>. Twitter  <a href="http://twitter.com/narga" title="Follow Narga on Twitter"">@narga</a> View <a href="http://demo.narga.net/" title="NARGA Demo">NARGA Demo</a>

Version:        1.8.1

Tags:           two-columns, blue, flexible-width, featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, post-formats, sticky-post

Author:         Nguyễn Đình Quân
Author URI:     http://www.narga.net/

Text Domain:    narga

License:        GNU General Public License v2.0
License URI:    http://www.gnu.org/licenses/gpl-2.0.html

NARGA WordPress Theme, Copyright 2013 NARGA.NET
NARGA is distributed under the terms of the GNU GPL

 * @package WordPress
 * @subpackage NARGA
**/

/**
 * Table of Contents:
 *
 * 1.0 - Global
 *   1.1 - Clearing Float
 * 2.0 - Header
 *   2.1 - Top Bar Search Form
 * 3.0 - Main Content
 *   3.1 - WordPress Images Adjustments 
 *   3.2 - Label Adjustment
 *   3.3 - Post, Images Navigation
 *   3.4 - Assistive text
 *   3.5 - Post Formats
 * 4.0 - Sidebar Adjustment
 * 5.0 - Comment Adjustment
 *   5.1 - Recent comments style
 * 6.0 - Adjust Pagination
 * 7.0 - Footer
*/

/* 1.0 Global */
body {
    background: none repeat scroll 0% 0% transparent;
    word-wrap: break-all !important;
    -ms-word-wrap: break-word !important;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6, .top-bar a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
abbr, acronym, dfn {
	cursor: help;
	border-bottom: 1px dotted #e6e6e6;
}
pre {
	overflow: auto;
	line-height: 1.7;
}

/* 1.1. Clearing Float */
.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/

.clearfix {  
  display: block;  
}

/* 2.0 Header */
.top-bar a {
    font-weight: 700;
}
/*  2.1 Top Bar Search Form */
form.search-form input[type=text] {
    font-size: 12px;
    height: 28px;
    width: 72px;
    float: right;
    background: #FFF url(images/icon-search.png) no-repeat 5px 9px;
    padding: 8px 10px 8px 18px;
    color: #5da423;
}

form.search-form input#s:focus {
    width: 150px;
}

/* 3.0 Main Content */
/* Orbit Caption Text color */
.orbit-caption h3 a {
    color: rgb(223, 223, 223);
}

/* Breadcrumbs text break */
ul.breadcrumbs li {
    word-wrap: break-all !important;
    -ms-word-break:break-all !important;
    -ms-word-wrap: break-word !important;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.entry-content ul li, .entry-content ol li {
    list-style-position: inside;
}

.entry-content {
    padding-bottom: 22px;
}

.post-author {
    padding: 22px 0;
    min-height: 200px;
}

/* 3.1 WordPress Images Adjustments */
/* Add Align position for images and figures */
.alignright {
    float: right;
    margin: 0 0 18px 18px;
}

.alignleft {
    float: left;
    margin: 0 18px 0 18px;
}

.aligncenter {
    display: block;
    margin: 18px auto;
}

.alignnone {
    float:none;
    margin:0;
}

/* Add HTML5 Class for Images */
figure.wp-caption {
    background-color: #e9e9e9;
    padding: 4px;
    line-height: 20px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.055);
    transition: all 0.2s ease-in-out 0s;
    max-width: 100%;
}

figure.wp-caption:hover {
    background-color: rgba(255,255,255,0.6);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.15);
}

figcaption.wp-caption-text {
    padding: 8px 10px;
    line-height: 18px;
    color: #555;
}

/* Gallery Adjustments */
.gallery-caption {
    font-style: italic;
    font-size: .857142857rem;
    line-height: 2;
    color: #757575;
}

.gallery-item a,.gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
.entry-content img,.comment-content img,.widget img, .author-avatar img, img.wp-post-image, img.avatar {
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
 /* Fluid images for posts, comments, and widgets */;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
 /* Make sure images with WordPress-added height and width attributes are scaled correctly */;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
 /* Make sure images with WordPress-added height and width attributes are scaled correctly */;
}

img.no-border {
    box-shadow: none !important;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

/* 3.2 Label Adjustment */
.tags a {color:#fff;font-weight:normal;}

/* 3.3 Post, Images Navigation */
section#main nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0;
}

/* 3.4 Assistive text */
.assistive-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}

/* 3.5 Post formats */
footer p.post-meta-data {
    font-size: 13px;
    font-style: italic;
}

/* Sticky posts */
.sticky {;
}

.sticky-entry {
    padding: 0 18px;
}

/* Image posts */
article.format-image header h2 {
    text-align: center;
}

/* Link posts */
article.format-link .link-post-title, article.format-quote .quote-post-title, article.format-status .status-post-title {
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}

article.format-link a.link-post-title:hover, article.format-quote a.quote-post-title:hover, article.format-status a.status-post-title:hover {
    color: #FFFF99;
}

article.format-link .entry-content {
    text-align: left;
}

article.format-link .entry-content a {
    font-size: 23px;
}

/* Quote posts */

/* Status posts */
.format-status header hgroup {
    display: inline-block;
}

.format-status header h2 {
    font-size: 17px;
}

.format-status header h3 {
    font-size: 14px;
}

.format-status header img {
    float: left;
    margin: 6px 10px 0 0;
}


/* Aside post format */
article.format-aside .aside {
    padding: 18px;
    display: block;
    background: none repeat scroll 0% 0% rgb(210, 224, 249);
    border-left: 22px solid rgb(39, 149, 182);
}

article.format-aside p {
    color: #4a5466;
}

article.format-aside blockquote:last-child,article.format-aside p:last-child {
    margin-bottom: 0;
}

/* 4.0 Sidebar Adjustment */
div.textwidget {
    line-height: 1.6;
    margin-bottom: 1.25em;
}

aside#sidebar p {
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 0.875em;
    margin-bottom: 1.25em;
}

article.widget ul li {
    list-style-position: inside;
    list-style-image:url('images/bullet.png');
}

/* Text meant only for screen readers */
.screen-reader-text {
     position: absolute;
     left: -9000px;
}

/* 5.0 Comment Adjustment */
.commentlist .pingback {
	margin-bottom: 22px;
	margin-bottom: 2.2rem;
}
.commentlist .vcard {border:none; width:100%; margin:0}

.commentlist > li.comment, .children > li.comment {
    position: relative;
    width: auto;
    list-style-type: none;
}

.commentlist li.pingback {
    font-size: 90%;
    list-style-type: none;
}

.commentlist li:last-child {
    margin-bottom: 0;
}

.commentlist li.bypostauthor {}

.commentlist article {
    border-bottom: 1px solid rgb(237, 237, 237);
    padding-bottom: 22px;
    margin-bottom: 22px;
}

.commentlist article header {
    border-bottom: 1px solid rgb(237, 237, 237);
}

.commentlist cite.fn {
	font-style: normal;
	font-size: 15px;
    display: block;
}

.commentlist time {
    font-size: 11px;
}

.commentlist img.avatar {
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding: 2px;
    width:64px;
    height:64px;
    float:right;
}
section.comment {
    padding: 0.625em 0.75em;
}
a.comment-del-link, a.comment-spam-link, a.comment-edit-link, a.comment-reply-link {
	font-size: 13px;
    padding-right: 10px;
    margin: 0 3px 5px 0;
}

section.comment div.notice {
    float: right;
    color: red;
}

#respond {
    clear:both;
}

#respond textarea {
    height: 150px;
}

/* Submit button based on Foundation button */
#submit {
    width: auto;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 5px 15px;
}

/* 5.1 Recent comments style */
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
} 

/* 6.0  Adjust Foundation 3 Pagination Style for WordPress */ 
ul.pagination li span.current, .page-numbers .current {
    background: #2ba6cb;
    color: #fff;
    font-weight: bold;
    cursor: default;
    display: block;
    padding: 1px 7px;
}

/* 7.0 Footer */
/* WP Calendar Widget */
article.widget_calendar {
    padding:0;
}