/*
 * Theme Name: codebase
 * Author: Digvijay
 * Theme URI: https://wordpress.org/themes/codebase
 * Author URI: http://imdigvijay.wordpress.com
 * Version: 1.0
 * Tags: blue, gray, tan, white, light, one-column, two-columns, left-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
 * Text Domain: codebase
 * Description: Clean and simple theme for general purpose blogging
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * 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.
 * */


/*Wordpress Default
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky {
    background: #fcfcfc;
    border: 1px solid black;
}

.gallery-caption {

}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.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-size: 0.875rem;
	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. */
}

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

/**
Header
*/
body, ul, ol, li, p, h1,
h2, h3, h4, h5, h6 {
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.66666667;
}
img {
	max-width: 100%;
	width: auto;
}
.bottom-nav {
	text-align: center;
}
.left-float {
	float: left;
}
.right-float {
	float: right;
}
.same-line-block {
	display: inline-block;
}
/**Header Start*/
header {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	color: #777;
    height: 50px;
    margin-bottom: 40px;
    padding: 0px 125px;
}


.footer {
	background-color: #fff;
	border-top: 1px solid #eee;
	color: #777;
    height: 50px;
    margin-top: 40px;
    padding: 0px 125px;
}
.footer a {
	color: #559CB9;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

header > div {
	line-height: 50px;
	padding: 0px 10px;
}

.brand-container .brand {
	color: #559CB9;
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}

.brand .site-banner {
	vertical-align: middle;
}


header .form-group {
	float: right;
}

header .search-form-input {
	background-color: transparent;
	background-image: url(images/search_icon.png);
	background-position: 186px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: 1px #eee solid;
	border-radius: 3px;
	padding: 6px;
	width: 200px;
}

header .search-form-submit {
	background-color: #fff;
	border: 1px #ccc solid;
	border-radius: 3px;
	color: #ccc;
	cursor: pointer;
	padding: 6px 10px;
}
header .search-form-submit:hover {
	border: 1px #ccc solid;
	color: #ccc;
}

header ul li{
	display: inline-block;
}

header .navigation ul li {
	font-size: 13px;
}
header .navigation ul li a {
	color: #559CB9;
	display: block;
	padding: 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

header .navigation ul li a:hover {
	color: #4F880A;
}
/**Header End*/

/**Main Content*/
.content {
	background-color: #fff;
	border-radius: 2px;
	margin: 0px 125px;
	width: auto;
}

/**Sidebar*/
.sidebar {
	background-color: #fff;
	border-right: 1px #eee solid;
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	width: 15%;
}

.sidebar .widget-box {
	margin-bottom: 20px;
}
.sidebar .widget-box .widget-title {
	color: #222;
	font-weight: normal;
}
.sidebar ul li {
	list-style: none;
}

.sidebar a {
	color: #559CB9;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.sidebar a:hover {
	color: #90CA49;
}
/**SIDEBAR END*/


/**MAIN CONETEN START*/
.main-content {
	display: inline-block;
	padding: 15px 0px;
	vertical-align: top;
	width: 80%;
}

.main-content .excerpt-box {
	margin-bottom: 40px;
}

.main-content .post-info {
	border-bottom: 1px #eee solid;
}
.main-content .post-info h1 {
	color: #222;
	font-size: 24px;
	font-weight: normal;
	margin-left: 20px;
	padding-bottom: 5px;
}
.main-content .post-info .post-meta {
	color: grey;
	margin-left: 20px;
	font-size: 10px;
	text-transform: uppercase;
}

.post-info .post-meta ul {
	display: inline-block;
}
.post-info .post-link {
    color: #222;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 5px;
    text-decoration: none;
}

.post-info .post-link:hover {
	color: #666;
}

.post-info .post-meta ul li {
	display: inline-block;
	list-style: none;
}
.post-info .post-meta .post-date {
	color: orange;
	text-decoration: none;
	text-transform: uppercase;
}
.post-info .post-meta .post-auth {
	color: #8AC7E6;
	text-decoration: none;
	text-transform: uppercase;
}
.post-info .post-meta .post-categories li a{
	color: green;
	text-decoration: none;
	text-transform: uppercase;
}

.post-content {
	border-bottom: 1px #eee solid;
	font-family: 'Droid Serif', 'Times New Roman', serif;
	padding: 20px;
}

.after-post-meta {
	border-top: 1px #ccc dotted;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	margin-top: 20px;
	padding-top: 10px;
}
.after-post-meta .tag-list li{
	display: inline-block;
	list-style: none;
}

.after-post-meta .tag-list li a {
	color: #666;
	font-size: 10px;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
}

.after-post-meta .tag-list li a:hover {
	color: #333;
}
.post-content p {
	color: #574D4D;
}


/**Single post pagination*/
.clear-float {
	clear: both;
}
.left-nav {
	display: inline-block;
	float: left;
}
.pagination a {
    color: #559CC3;
    text-decoration: none;
}
.pagination a:hover {
	color: green;
	text-decoration: underline;
}
.right-nav {
	display: inline-block;
	float: right;
}

code {
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
	font-style: italic;
}
.cc-code {
	background-color: #eee;
	border: 1px #ccc solid;
	border-left: 8px #666 solid;
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
	font-style: italic;
	padding: 5px 10px;
}
.cc-fn {
	color: #009;
}
.cc-kw{
    color: #009;
}
.cc.obj {
	color: #2190B1;
}
.cc-str {
	color: #f00;
}
.cc-char {
	color: orange;
}

.cc-num {
	color: blue;
}
.cc-var {
	color: #333;
}


/**post lists: archives, categories, tags*/
.page-title {
	color: #559CC6;
	font-size: 20px;
	font-weight: normal;
	margin-left: 20px;
}

/**Single pages*/
.single-page {
	border-bottom: 1px #eee dotted;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
/**MAIN CONTENT END*/



/**comment section*/

#comment-section {
	margin-left: 24px;
	margin-top: 40px;
}

#comment-section #respond .comment-reply-title{
	color: green;
	font-size: 20px;
	font-weight: normal;
}
#comment-section .comment-form .logged-in-as{
	color: #666;
	font-size: 12px;
}

