/*
Theme Name: Kisho
Theme URI: http://www.vooshthemes.com
Description: A Premium WordPress Theme By Voosh Themes. Please look at the <a href="../wp-content/themes/kisho/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/kisho/instructions/instructions.html">(kisho/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/*------------------------------------------------*/
/*---------------------RESET----------------------*/
/*------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 24px; font-family: arial, sans-serif; }
ol, ul { list-style: none; }

/*------------------------------------------------*/
/*-----------------TOOLS--------------------------*/
/*------------------------------------------------*/
.single-post-line { width: 271px; height: 7px; background: url(images/sidebar-line.png) no-repeat; margin: 30px 0 25px 95px; clear: both; }
.sidebar-line { width: 271px; height: 7px; background: url(images/sidebar-line.png) no-repeat; float: left; margin: 0 0 25px 55px; }

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
body { background: #121212; }
h1 { text-decoration: none; color: #888888; font-size: 26px; font-weight: normal; margin: 30px 0 20px 0; }
h2 { text-decoration: none; color: #888888; font-size: 22px; font-weight: normal; margin: 30px 0 20px 0;  }
h2.title { margin-top: 0px; }
h3 { color: #888888; text-transform: uppercase; font-size: 16px; font-weight: normal; margin: 30px 0 5px 0; }
h3.text { margin-bottom: 10px; font-size: 14px; }
h3.frontpage { font-size: 14px; font-weight: normal; margin: 0px 0 5px 0;  }
h4 { color: #888888; font-size: 14px; font-weight: normal; margin: 30px 0 5px 0; }
h5 { color: #888888; text-transform: uppercase; font-size: 12px; font-weight: normal; margin: 30px 0 5px 0; }
a { color: #555555; text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-size: 12px; color: #cccccc; margin-bottom: 15px; }
pre { color: #cccccc; }

/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#wrap { width: 960px; margin: auto; }
#header-top { background: url(images/header-top.png) no-repeat; width: 960px; height: 30px; margin-top: 50px; }
#header { float: left; margin: 12px 0 30px 0; }
#header h1 a { background: url(images/logo.png) no-repeat; width: 233px; height: 41px; float: left; text-indent: -9999px; margin: -15px 0 0 0px; }
#header h2 { background: url(images/description.png) no-repeat; width: 188px; height: 21px; text-indent: -9999px; margin: 27px 0 0 -2px; }

/*------------------------------------------------*/
/*-----------------NAVIGATION---------------------*/
/*------------------------------------------------*/
#nav { width: 271px; text-align:center; margin: 30px 0 30px -8px; float: left; }
#nav li { padding: 22px 0 15px 0;  width: 271px; background: url(images/sidebar-line.png) no-repeat; float: left;  }
#nav li a {  color: #cccccc; text-transform: uppercase; font-size: 14px; text-decoration: none; display: block; }
#nav li a:hover { color: #555555; }
#nav li.current_page_item a { color: #555555; }

/*------------------------------------------------*/
/*-----------------MAIN LAYOUT--------------------*/
/*------------------------------------------------*/
#main { background: url(images/content-bg.png) repeat-y; width: 960px; float: left; }
#content { width: 470px; float: left; margin: 27px 0 0 78px; padding-bottom: 10px; }
#sidebar { width: 315px; float: left; margin: 5px -30px 0 65px; float: left; }
#vertical-line { background: url(images/vertical-line.png) repeat-y; width: 4px; min-height: 875px; float: left; margin: -190px 35px 0 35px; }

/*------------------------------------------------*/
/*-----------------SLIDER-------------------------*/
/*------------------------------------------------*/
#slider { float: left; border: 1px solid #000000; margin: 0px 0 30px 0; }
#slider ul, #slider li { padding:0; list-style:none; }
#slider li { width: 470px; height: 320px; overflow:hidden; }
#prevBtn, #nextBtn{ display:block; width:44px; height:42px; position:relative; left:-30px; top:71px; opacity: 0.9; }	
#nextBtn{ top: 95px; left:432px;	}
#prevBtn{ top: 138px; left: 1px; }
#prevBtn a, #nextBtn a { display:block; width:39px; height:39px; background:url(images/button-left.png) no-repeat 0 0; }	
#nextBtn a { background:url(images/button-right.png) no-repeat 0 0;	}

/*------------------------------------------------*/
/*-----------------POSTS/PAGES--------------------*/
/*------------------------------------------------*/
/* Posts */
.post h2 { margin: 25px 0 15px 0; }
.post h2.post-title { margin: 0 0 0 0; }
.post h2.page-title { margin: 0 0 20px 0; }
.post h2 a { text-decoration: none; color: #cccccc; font-size: 22px; font-weight: normal; }
.post h2 a:hover { color: #888888; }
.post ol { margin-bottom: 20px; }
.post ol li { list-style:decimal; font-size: 12px; color: #cccccc; margin-left: 18px; padding-left: 5px;}
.post ul { margin-bottom: 20px; }
.post ul li { list-style:circle; color: #cccccc; font-size: 12px; margin-left: 15px; padding-left: 5px; }
.post-img { border: 1px #000000 solid; margin: 0 0 20px 0; }
.meta { margin: 0 0 20px 0;  }
.meta p { color: #444444; font-size: 10px; text-transform: uppercase;  }
.meta p a { color: #444444; font-size: 10px; text-decoration: none; }
.view-comments-button { background: url(images/view-comments-button.png) no-repeat; width: 175px; height: 37px; display: block; margin: 25px 0 25px -15px; }
.next-posts-link { font-size: 14px; float: left; padding-right: 20px;}

/* Search/Archives */
.search-page h2 { margin-top: 0px; }
.search-page h4 a, .post-archive h4 a { color: #cccccc; }
.search-page h4 a:hover, .post-archive h4 a:hover { color: #888888; text-decoration: none; }
.search-page .meta p, .post-archive .meta p { margin-top: -7px; }
.archive-page h2 { margin-top: 0px; }

/*------------------------------------------------*/
/*-----------------SIDEBAR------------------------*/
/*------------------------------------------------*/
#sidebar { color: #cccccc; font-size: 14px; }
#sidebar h2 { clear: both; font-size: 18px; font-weight: normal; margin: 0 0 20px 0; color: #888888; }
#sidebar #img-bg { background: url(images/img-bg.png) no-repeat; width: 255px; height: 230px; float: left; margin: -25px 0 0 0; }
#sidebar #img-bg img { margin: 13px 0 0 14px; }
#slider .button-left { margin: -180px 0 0 0px; float: left; opacity:0.9; }
#slider .button-right { margin: -180px 0 0 431px; float: left; opacity:0.9; }
.widget { text-align: center; margin-left: -60px; margin-top: 50px;  background: none; }
.widget ul li a { font-size: 14px; color: #cccccc; }
#calendar_wrap { margin: 0 120px 0 120px; }
#sidebar #s { border: 1px solid #222222; float: left; padding: 5px; color: #555555; margin: 0 5px 25px 75px; width: 150px; background-color: #000000; }
#sidebar #searchsubmit { float: left; background-color: #000000; color: #cccccc; border: 1px solid #222222; padding: 4px; text-transform: uppercase; cursor: pointer; }

/*------------------------------------------------*/
/*-----------------COMMENTS-----------------------*/
/*------------------------------------------------*/
#comments_template { clear:both; padding-top: 20px; margin-left: 0px; padding-bottom: 70px; width: 505px;  }
#comments_template ol li { list-style: none;  }
#content #comments_template a.url { font-size: 16px; font-style: normal; color: #cccccc; text-decoration: none; padding-left: 0px; }
#content #comments_template a.url:hover { color: #888888; }
#comments_template p.comment-meta { color: #888888; text-transform: uppercase; margin-top: -5px; font-size: 10px; margin-bottom: 8px; }
#comments_template .commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; border: 1px solid #000000; padding: 5px; }
#content #comments_template .comment-reply-link {  font-size: 10px; padding-top: 15px; margin-left: -5px; background: url(images/reply-button.png) no-repeat; width: 73px; height: 28px; display: block; }
#comments_template .comment { border: 1px solid #000000; padding: 15px; margin: 15px 0px 0 0;  }
#comments_template h3 { color: #555555; font-weight: normal; font-size: 20px; text-transform: none; margin: 0 0 20px 0; }
#comments_template #comments_template p { padding-left: 0px; }
#comments_template em { font-size: 12px; color: #555555; } 
#comments_template .fn { color: #555555; }
#comments_template .commentlist { margin: 0 35px 35px 0; }

/* Comment Form */
#respond { font-size: 24px; font-weight: normal; color: #444444; clear: both; margin: -10px 0 30px 0; }
#respond h3 { margin-bottom: 20px; text-transform: none; }
#respond h3 a { font-size: 20px; }
#commentform { width: 485px; color: #555555; margin: 0 0 0 -5px; padding-top: 5px; }
#commentform .logged { margin-left: 6px; }
#commentform input { background: url(images/textfield-bg.png) no-repeat; color: #555555; border: none; padding: 15px 15px 5px 15px; margin-bottom: 0px; width: 299px; height: 48px; float: left; font-family: Arial; }
#commentform textarea { background: url(images/textarea-bg.png) no-repeat; color: #555555; font-size: 11px; padding: 15px; border: none; width: 420px; clear:both; font-family: Arial; line-height: 24px; float: left; margin: 5px 0 0px 2px; height: 250px; overflow: hidden;  }
#commentform .submit { width: 128px; height: 37px; background: url(images/submit-button.png) no-repeat;  cursor: pointer; margin-top: 10px; border: none; }
#commentform label { font-size: 14px; height: 30px; color: #555555; float: left; padding: 9px 0 0 15px; text-transform: uppercase; }
#cancel-comment-reply-link { font-size: 12px; margin-bottom: 20px; }

/*------------------------------------------------*/
/*-----------------CONTACT FORM-------------------*/
/*------------------------------------------------*/
#contactform  { width: 500px; clear: both; margin: 10px 0 0 -4px; float: left; }
#contactform p { float: left; }
#contactform input { background: url(images/textfield-bg.png) no-repeat; color: #555555; border: none; padding: 0 15px 0 15px; margin-bottom: 10px; width: 299px; height: 48px; float: left; font-family: Arial; font-size: 11px; }
#contactform label { font-size: 14px; height: 30px; color: #555555; float: left; padding: 9px 0 0 15px; text-transform: uppercase; }
#contactform select { padding: 0px; width: 255px; float: left; margin-bottom: 20px; }
#contactform textarea { background: url(images/textarea-bg.png) no-repeat; color: #555555; font-size: 11px; padding: 15px 15px 10px 15px; border: none; width: 420px; clear:both; font-family: Arial; line-height: 24px; overflow: hidden; float: left; margin: 5px 0 0px 2px; height: 250px; }
#contactform .submit { width: 128px; height: 37px; background: url(images/submit-button.png) no-repeat; cursor: pointer; margin-top: 15px; border: none; }
.contact_error { display: block; height: 22px; line-height: 22px; background-color: #222222; padding: 3px 10px 3px 10px; color:#eeeeee;border: 1px solid #000000; margin-bottom: 10px; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/
#footer {  background: url(images/footer-bg.png) no-repeat; width: 960px; height: 22px; float: left; padding: 0 0 50px 0; }
#footer #copyright p { color: #555555; margin: 30px 0 0 10px; }
#footer #design p { float: right; color: #555555; margin: -25px 10px 0 0; }
#footer #design a, #footer #design a:link { text-decoration: none; color: #cccccc; }
#footer #design a:hover { color: #555555; }