/**
 * Theme Name: Hybrid Light
 * Theme URI: https://github.com/Muriukidavid/Hybrid-Light/
 * Description: A simple theme based on Hybrid Original
 * Version: 0.1
 * Author: David Karibe
 * Author URI: http://karibe.co.ke
 * Tags: readeable text, borders, clean, light design, hybrid
 * Template: hybrid
 *
 * Copyright (c) 2008 - 2010 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid Original is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
 
 /** Get base CSS **/
@import url('../hybrid/library/css/21px.css');

/** Get plugins CSS **/
@import url('../hybrid/library/css/plugins.css');

/** Get drop-downs CSS **/
@import url('../hybrid/library/css/drop-downs.css');
/* font for title and headings*/
@import url(http://fonts.googleapis.com/css?family=Norican);
@import url(http://fonts.googleapis.com/css?family=Original+Surfer);
@import url(http://fonts.googleapis.com/css?family=Squada+One);
/* Body */
body {
	margin:0;
	padding:0;
	background: url(images/bg.png);
	color: #000;
	font: 20px Georgia, 'Times New Roman', serif;
	font-size: 15px;
	lineheight:24px;
	}
#body-top{
	width: 960px;
	margin:0 auto 0 auto;
	height: 20px;
	background: url("images/top2.png") no-repeat;
	}
#body-container{
	overflow: hidden;
	width: 960px;
	margin: 0 auto 0 auto;
	background: url("images/contentbg.png") repeat-y;
	}
#body-bottom{
	width: 960px;
	height: 25px;
	margin: 0 auto 0 auto;
	background: url("images/footer1.png") no-repeat;
	}
/**
* Elements
************************************************/

/* Links */
a, a:visited  {
	color: #fff;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}

/**
* Header
************************************************/
#header {
	display: block;
	padding-top: 20px;
	margin-bottom: 18px;
	width: 960px;
	margin: 0 auto;
	}
#header div#site-title{
		margin: 0 0 10px 0;
	}
#header div#site-title a{
	font-family: 'Norican', cursive;
	text-shadow: black 0px 5px -1px;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 27px;
	}
#header h1#site-title a{
	font-family: 'Norican', cursive;
	text-shadow: black 0px 5px -1px;
	font-size: 42px; 
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 27px;
	}
#header h1{
	margin: 0 0 5px 0;
	}
#site-title {
	color: #fff;
	}
	
#site-description {
	font:20px Georgia, 'Time new roman', sans-serif;
	font-weight: bolder;
	color: #333;
	text-shadow:#eee 0px 1px 0px;
	margin-bottom: 27px;
	}

/* Headers */
h1 {
	font-size: 42px;
	line-height:32px;
	}
h2 {
	font-size: 40px;
	}
h3 {
	font-size: 38px;
	}
h4 {
	font-size: 38px;
	}
h5 {
	font-size: 34px;
	}
h6 {
	font-size: 32px;
	}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-family:'Squada One', "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0px 3px 8px #2A2A2A; 
	}

img{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

.lightbox img{
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}

.wp-caption-text{
	font-size: 14px;
	}
	
/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 16px 0 0 !important;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 16px !important;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 20px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}
	
/**
* Container (content/primary/secondary)
************************************************/
#container {
	overflow: hidden;
	float: left;
	width: 920px;
	padding: 21px 0 21px 20px;
	}
.entry-content{
	font:20px Georgia, 'Time new roman', serif;
	line-height:1.6;
	}
.content {
	float: left;
	width: 580px;
	padding: 10px;
	}
.no-widgets .content, .no-default-widgets .content, .primary-inactive.secondary-inactive .content {
	width: 920px;
	}

/**
* Posts
************************************************/
.hentry {
	clear: both;
	height: 100%;
	margin-bottom: 21px;
	}

.singular .hentry {
	margin-bottom: 0;
	}
.page-template-blog .post {
	margin-bottom: 36px;
	}
.sticky {
	padding: 18px 9px 0 9px;
	color: #f7f7f7;
	background: #3D3D3D;
	}
.sticky a {
	color: #A6C2CF !important;
	}

.entry-content p a {
	color: #fff;
	}
.entry-content h2, .entry-content h3 {
	font-family:'Squada One', "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 200;
	line-height: 140%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin: 10px 0;
}

/* Byline */
.byline {
	margin: 0;
	font: 13px/18px Georgia, serif;
	letter-spacing:normal;
	text-transform:none;
	color: 3c3c3c;
	}
.single .byline, .home .byline {
	margin-bottom: 21px;
	}
.sticky .byline {
	color: gray;
	}
.byline a {
	color: #333;
	}

/* Post meta data */
.entry-meta {
	clear: both;
	display: block;
	padding: 9px 0 0 0;
	font-size: 18px;
	font-style: italic;
	color: #3c3c3c;
	border-top: 1px solid #444;
	}
