/**
 * Theme Name: Hybrid
 * Theme URI: http://themehybrid.com/themes/hybrid
 * Description: A user-friendly, search-engine optimized theme framework, featuring 18 custom page templates and multiple widget-ready areas, allowing you to create any type of site you want. 
 * Version: 0.6
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Tags: theme-options, threaded-comments, sticky-post, microformats, one-column, two-columns, three-columns, fixed-width
 * Status: publish
 *
 * Copyright (c) 2008 - 2009 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid 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');

/* Uncomment the below line if using the Hybrid Tabs plugin */
/* @import url('tabs.css'); */


div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 

   top: -9999px;
   height: 1px;
   width: 1px;
}




/**
* Body
************************************************/



body {
	/*background: #000000;*/
		background: url(library/images/kanran.jpg) #000000 repeat-x;
	}

/* Body container */
#body-wrapper {
	overflow: hidden;
	width: 960px;
        margin: 0 auto 18px auto;
	
        /*background: url(library/images/stromy_range.jpg) #ffffff no-repeat ;*/
	}




/* Body container */
#body-container {
	overflow: hidden;
	width: 960px;
	margin: 0 auto 0 auto;
	padding-top:10px;
        /*background: url(library/images/stromy_range.jpg) #000000 no-repeat ;*/
	/*background: url(library/images/bg.png)ropes.jpg  morenuma.jpg#000000 no-repeat ;*/
	}

/**
* Elements
************************************************/

/* Links */
a, a:visited  {
	color: #ffffff;
	text-decoration: none;
        background: #000000;
        margin: 0;
        padding: 0;
	}
a:hover, a:active {
	color:#404040;
	text-decoration: none;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black", Arial, sans-serif;
	color: #ffffff;
	}

.content h1 {
	font-size: 26px;
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #787878;
}



h2 {
	font-size: 22px;
	margin-bottom: 0;
	}
	
.content h2 a {
	font-size: 22px;
	font-family: Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #787878;
	background: transparent;
}	
	
h3 {
	font-size: 20px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:lighter;
	margin-bottom: 3px;
	}
h4 {
	font-size: 18px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	}
h5 {
	font-size: 16px;
	}

.content h6 {
	font-size: 18px;
	color: #666666;
	font-family: "Arial Black","Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 0;
	}

	
.sticky h2, .sticky h3, .sticky h4, .sticky h5, .sticky h6 {
	color: #eee;
	}


.tk-metalista-web {
    font-size: 56px;
	font-family: "metalista-web-1","metalista-web-2", Verdana, Arial, Helvetica, sans-serif;
	}
	
.tk-metalista-web-sml {
    font-size: 24px;
	font-family: "metalista-web-1","metalista-web-2", Verdana, Arial, Helvetica, sans-serif;
	}
	
	
.tk-orgovan-rounded-web {
    font-size: 20px;
	font-family: "orgovan-rounded-web-1","orgovan-rounded-web-2", Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	
.web-mess {
    font-size: 20px;
	font-family: "orgovan-rounded-web-1","metalista-web-1", Verdana, Arial, Helvetica, sans-serif;
	}

	
.clr-flt  {
	clear: both;
	}

/* Lists */
.content ul {
	list-style: none;
	margin-left: 0;
	}
.content ul li {
	overflow: hidden;
	height: 100%;
	padding-left: 0;
        margin: 0 18px 0 0;
	padding: 0;
	background: transparent;
	}
.content .sticky ul li {
	padding-left: 9px;
	}





/* Blockquotes */
blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #444;
	border-left: 3px solid #CADAE7;
	}
.post blockquote {
	margin: 0 24px 0  0;
	padding: 6px 0 0 24px;
	background: url(images/quotes.gif) no-repeat 0 0;
	border: none;
	}
.sticky blockquote {
	color: #f7f7f7;
	background: url(images/quotes-alt.gif) no-repeat 0 0;
	}
blockquote blockquote {
	color: #555;
	border-left: 3px solid #CADAE7;
	}
.sticky blockquote blockquote {
	color: #eee;
	}
blockquote em {
	font-style: normal;
	}