#comment-section .comment-form .logged-in-as a {
	color: #559CC1;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#comment-section .comment-form .logged-in-as a:hover {
	color: #666;
}

#comment-section #respond .comment-notes{
	color: #999;
	font-size: 12px;
}

#comment-section #respond .comment-form-author,
#comment-section #respond .comment-form-email,
#comment-section #respond .comment-form-url,
#comment-section #respond .comment-form-comment {
	position: relative;
    margin: 2px 15px 5px 0;
    clear: none;
    width: auto;
}


#comment-section #respond label{
	color: #ccc;
	position: absolute;
    top: 5px;
    left: 8px;
    padding: 0 !important;
}

#comment-section #respond input[type='text']{
	border: 1px #eee solid;
	border-radius: 3px;
	padding: 6px;
	width: 300px;
}

#comment-section #respond textarea{
	border: 1px solid #eee;
	border-radius: 4px;
	height: 50px;
	padding: 5px 3px;
	width: 100%;
}
#comment-section #respond input[type='submit']{
	padding: 5px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	cursor: pointer;
}
#comment-section #respond input[type='submit']:hover{
	background-color: #f0f0f0;
}

#comment-section #respond {
	color: #666;
	font-size: 12px;
}
#comment-section .old-comment-list .comment-body {
	border-bottom: 1px dotted #999;
	margin-top: 10px;
	padding-bottom: 10px;
}

#comment-section .old-comment-list li {
	color: #574D4D;
	font-family: 'Droid Serif', 'Times New Roman', serif;
}

#comment-section .old-comment-list li a{
	color: #559FCA;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#comment-section ul.children {
	position: relative;
	left: 20px;
}

.bypostauthor{
	background-color: #fafafa;
}