.sticky .entry-meta {
	color: #3c3c3c;
	border: none;
	}
.entry-meta a {
	color: #fff;
	}

/* Page links */
p.page-links a {
	margin: 0 1px;
	padding: 1px 6px;
	font-style: italic;
	border: 1px solid #ddd;
	}
.sticky p.page-links a {
	background: #3C738C;
	border: none;
	}
/* Series */
.series-title {
	font-size: 32px;
	}

/* Page templates */
.author-profile {
	overflow: hidden;
	height: 100%;
	margin-bottom: 21px;
	}
.page-template-biography .author-profile {
	margin: 0;
	}
.author-profile .author-name {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	}

/* Archive templates */
.archive-title, .search-title {
	font-size: 21px;
	}
.archive-info, .search-info {
	overflow: hidden;
	margin-bottom: 21px;
	}

.archives a{
	color: #333;
	font-size: 18px;
	}

/* Attachments (post meta data) */
.attachment object {
	width: 100%;
	height: 100%;
	min-height: 400px;
	}
.attachment object.video {
	width: 100%;
	height: 360px;
	}
.attachment object.audio {
	width: 100%;
	}
.attachment-image .entry-meta {
	clear: left;
	}
.attachment .download {
	display: block;
	margin-bottom: 21px;
	}
.attachment-application-octet-stream .video {
	height: 400px;
	margin-bottom: 21px;
	}

/* Breadcrumb */
.breadcrumb {
	margin-bottom: 21px;
	font-size: 16px;/*.85em;*/
	color: #292323;
	}

/* Navigation links */
.navigation-links {
	overflow: hidden;
	height: 100%;
	}
.next, .previous {
	max-width: 50%;
	font-size: 22px;
	}
.previous {
	float: left;
	}
.next {
	float: right;
	text-align: right;
	}
#comments-template .paged-navigation {
	text-align: center;
	font: 20px Georgia, "Times New Roman", Times;
	}
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: italic !important;
	border: 1px solid #eee !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}
	
/* Code */
code {
	padding: 0 3px;
	font-family: "Ubuntu Mono", Courier, mono, serif;
	color: #fff;
	}
pre {
	overflow-x: hidden !important; overflow: hidden !important; position: relative; z-index: 999;
	display: block;
	padding: 9px;
	border: 1px solid #666;
	background: #7E7E7E;/*#1b1b1b;*/
	}
pre code {
	padding: 0;
	background: transparent;
	color: #fff;
	}
.sticky pre {
	background: #246F93;
	border: 1px solid #666;
	}
.sticky code {
	background: #246F93;
	}

/* Tables */
table {
	width: 100%;
	background: #5F97B1;
	border: 1px solid #eee;
	}
caption {
	font-size: .8em;
	font-style: italic;
	text-align: right;
	color: #666;
	}
td {
	padding: .3em;
	border: 1px solid #35667c;
	}
tr {
	color: #fff;
	background: #3e7690;
	}
tr.alt, tr.even {
	background: #437f9b;
	}
th {
	padding: .3em;
	color: #fff;
	background: #274958;
	border: 1px solid #35667c;
	}
td a, th a {
	font-weight: bold;
	color: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	line-height: 39px;
	margin: 3px 3px 0 0;
	font-size: 51px;
	font-family: "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #666;
	}
.sticky .drop-cap {
	color: #eee;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #2b2b2b;
	border: 1px solid #444;
	line-height: 1.2em;
	font-size: 0.9em;
	margin: 15px auto;
	text-align: justify;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}
/**
* Widget inserts
* Primary (displayed first) and Secondary
************************************************/
#primary {
	float: right;
	width: 300px;
	}
#secondary {
	clear: right;
	float: right;
	width: 300px;
	}

#subsidiary {
	overflow: hidden;
	margin: 0 0 15px 0;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 21px 0;
	padding: 18px 15px;
	border:1px solid #fff;
	background: #cecece;
	}
.content .widget {
	margin: 0;
	padding: 0;
	}
#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	padding: 0;
	color: #999;/*#999edited by karibe;*/ /*edited by karibe*/
	background: transparent;
	}

/* Widget title */
.widget-title {
	font-size: 1.2em;
	}
h3.widget-title {
	font-family: 'Original Surfer';
	font-weight: 200;
	line-height: 140%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	text-shadow:none;
	color: #000;
}
#subsidiary .widget-title {
	color: #fff;
	}

/* Widget lists */
.widget ul, .widget ol {
	list-style: none;
	margin-left: 9px;
	}
.widget ul li, .widget ol li {
	padding-left: 9px;
	background: url(images/bullet.gif) no-repeat 0 6px;
	}
.widget li.current-cat a, .widget li.current_page_item a {
	color:#aaa; 
	}
.widget li.current-cat li a, .widget li.current_page_item li a {
	color:#aa3; #2f6eb9;
	}