blockquote.pullquote {
	width: 210px;
	margin-top: 9px !important;
	margin-bottom: 3px !important;
	padding: 6px 9px;
	font-size: 18px;
	text-align: center;
	color: #333;
	background: transparent;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	}
.pullquote p {
	margin: 0;
	}

/* Code */
code {
	padding: 0 3px;
	background: #333;
	}
pre {
	overflow: auto;
	padding: 9px;
	background: url(images/pre.png) repeat 0 0;
	border: 1px solid #eee;
	}
pre code {
	padding: 0;
	background: transparent;
	}
.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: #eee;
	border: 1px solid #ccc;
	}

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

/* Footnotes */
.footnotes {
	margin: 0 0 21px 24px;
	padding: 9px 0 0 0;
	font-size: .8em;
	color: #777;
	border-top: 1px solid #eee;
	}
.footnotes a.return {
	padding: 0 1px;
	}
.footnotes a.return:hover {
	color: #eee;
	background: #3C738C;
	text-decoration: none;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 18px 0 0 !important;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 18px !important;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 21px auto;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 21px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}

/**
* Images
************************************************/
.post img {
	max-width: 594px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Captions */
.wp-caption {
	max-width: 592px;
	padding: 6px 1px 0 1px;
	background: #f9f9f9;
	background: #3c738c;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .8em;
	color: #666;
	color: #fff;
	}
.wp-caption img {
	max-width: 586px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 21px !important;
	}
.gallery img {
	border: 1px solid #3c738c;
	}

/* Author avatar */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 18px;
	padding: 5px;
	background: #eee;
	border: 1px solid #ddd;
	}

/* Thumbnail */
.thumbnail {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 18px 9px 0;
	padding: 5px;
	background: #eee;
	border: 1px solid #ddd;
	}
.sticky .thumbnail {
	background: transparent;
	border: 1px solid #000;
	}

/**
* Header
************************************************/
#header {
	margin-bottom: 10px;
	}


#header h1 a, #header div#site-title a{
	background:url(http://designkojo.net/site/wp-includes/images/sr.gif) no-repeat 0 0;
	width:60px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 0 0 0;
}

#header div#controlbar {
	float:right;
	display:inline;
	margin: 0 20px;
	text-align:left;
	width:295px;
	padding:0;
	background: url(library/images/workbg_page.png);
	}



#site-title {
	font-size: 2.3em !important;
	margin-bottom: 9px;
	line-height: 27px;
	float:left;
	display:inline;
	}

#site-title a {
	color: #ffffff;
	}

	
#site-description {
	font-size: 1.1em;
	color: #eee;
	margin-top: 40px;
	margin-bottom: 7px;
	margin-left: 5px;
	float:left;
	text-transform:uppercase;
	}
	
#site-title, #site-description {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}




#container {

	overflow: hidden;
	float: left;
	width: 960px;
	padding-top: 11px;
	padding-bottom: 21px;
	}

.content {
	overflow: hidden;
	float: left;
	width: 620px;
	padding: 0;
	background: url(library/images/blogbg.png);
	margin-top: 0;
	}
	
body.page-id-57 .content, body.parent-pageid-57 .content {
	background: url(library/images/workbg_page.png);
}
	
	
body.page-id-18 .content, body.parent-pageid-18 .content {
	background: url(library/images/servicesbg.png);
}

	
body.page-id-60 .content {
	background: url(library/images/contactbg.png);
}
	
body.page-id-8 .content {
	background: url(library/images/homebg.png);
	margin-top: -12px;
	width: 940px;
}			


/**
* NO WIDGETS L AND R DIV 
************************************************/

.nwleft {
	float:left;
	margin: 0;
	padding: 0;
	width:550px;
	display:inline;
}

.nwright {
	float:right;
	margin: 0 0 0 0;
	padding: 0;
	display:inline;
	width:295px;
}

/**
* Posts
************************************************/


.post {
	clear: both;
	overflow: hidden;
	height: 100%;
	margin-bottom: 21px;
	}

.single .post, .page .page {
	margin-bottom: 0;
	}
.page-template-blog .post, .page-template-quick-post .post {
	margin-bottom: 36px;
	}
