/*
Theme Name: BlogKori
Theme URI: http://www.tamalanwar.com/themes/
Author: Tamal Anwar
Author URI: http://www.tamalanwar.com/about/
Description: A modern responsive HTML5 theme to make your website look professional
Version: 1.2
Text Domain: blogkori
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  white, blue, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, threaded-comments 
*/

/* --------------------------------------
   Global Styles
-------------------------------------- */

/* The platform of the entire website */

body {
	background: #efefef; /* Light gray background */ 
	color: #333333; /* Global text color set to light black */
	font-family: "Georgia", serif; /* Global font */
	font-size: 18px; /* Global font size */
}

/* The main white area of the website */

#main-body {
	background: #ffffff;
}

/* Global link styles */

a {
	color: #2198f4;
	text-decoration: underline;
}

a:hover {
	color: #2198f4;
	text-decoration: none;
}

a:visited {
	color: #2198f4;
	text-decoration: underline;
}


/* Global style for paragraphs */

p {
	font-size: 1em; /* Equals to global font size */
	line-height: 1.6em; /* Golden ratio for the line height */
	margin-bottom: 1.6em; /* Golden ratio for the gap after each paragraph */
}

/* Heading tags */

h1,
h2,
h3,
h4,
h5,
h6,
dt {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: 1.6rem; /* REM to pick up the value from the global font size */
}

/* Global Heading Tag Ratios */

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 2.0em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.2em;
}

/* Unordered and ordered lists */

ul,
ol {
	margin-bottom: 1.6rem;
}

/* List items */

li,
dd {
	margin-bottom: 0.6rem;
}

/* Making the media responsive */

header img,
footer img,
article img,
#sidebar img,
article iframe,
article object,

.wp-caption {
	max-width: 100%;
}

article img,
#sidebar img {
	height: auto;
}


/* --------------------------------------
   Header Styles
-------------------------------------- */

header { /* Entire Header Section */
	padding: 1em;
}

#header { /* Inner Header Section */
	
}

#header p {
	
}

#title { /* Site Title in Text */
	color: #1b7dc6;
	font-weight: bold;
}

#title a {
	color: #1b7dc6;
	text-decoration: none;
}

#title a:hover {
	
}

#logo { /* Image Logo, Inside img tag */
	border: 0;
}

#tagline { /* Site Tagline */
	color: #888888;
	margin-bottom: 0;
}

/* --------------------------------------
   Navigation Menu Styles
-------------------------------------- */

#nav,
.navbar-default { /* Entire Navigation Section */
	background-color: #25aae2;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	border: 0;
}

#nav li {
	margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

#navigation { /* Inner Navigation Section */
	
}

#menu { /* The Main Navigation ul */
	padding:0;
	margin:0;
}

#menu li { /* Making The Menu Inline */
	display: inline-block;
	padding: 10px 15px;
}

.navbar-nav>li>a {
	
}

.dropdown-menu {
	padding: 0 0;
}

.dropdown-menu>li>a {
    padding: 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
	background-color: #1b7dc6;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffffff;
	background-color: #1b7dc6;
}

nav .menu-item a {
	text-decoration: none!important;
	/*padding: 10px 15px!important;*/
}

nav .menu-item a:hover {
	background-color: #1b7dc6!important;
	color: #ffffff!important;
}

nav .current-menu-item a/*,
nav .current-menu-parent a*/ {
	background-color: #1b7dc6!important;
	color: #ffffff!important;
}

.navbar-toggle {
	background: #ffffff;
}

.navbar-brand {
	color: #ffffff;
	overflow: hidden;
	margin: 0;
}

.navbar-brand a {
	color: #ffffff;
	text-decoration: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0;
}

/* --------------------------------------
   Content Section Styles
-------------------------------------- */

#content-box { /* (Content + Sidebar) */
	border-bottom: 3px double #dddddd;
}

main { /* (Content + Comments) */
	
}

#content {
	border-right: 1px solid #dddddd;
}

article { /* Blog Article */
	
}

article p {
	
}

.border {
	border-bottom: 1px solid #dddddd;
}

.post-title {
	font-size: 2.2em;
}

.post-title a {
	color: #333333;
	text-decoration: none;
}

.post-title a:hover {
	color: #2198f4;
}

p.post-meta { /* Published Date, Comments, Author */
	font-size: 0.8em;
	color: #888888;
}

p.post-tags {
	color: #888888;
}

p.post-tags a {
	
}

p.post-tags a:hover {
	
}

.post-image { /* Featured Image */
	
}

.prev-next {
	font-size: 0.8em;
	letter-spacing: 2px;
}


blockquote { /* Quoted Text */
	font-size: 1em;
	color: #888888;
	font-style: italic;
	border-left: 1px solid #dddddd;
}