#subsidiary .widget ul, #subsidiary .widget ol {
	margin-left: 0;
	}
#subsidiary .widget ul li, #subsidiary .widget ol li {
	padding: 3px;
	background: transparent;
	border-bottom: 1px solid #444;
	}
#subsidiary a {
	color: #678db1;
	color: #ccc;
	}

/* Tag cloud */
.term-cloud {
	line-height:28px;
}
.term-cloud a {
	display: block;
	background: rgba(128, 128, 128, 0.43);/*255,255,255,0.15);*/
	margin: 0 5px 5px 0;
	padding: 2px 4px;
	float: left;
	text-decoration: none;
	color:#fff;
}

.term-cloud a:hover {
	color: #333;
	background:rgba(128, 128, 128, 0.43);	
}
/* Widget search */
.widget-search .search-text {
	width: 230px;
	font-family: Ubuntu, DejaVu Sans, Lucida Grande, Verdana, Arial, sans-serif;
	}

/* Widget categories */
.widget-categories img {
	position: relative;
	max-height: 16px;
	top: 1px;
	margin: 0;
	padding: 0;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	}

#recent-comments-2 a{
	color: #666;
	font-size: 18px;
	text-decoration: none;
	}
	
#recent-comments-2 a:hover{
	color: #666;
	font-size: 18px;
	text-decoration: underline;
	}	

/**
* Comments
************************************************/
#comments-template {
	}

/* Comment headers */
#comments-number, #reply {
	font-size: 30px;
	}
li.author #reply {
	color: #f7f7f7;
	}

/* Comments are closed */
.comments-closed {
	color: #666;
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	font: 20px georgia, 'Times new roman';
	margin: 0 0 21px 0;
	}
#comments li {
	overflow: hidden;
	margin-bottom: 9px;
	padding: 9px 9px 0 9px;
	color: #333;
	border-bottom: 1px solid #444;
	background: #cecece;
	}
#comments li li, #comments li.author li li {
	color: #313131;
	margin: 0 9px 9px 18px;
	background: #999999;
	}
#comments li.author li, #comments li li li, #comments li li.author li, #comments li.author li.author li {
	color: #fff;
	background: #3b3b3b;
	}
#comments li.author, #comments li li.author, #comments li li li.author, #comments li.author li.author li.author {
	color: #f7f7f7;
	background: #232C36;
	}
#comments li.author li.author, #comments li li.author li.author, #comments li.author li li.author {
	color: #f7f7f7;
	background: ##999;
	}
#comments li li.author, #comments li li.author li.author {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}

/* Comment links */
#comments li a, #comments li.author li a, #comments li.author li.author li a {
	color: #515711;
	text-decoration: underline;
	} 
#comments li.author a, #comments li.author li.author a, #comments li.author li.author li.author a {
	color: #aaa; 
	border-color: #333;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 18px;
	padding: 0;
	border: 1px solid #666;
	}
#comments-template li.author .avatar {
	padding: 2px;
	background: #246F93;
	}

/* Comment meta data */
#comments-template .comment-meta {
	margin-bottom: 18px;
	}

/* Comment text */
#comments-template .comment-text {
	clear: left;
	margin: 0 18px;
	}
.comment-text blockquote {
	margin-bottom: 21px;
	}
.comment-text blockquote p {
	display: inline;
	}
#comments-template li.author blockquote, #comments-template li.author pre {
	color: #fff;
	background: #246F93;
	border: none;
	}
#comments-template li.author code {
	background: transparent;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 300px;
	}
#comments-template label {
	font-size: 18px;
	}
textarea {
	clear: left;
	display: block;
	width: 98.5%;
	}
.button, #submit {
	width: auto;
	margin-right: 9px;
	padding: 6px 9px;
	font: .9em Ubuntu, DejaVu Sans, Lucida Grande, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	background: #858585;
	border: none;
	}
li.entry-author .button, li.entry-author #submit {
	background: #858585;
	}
.button:hover, #submit:hover {
	cursor: pointer;
	background: #999;
	}
.search-form input {
	margin-right: 9px;
	}

/**
* Footer
************************************************/
#footer-container {
	clear: both;
	overflow: hidden;
	color: #fff;
	margin: 10px 0 5px 20px;
	}
#footer-container a {
	color: #3c3c3c;
	}
#footer {
	clear: both;
	font-size: 18px;
	text-align: center;
	}
#footer a {
	font-style: italic;
	color: #fff;
	}
#footer .copyright {
	display: block;
	margin-right: 9px;
	}


/* Override the weird gallery-item margin from 21px.css */
dl.gallery-item {
	margin: 0;
}
.gallery-icon img{
	border-radius:0;
	-webkit-border-radius:0;
	}
/* disable text-shadow for embedded tweets */
/* See: http://media.twitter.com/blackbird-pie/ for an example tweet */
p.bbpTweet {
	text-shadow: none;
}