.sticky {
	padding: 18px 9px 0 9px;
	color: #f7f7f7;
	background: #232C36;
	}
.sticky a {
	color: #A6C2CF !important;
        }

/* Post title */
.entry-title {
	font-size: 21px;
	margin-bottom: 3px;
	}
.single-title, .page-title {
	font-size: 21px;
	}
.page-title, .attachment-title, .error-404-title {
	margin-bottom: 21px;
	}

/* Byline */
.byline {
	margin: 0;
	font-size: .85em;
	font-style: italic;
	color: #999;
	}
.single .byline, .home .byline {
	margin-bottom: 21px;
	}
.sticky .byline {
	color: #f7f7f7;
	}
.byline a {
	color: #f2f2f2;
        background: transparent;
	}

/* Post meta data */
.post-meta-data {
	clear: both;
	display: block;
	padding: 9px 0 0 0;
	font-size: .85em;
	font-style: italic;
	color: #666;
	border-top: 1px solid #ddd;
	}
.sticky .post-meta-data {
	color: #f7f7f7;
	border: none;
	}
.post-meta-data a {
	color: #232c36;
	}

/* Post meta */
.post-meta {
       } 
	   
.portpic {
       border: 10px solid #cccccc;
	   border-top-style:solid;
       border-right-style:solid;
       border-bottom-style:solid;
       border-left-width:0;
       } 

.post-meta-key {
display:none;
	
	text-indent: -9999px;
}

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

/* 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;
	}
.post-box {
	overflow: hidden;
	margin-bottom: 21px;
	}

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

/* 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 .post-meta-data {
	clear: left;
	}
.attachment .download {
	display: block;
	margin-bottom: 21px;
	}
.attachment-icon, .mime-type-icon {
	height: 18px;
	margin-right: 6px;
	padding: 0;
	}
.attachment-application-octet-stream .video {
	height: 400px;
	margin-bottom: 21px;
	}


 	

/* Navigation links */
.navigation-links {
	overflow: hidden;
	height: 100%;
	}
.next, .previous {
	max-width: 50%;
	font-size: .85em;
	}
.previous {
	float: left;
	}
.next {
	float: right;
	text-align: right;
	}
#comments-template .paged-navigation {
	text-align: center;
	font: .95em 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;
	}

/**
* Widget inserts
* Primary (displayed first) and Secondary
************************************************/
#primary {
	float: right;
	width: 320px;
	}
#secondary {
	clear: right;
	float: right;
	width: 320px;
	}

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

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 21px 0;
	padding: 0 15px;
	}
.content .widget {
	margin: 0;
	padding: 0;
	}
#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 320px;
	margin: 0 0 0 0;
	padding: 0;
	color: #999;
	/*background: transparent;*/
	}




/* home page *********************************************/

#home_nav {
	margin-bottom: 0;
}

.home_nav ul {
	list-style: none;
	margin-left: -10px;
	}

.home_nav ul li {
    font-size:18px;
	line-height: 30px;
	font-family: "Arial Black","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	margin: 0 0 5px 0;
	height: 35px;
	width:950px;
	text-indent: 8px;
	}
	
.home_nav ul li.page-item-57 {
	background: url(library/images/workbg_page.png);
}
.home_nav ul li.page-item-13 {
	background: url(library/images/blogbg.png);
}	
.home_nav ul li.page-item-18 {
	background: url(library/images/servicesbg.png);
}	
.home_nav ul li.page-item-60 {
	background: url(library/images/contactbg.png);
}	









/* Widget lists */
.widget ul {
	list-style: none;
	margin-left: -10px;
	}
.widget ul li {
    font-size:18px;
	line-height: 30px;
	font-family: "Arial Black","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color: #f9f9f9;
	text-indent: 0;
	margin: 0 0 5px 0;
	height: 35px;
	width:295px;
	padding:0;
	}
	
