/*
Theme Name: Kub Theme
Theme URI: http://simonmanley.com/kub-theme
Author: Simon Manley
Author URI: http://simonmanley.com/
Description: A reBoot of the Kubrick theme. I love the original Kubrick theme which was for a long time the WordPress default theme. It has a classic pure weblog style which puts the quality of the content above anything else on the page. I've copied the gemeral layout of Kubrick and built it on the Bootstrap HTML, CSS, and JS framework to give it responsive capabilities. i've also added the ability to use WordPress post formats. It's cross browser and web standard compliant too.
Version: v1.5
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, threaded-comments
Text Domain: kub
*/


body {
font-family: 'Ubuntu', Verdana, Arial, Sans-Serif;
background: #d5d6d7;
color: #333;
font-size: 16px;
}

/* ------------------- Article--------------------------- */

.post-title {font-size: 2.2em;}
.single .post-title,.page .post-title {margin-bottom: 25px;font-size: 2.5em;}

/* ---------------  ------------------------- */

.header {
text-align: center;
border-radius: 6px;
height: 200px;
margin: 14px 0;
overflow: hidden;
}

.header a,
.header a:hover{
text-decoration: none;
}

.header h1 {
padding-top: 30px;
}

.header-description {
font-size: 13px;
}

.container {
max-width: 860px !important;
border: 1px solid #959596;
margin-top: 20px;
margin-bottom: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 2px 2px 6px #aaa;
overflow: hidden;
}

.content-date {
font-size: 11px;
color: #999;
margin: 0 0 20px 0;
}

.socials-sidebar {
font-size: 1.6em;
font-weight: normal;
padding: 10px 0;
}

.socials-sidebar a:hover{
text-decoration: none;
}

.sidebar-content {
background: #f8f8f8;
font-size: 78%;
}

.sidebar-content h4{
font-size: 13px;
margin: 10px 0 0;
font-weight: bold;
}

.sidebar-content li {
margin: 5px 0;
}

.sidebar-content ul ul li:before {
content: "\00BB \0020";
}

.k-post-info {
margin: 50px 0 25px 0;
padding-left: 18px;
border-left: 1px solid #e5e5e5;
font-size: 9.5px;
}

.k-postmeta {
text-align: center;
font-size: 80%;
margin: 25px 0 0 0;
color: #888;
}



#footer {
padding: 0 1px 0 1px;
background: #e5e5e5;
background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #ddd); /* Standard syntax */
}



#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

.copyright {
font-size: 10px;
}


/* Phone screen size fits*/ 


@media (max-width: 598px) {

body {
background: #fff;
}

.container {
border: 1px solid transparent;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
box-shadow: 0px 0px 0px #aaa;
}

.sidebar-content {
background: #e8e8e8 !important;
}

#footer {
background: #fff;
}

}




/* ----------------------------------------------------------------------------------------- */



/* header */
.header {
padding: 20px 0;
}

.header a, .header a:hover{
text-decoration: none;
}

.header-description {
font-style: italic;
font-size: 14px;
}

/* wordpress specific */
.alignnone {
    margin: 5px 20px 20px 0;
}

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

.alignright {
    float:right;
    margin: 1% 2%;
}

.alignleft {
    float: left;
    margin: 1% 2%;
}

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

a img.alignright {
    float: right;
    margin: 1% 2%;
}

a img.alignnone {
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 1% 2%;
}

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

img.alignright {
    float: right;
    padding: 1% 2%;
}

img.alignnone {
    padding: 0;
}