/* --------------------------------------
   Comment Styles
-------------------------------------- */

p.to-comments { /* Controls the comment link inside the { brackets } */
	color: #888888;
	margin-bottom: 1em;
}

p.to-comments a {
	color: #888888;
	text-decoration: none;
}

p.to-comments a:hover {
	color: #888888;
	text-decoration: underline;
}

#comments { /* The Comments Section */
	
}

#comments p {
	
}

.comments-title {
	margin-bottom: 0;
}

.media {
	margin: 0;
}


.comment-respond,
.comment-navigation,
.thread-alt,
.thread-even,
.no-comments {
	border-bottom: 1px dotted #dddddd;
	padding: 0 1.6em 1.6em 1.6em;
}

.comments-title {
	padding: 0 1em 1em 1em;
	border-bottom: 1px dotted #dddddd;
}

.single-comment { /* Single Comment Box */
	margin: 1.6em 0;
}

.avatar { /* Comment Avatar Section */
	
}

.avatar img { /* Comment Avatar Image */
	border-radius: 50%;
}

.comment-body p {
	margin-bottom: 1em;
}

.comment-name {
	font-weight: bold;
}

.comment-name a {
	text-decoration: none;
}

.comment-name a:hover {
	text-decoration: underline;
}

.comment-meta {
	
}

.comment-reply {
	color: #888888;
}

.comment-reply a {
	color: #888888;
	text-decoration: none;
}

.comment-reply a: hover {
	text-decoration: underline;
}

.children {
	padding-left: 1.6em;
}

.children .comment {
    border-left: 2px solid #dddddd;
	padding-left: 1.6em;
}

.children .comment-author-admin {
    border-color: #2198f4;
	
}


.children {
	
}

.comment-form {
	
}

/* --------------------------------------
   Sidebar Styles
-------------------------------------- */

#sidebar { /* Primary Sidebar Section */
	font-size: 0.8em;
}

#sidebar p {
	
}

#sidebar ul {
	padding-left: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 0.8em;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

.widget { /* Single Widget */
	margin-bottom: 2em;
}

.widget-title {
	font-size: 16px;
	margin-bottom: 16px;
}

.widget-title a {
	
}

.widget-title a:hover {
	
}

/* --------------------------------------
   Footer Styles
-------------------------------------- */

footer { /* Entire Footer Section */
	padding: 1em;
	font-size: 0.8em;
	color: #888888;
	text-align: right;
}

#footer { /* Inner Footer */
	
}

#footer p {
	
}

#footer a {
	
}

#footer a:hover {
	
}

/* --------------------------------------
   WordPress Core Styles
-------------------------------------- */

/* Image Alignment Styles */

.alignleft {
	float: left;
	padding-right: 1em;
}

.alignright {
	float: right;
	padding-left: 1em;
}

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

/* Image Caption Text */

.wp-caption {
	padding-bottom: 1em;
}

.wp-caption-text {
	text-align: center;
	font-size: 0.8em;
	color: #888888;
}

.gallery-caption {
	padding: 5px 0;
}

/* Sticky Post */

.sticky {
	
}

/* Comment Style for Post Author */

.bypostauthor {

}

/* Accessibility Style */

.screen-reader-text {

}

.no-pad {
	padding: 0;
}

/* --------------------------------------
   Media Queries
-------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.navbar-brand {
		display: block;
	}
	
	header {
		display: none;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #ffffff!important;
	}
	
	.single-comment { /* Single Comment Box */
		margin: 0.6em 0;
	}
	
	.children {
		padding-left: 0.6em;
	}

	.children .comment {
		border-left: 1px solid #dddddd;
		padding-left: 0.6em;
	}
	
	.comments-title,
	.comment-respond,
	.comment-navigation,
	.thread-alt,
	.thread-even {
		border-bottom: 1px dotted #dddddd;
		padding: 0 0.6em 0.6em 0.6em;
	}

	.single-comment { /* Single Comment Box */
		margin: 0.6em 0;
	}
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
	
	.navbar-brand {
		display: none;
	}
	
	
	
	#content { 
		padding: 0;
	}
	
	.article ,
	#sidebar {
		padding: 1em 1.6em;
	}
	
	.navbar {
		margin-bottom: 0;
		border-radius: 0;
	}
	
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	
	.prev-next {
		padding: 1em 1.6em;
	}
	
}

/* Small Older Desktops with CRT Monitor  */
@media (max-width: 992px) {

}

/* Large desktop */
@media (min-width: 1200px) {
	#main-body {
		margin-top: 1em;
		margin-bottom: 1em;
		box-shadow: 0px 1px 3px #ddd;
	}
	
	.container {
		width: 900px;
	}
	
	#content-box {
		
	}
}