.widget ul li.page-item-57 {
	background: url(library/images/workbg_page.png);
}
.widget ul li.page-item-13 {
	background: url(library/images/blogbg.png);
}	
.widget ul li.page-item-18 {
	background: url(library/images/servicesbg.png);
}	
.widget ul li.page-item-60 {
	background: url(library/images/contactbg.png);
}	
.widget ul li.page-item-8 {
	background: url(library/images/homebg.png);
}

/*
.widget ul li.page-item-57 {
	background: url(library/images/workbg.png) #0066ff;
}
.widget ul li.page-item-13 {
	background: url(library/images/blogbg.png) #006b00;
}	
.widget ul li.page-item-18 {
	background: url(library/images/servicesbg.png) #bfb300;
}	
.widget ul li.page-item-60 {
	background: url(library/images/contactbg.png) #b32448;
}	
.widget ul li.page-item-8 {
	background: url(library/images/homebg.png) #6b0000;
}		
*/		





/* curruent page	
.widget li.current-cat a, .widget li.current_page_item a {
	color: #f9f9f9;
	background-color: #d84800;
	}
.widget li.current-cat li a, .widget li.current_page_item li a {
	color: #f9f9f9;
	background-color: #d84800;
	}
*/	
	
#subsidiary .widget ul {
	margin-left: 0;
	}
#subsidiary .widget ul li {
	padding: 3px;
	border-bottom: 1px solid #2b3b4a;
	}
#subsidiary a {
	background-color: #678db1;
	color: #ccc;
	}
	

	




/* Widget search */
.widget-search .search-text {
	width: 230px;
	}

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

/* Widget table (calendar) */
.widget table {
	width: 240px;
	}

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

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

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

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li {
	overflow: hidden;
	margin-bottom: 9px;
	padding: 9px 9px 0 9px;
	color: #333;
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#comments li li, #comments li.author li li {
	color: #333;
	margin: 0 9px 9px 18px;
	background: #fff;
	}
#comments li.author li, #comments li li li, #comments li li.author li, #comments li.author li.author li {
	color: #333;
	background: #f9f9f9;
	}
#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: #246F93;
	}
#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: #3C738C;
	} 
#comments li.author a, #comments li.author li.author a, #comments li.author li.author li.author a {
	color: #A6C2CF;
	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-data {
	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;
	}
.page-template-quick-post .text-input {
	width: 97.5%;
	}
#comments-template label {
	font-size: .8em;
	}
textarea {
	clear: left;
	display: block;
	width: 98.5%;
	}
.button {
	width: 100px;
	margin-right: 9px;
	padding: 6px 9px;
	font: .9em Cambria, Georgia, Times, 'Times New Roman', serif;
	font-weight: bold;
	color: #eee;
	background: #242D36;
	border: none;
	}
li.author .button {
	background: #333C45;
	}
.button:hover {
	cursor: pointer;
	background: #333C45;
	}
.search-form input {
	margin-right: 9px;
	}
.allowed-tags {
	font-size: .8em;
	}

/**
* Footer
************************************************/
#footer-container {
	padding-top: 20px;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	color: #999;
	}
#footer-container a {
	color: #ccc;
	}
#footer {
	clear: both;
	font-style: italic;
	}
#footer a {
	font-style: normal;
	color: #f7f7f7;
	}
#footer .copyright {
	display: inline;
	float: left;	
	margin-right: 9px;
	}
	
/* flickr
**************/
#flikr_div { 
	float:left;
	width:460px;
}

#flikr_div h3{ 
	color: #666699;
	margin-bottom: -1px;
}

#flikr_div .photo { 
	background-color: #666699;
}

#flikr_div .photo a { 
	background-color: transparent;
}


/* twitter
**************/
#twitter_div { 
	float:left;
	width:460px;
	margin-left: 20px;
}

#twitter_div h3{ 
	color: #cccccc;
	margin-bottom: -1px;
}

#twitter_div .photo {
	background: url(library/images/twitter.jpg) bottom no-repeat #D2E0E4;
}

#twitter_div .photo a {
	padding-bottom: 0; 
	color: #333333;
    background: transparent;}

#twitter_update_list { 
	color: #000000;
	list-style: none;
	margin-left: 0;
	line-height: 10px;
}

#twitter_update_list a { 
	color: #333333;
        background: transparent;
}