img.alignleft {
    float: left;
    padding: 1% 2%;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0 0 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    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, img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

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

img.wp-smiley {
	vertical-align: middle;
	float:left;
	padding:2px 4px 0 2px;
}

.rsswidget img{
	vertical-align: middle;
	float:left;
	padding:2px 4px 0 2px;
}
.btn_outer {float: none;}

.gallery-caption{font-size: 80%;}
.homepage-thumb {margin: 0 20px 20px 0;}

/* ------------------- Time date on posts --------------------------- */

.time-date-post ol, .time-date-post ul, .time-date-post li {list-style: none;margin:0;padding:0;}
ol.time-date-post, ul.time-date-post{list-style: none;}

.time-date-post{
font-size: 80%;
background: #eee;
padding: 3px 12px;
margin-bottom: 25px;
}


.time-date-post,
.time-date-post a{
color: #888;
text-decoration: none;
}

.time-date-post a:hover{
color: #770000;
text-decoration: underline;
}

.time-date-post li{
float: left;	
padding: 5px 18px 5px 0;
}


/* ------------------- Link Pages --------------------------- */

.wp-link-pages{
width: 100%;
display: inline-block;
}

.wp-link-pages{
font-size: 90%;
}

.wp-link-pages{
color: #888;
text-decoration: none;
}

.wp-link-pages a{
font-weight: 800;
color: #888;
text-decoration: none;
}

.wp-link-pages a:hover{
color: #770000;
text-decoration: underline;
}

/* ------------------- Tags --------------------------- */

.tags ol, .tags ul, .tags li {list-style: none;margin:0;padding:0;}
ol.tags, ul.tags{list-style: none;padding:0;}

ul.tags{
width: 100%;
display: inline-block;
}

.tags{
font-size: 90%;
}


.tags,
.tags a{
color: #888;
text-decoration: none;
}

.tags a:hover{
color: #770000;
text-decoration: underline;
}

.tags li{
float: left;	
padding: 5px 18px 5px 0;
}

/* ------------------- Next and Prev --------------------------- */

.next-prev-post{
width: 100%;
display: inline-block;
}

.next-prev-post{
padding: 15px 0;
}

.next-prev-post,
.next-prev-post a,
.next-prev-post a:hover{
color: #888;
text-decoration: none;
}

/* ------------------- Widget and sidebar --------------------------- */
.sidebar-content ol, .sidebar-content ul, .sidebar-content li {list-style: none;padding: 0;}

.sidebar-content li{
margin: 15px 0;
}

#calendar_wrap table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
background-color: transparent;
}

#calendar_wrap #wp-calendar td,
#calendar_wrap #wp-calendar th {
border: 1px solid #ddd !important;
}

#calendar_wrap #wp-calendar>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}

#calendar_wrap #wp-calendar>thead>tr>th,
#calendar_wrap #wp-calendar>tbody>tr>th,
#calendar_wrap #wp-calendar>tfoot>tr>th,
#calendar_wrap #wp-calendar>thead>tr>td,
#calendar_wrap #wp-calendar>tbody>tr>td,
#calendar_wrap #wp-calendar>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}



#calendar_wrap #wp-calendar {
border-collapse: collapse !important;
}


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

ol.comment-list, ol .children { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.comment-list li { }
ol.comment-list li.alt { }
ol.comment-list li.bypostauthor {}
ol.comment-list li.byuser {}
ol.comment-list li.comment-author-admin {}
ol.comment-list li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.comment-list li.comment div.comment-author {}
ol.comment-list li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.comment-list li.comment div.vcard cite.fn { font-style:normal; }
ol.comment-list li.comment div.vcard cite.fn a.url {}
ol.comment-list li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.comment-list li.comment div.vcard img.avatar-32 {}
ol.comment-list li.comment div.vcard img.photo {}
ol.comment-list li.comment div.vcard span.says {}
ol.comment-list li.comment div.commentmetadata {}
ol.comment-list li.comment div.comment-meta { font-size:9px; }
ol.comment-list li.comment div.comment-meta a { color:#ccc; }
ol.comment-list li.comment p { font-size: 13px;margin: 1em 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.comment-list li.comment div.reply { font-size:11px; }
ol.comment-list li.comment div.reply a { font-weight:bold; }
ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.comment-list li.comment ul.children li {}
ol.comment-list li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.comment-list li.comment ul.children li.comment-author-admin {}
ol.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-5 {}
ol.comment-list li.comment ul.children li.odd {}
ol.comment-list li.even { background:#f6f6f6; }
ol.comment-list li.odd { background:#e6e6e6; }
ol.comment-list li.parent { border-left:5px solid #111; }
ol.comment-list li.thread-alt {}
ol.comment-list li.thread-even {}
ol.comment-list li.thread-odd {}


.comment-form-comment {
width: 100%
}

.comment-form-comment textarea {
width: 100%;
}

.form-submit input[type="submit"]{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}

.form-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:focus,
.form-submit input[type="submit"]:active{
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}

/* navigation */
.nav-links,.nav-links a,.nav-links a:hover{color: #555; text-decoration: none;}
.page-numbers{display: inline-block;border: 1px solid #ccc;border-radius: 2px;padding: 4px 8px;margin: 0 1px;}
a.page-numbers{background: transparent;}
a.page-numbers:hover{background: #eeeeee;}
nav.pagination{display: table; margin: 25px auto;}

/* k author */
.k-author {font-family: 'Merriweather', serif;padding: 10px 0 7px 0;color: #888;}
.k-author a, k-author a:hover, k-author a:active, k-author a:focus{color: #666;text-decoration: none;}
.k-author .avatar {border:5px solid #ccc;float:right;margin:0;}
.k-author h4{margin-top: 1px;margin-bottom: 8px;color: #666;text-decoration: none;}
.k-author p{margin: 4px 0;}


/* 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. */
}