/*
Theme Name: Card Disp
Theme URI: http://iterand.co.za/wp/themes/
Author: Iterand Inc.
Author URI: http://iterand.co.za/
Description: Card Disp is a straight, blog-focused theme; designed to make a blog's posts to stand out in a clear manner. Card Disp is a designed to be responsive so that content appears appropriately for both desktop and mobile devices.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, featured-images, microformats, post-formats, threaded-comments
Text Domain: carddisp
*/


/**
 * Table of Contents
 * 
 * 1.0 - Top level
 * 2.0 - Sidebar
 *   2.1 - Widget Area
 *     2.1.1 - Site Title
 *     2.1.2 - Tag Line
 *     2.1.3 - Navigation Menu
 * 3.0 - Main Content Area
 *   3.1 - Entry
 *   3.2 - Comments Area
 *   3.3 - Post Navigation
 * 4.0 - Footer
 * 5.0 - Media Queries
 * 6.0 - General
 */

/**
 * 1.0 Top level
 */

html,
body {
    height: 100%;
    margin: 0px;
}


/**
 * 2.0 Sidebar
 */

.sidebar-area {
    float: left;
    width: 25%;
    min-height: 100%;
    background-color: #0e2f44;
    text-align: center;
}


/**
 *  2.1 Widget Area
 */
 
.widget-area
{
	color:white;
	padding-left: 10px;
	padding-right: 10px;
}

.widget-area ul
{
	padding: 0 2px;
}

.widget-area li
{
	list-style: none;
}

.widget-area a
{
	text-decoration: none;
	color: #ff9955;
	text-transform: uppercase;
}


/**
 *  2.1.1 Site Title
 */

.site-title {
	margin-bottom: 2px;
}

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

.site-title a: hover,
.site-title a: focus,
.site-title a: active {
	color: #DDD;
}


/**
 *  2.1.2 Tag Line
 */

.tag-line {
	color: white;
}


/**
 *  2.1.3 Navigation Menu
 */

.nav-menu {
	margin-bottom: 60px;
}

.nav-menu ul {
	padding: 0 10px;
}

.nav-menu li {
	padding: 5px 0;
	list-style: none;
	border-bottom: 1px solid ghostwhite;
}

.nav-menu a {
	text-decoration: none;
	color: white;
	font-size: 16px;
	text-transform: uppercase;
}


/**
 *  3.0 Main Content Area
 */

.main {
    width: 75%;
    min-height: 100%;
    float: left;
}


/**
 *  3.1 Entry
 */

.entry {
    width: 80%;
    background-color: white;
    margin: 80px auto;
}

.entry a {
	color: black;
}

.entry img {
	display: block;
	margin: 0 auto;
	max-width:100%;
	height:auto;
}

.entry-header,
.entry-footer {
    background-color: #e2e2e2;
    font-size: 1.8em;
    padding: 20px 10px 5px 10px;
}

.entry-footer a {
	text-decoration: none;
}

.entry-content {
    padding: 0 10px;
}

.entry-title {
    margin: 0;
	text-align:center;
}

.tags{
	font-size:16px;
	
}

.sticky-post {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}

/**
 *  3.2 Comments Area
 */
 
.comments-area {
    width: 80%;
	background-color: #fefefe;
    margin: 0px auto;
	box-shadow: 0px 0px 10px 0px #000;
}

.comments-area h2,
.comments-area div {
    padding-left: 10px;
    padding-right: 10px;
}

.comment-list .depth-1
{
	background-color: #fafafa;
	box-shadow: 0px 0px 5px 0px #000;
	margin: 10px 5px;
	padding:5px;
}

.comments-title
{
	background-color: #e2e2e2;
	padding: 10px;
}


/**
 *  3.3 Post Navigation
 */

.post-navigation
{
	width: 80%;
	background-color: white;
    margin: 0 auto 30px auto;
	text-align: center;
}


/**
 *  4.0 Footer
 */
.footer {
    text-align: center;
    width: 80%;
    background-color: white;
    margin: 0px auto;
    padding: 20px 00px;
}


/**
 * 5.0 Media Queries
 */
@media (max-width: 768px) {
	.entry{
		width:90%;
	}
	.entry-header,
	.entry-footer {
		font-size: 1.3em;
		padding: 10px 5px;
	}
	.sidebar-area {
        width: 100%;
        height: auto;
        background-color: #0e2f44;
        text-align: center;
    }
    .main {
        width: 100%;
        height: auto;
        float: left;
    }
    .footer {
        width: 100%;
    }
}


/**
 *  6.0 Genereal
 */

.content-block {
    box-shadow: 0px 0px 10px 0px #000;
}
.text-decoration-none {
    text-decoration: none;
    
}
.padding-small {
    padding: 5px;
}

.error-404
{
	padding:10px;
}
.error-404 .page-header
{
	color: red;
}

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

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.bypostauthor {
	
}

.aligncenter  {
	
}