/*   
Theme Name:okami
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.okami.de
Author:okami
Author URI:http://www.okami.de
Version: 0.2.3
Tags: white, simple, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:url(img/back1.gif);
       font-family: Arial, Helvetica, sans-serif;
       font-size:12px; color:#b8babb}
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#81c8d5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
ol li { padding:0 0 5px 0; line-height:normal; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
blockquote { 
	margin:0 0 1em 0; 
	padding:35px 20px 0 20px; 
	border:1px solid #555; 
	background:#333 url(img/quote1.gif) no-repeat 10px 10px; 
}
blockquote p { 
	margin:0 0 5px 0; 
	}
.quote_bottom { 
	height:30px; 
	background:#333 url(img/quote2.gif) no-repeat right; 
	margin-right:-10px; 
}
pre { 
	border:1px solid #555; 
	background:#333; 
	padding:10px 20px; 
	margin:0 0 1em 0; 
	overflow:auto; 
}
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
/* #wrapper { width:1000px; margin:0 auto; } */

#content { width:959px; margin:0 auto; text-align:left; }
#header { background:url(img/top.png) no-repeat bottom; height:140px; }
#contents { width:959px; margin:0 auto; text-align:left; background:url(img/side.png) repeat-y; clear:both; }
#left_col {
    float:left;
    display:inline;
    width:623px;
    padding:0px 0 0 0;
}
#right_col {
    float:right;
    display:inline;
    width:266px;
    margin:0 27px 0 0;
    padding:30px 0 0 0;
}
#footer { background:url(img/bottom.png) no-repeat top; height:40px; padding:0 0 30px 0px; width:959px; margin:0  auto;}

#contents_noside { background:url(img/side-noside.png) repeat-y; padding:1px 0; }
#contents_noside .post { margin:10px 40px 20px 40px; }


/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#logo { float:left; display:inline; margin:64px 0 0 40px; }
#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }
#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

/* blog description */
#description { font-weight:normal; line-height:100%; margin:0; padding:0; color:#aaa; font-size:11px; }

/* blog title - image (If you are using image for blog title, adjust margin) */
#logo_image { margin:0px 0 0 6px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

#header_meta { float:right; display:inline;  margin:50px 30px 3px 0px; }
#header_meta a:hover { text-decoration:none; }

#header_rss { float:left; background:url(img/rss_button.gif) no-repeat left top; padding:0 0 0 52px; height:43px; line-height:46px; font-size:11px; display:inline; margin:0 0 0 20px;}
#header_rss:hover { background-position:left bottom; }

/* twitter */
#header_twitter { float:left; background:url(img/twitter_button.gif) no-repeat left top; padding:0 0 0 52px; height:43px; line-height:46px; font-size:11px; display:inline; margin:0 0 0 20px; }
#header_twitter:hover { background-position:left bottom; }

/* search area */
#header_search_area { float:left; width:266px; height:39px; background:url(img/search-area.gif) no-repeat left top; margin:10px 15px 0 0; position:relative; }
#search_input { position:absolute; top:7px; left:21px; border:0px; height:17px; display:inline; width:205px; font-size:100%; color:#ccc; background:transparent; }
#search_button { position:absolute; right:0px;  top:0px;}

/* =--- post ---= */
.post {
    margin: 30px 0 5px 35px;
}
.post h2 {
    margin-bottom: 10px;
    padding: 0 3px;
}
.post h2 a {
    display:block;
    text-decoration:none;
}
.post_content {
    margin:30px 30px 30px 0;
}
.post_content p {
    margin:0 0 1em 0;
}
.postMeta {
    border-top: 1px solid #ccc;
    text-align: right;
    margin-right: 30px;
    margin-bottom: 14px;
    position: relative;
}
.postMeta .container {
    position: absolute;
    top: -9px;
    right: 0;
}
.postMeta span.date {
    background: #242424;
    padding: 0 4px;
}
.postMeta span.comments {
    background: #242424 url(img/chat_grey.gif) no-repeat 2px -1px;
    padding-left: 18px;
}

.postMeta {
    font-size: 0.9em;
    text-transform: uppercase;
}
.postMeta span.date {
    color: #777;
}
.postMeta span.comments a,
.postMeta span.date a {
    color: #7f8e91;
}
.postMeta span.comments a:hover,
.postMeta span.date a:hover {
    color: #81c8d5;
}
.post table {
    margin:0 0 1em 0;
}
.post td, .post th {
    border:1px solid #444;
    padding:15px;
}
.post th {
    background:#000;
    font-weight:normal;
}
.post_content ul li {
    margin:0;
    line-height:160%;
    background:url(img/bullet1.gif) no-repeat 5px 7px;
    padding:0 0 0 18px;
}
.post_content ol li {
    margin:0 0 0 0;
    line-height:160%;
}
.post_content input {
    margin:5px 0;
}
.post img.centered,div.centered {
    display:block;
    margin:0 auto;
}
.post img.aligncenter,div.aligncenter {
    display:block;
    margin:0 auto;
}
.post img.alignright,div.alignright {
     margin:4px 0 15px 15px;
    display:inline;
}
.post img.alignleft,div.alignleft {
    margin:4px 15px 15px 0;
    display:inline;
}
.post img.wp-smiley {
    border:0px;
    padding:0px;
    margin:0px;
    background:none;
}
#post_footer {
    margin-right:30px;
    background:#333;
    border-top:1px solid #555;
    border-bottom:1px solid #555;
}
#post_footer p {
    margin: 5px 7px;
}

.highlight {
    text-transform: uppercase;
    font-size: 10px;
}
#previous_next_post { padding:15px 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px;  }
#previous_next_post p { line-height:140%; margin:0; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_title { 
	margin:0 0 20px 0; 
	font-size:12px; 
	text-transform:uppercase; 
	color:#555; 
	font-weight:normal; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #333; 
	line-height:100%; 
	padding: 7px 4px;
}
.side_box { margin:0 0 50px 0; font-size:11px; }

#right_col ul .children { margin:0 0 0 10px;  }
#right_col li { margin:0 0 1em 0; line-height:140%; }
#right_col li li { padding:0 0 0 10px; margin:3px 0; background:url(img/bullet1.gif) no-repeat 1px 7px; }

#side_left { float:left; width:130px; padding:0; display:inline; margin:0; }
#side_right { float:right; width:130px; padding:0; display:inline; margin:0; }

.side_box_short { margin:0 0 50px 0; width:120px; font-size:11px; color:#aaa; }

#side_bottom { clear:both; }

/* this is just for default mode */
#side_left_ex { float:left; width:130px; padding:0; display:inline; margin:0; }
#side_right_ex { float:right; width:130px; padding:0; display:inline; margin:0; }
#side_bottom_ex { clear:both; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; color:#777; }
#wp-calendar th, #wp-calendar td { border:1px solid #333; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; background:#000; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:underline; }
#wp-calendar td a:hover { }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; }
#wp-calendar td#today { background:#111; text-decoration:underline; color:#81c8d5; }


/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
#copyright { float:left; display:inline; margin:20px 0 0 55px; padding:0 0 0 15px; background:url(img/copyright.gif) no-repeat left top;}
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:5px 0 5px 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { }

#return_top { float:right; display:inline; margin:25px 55px 0 0; padding:0 0 0 15px; font-size:11px; background:url(img/arrow4.gif) no-repeat left center; }
#return_top:hover { }


/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_edit { margin:0; font-size:11px; }


/*  ------ search,archive ------------- */
#search_result,#archive_headline { padding:10px 0 0 0px;  width:621px; margin:0 0 0 4px; background-color:#000; }
#search_result p,#archive_headline p { background:url(img/archive-bottom.gif) no-repeat right bottom; padding:0 10px 10px 32px; margin:0; line-height:140%; }
#keyword { font-weight:bold; color:#81c8d5; }
.search_result_content { margin:25px 30px 25px 30px; border-left:1px solid #ccc; padding:5px 0px 0px 15px;  }
.search_result_contents p { clear:both; }
.read_more { padding:0 0 0 20px; }


/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:-10px 0 50px 30px; padding:0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#777; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background-color:#000; border:1px solid #333; }
.page_navi a:hover { color:#81c8d5; text-decoration:none; }
.page_navi span.current {  color:#fff; }

#search_pagenavi { margin:70px 0 0 0; }


/* ----- header-menu --------------------------------------------------------------------------------------------------------------------------- */
.header-menu-wrapper { width:959px; margin:0 auto; }
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
ul.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

ul.menu ul { position:absolute; top:52px; left:0; display:none; width:200px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
ul.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }

ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-bottom:2px solid #627376; }
ul.menu .current_page_item a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
              { border-bottom:1px solid #373737; }



/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#comments_wrapper { width:584px; padding:10px 20px 15px 20px; }
#comments_wrapper_noside { width:905px; padding:0 20px 15px 20px; }

#comment_area, #trackback_area { margin:15px -10px 20px -10px; padding:0 0 5px 0;  }
#trackback_area { display:none; }
.children { margin:0 0 0 62px; }

/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #333; font-size:11px; position:relative; margin:0 -20px; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 20px; }
#add_comment a { background:url(img/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a { background:url(img/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }

#comment_header_right { clear:left; position:absolute; top:-1px; right:30px; }
.comment_switch_active, #comment_closed { border:1px solid #333; background: #333; }
.comment_switch_active a { color:#7f8e91; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
#trackback { border:1px solid #333; color:#777; margin:0 20px 20px; padding:4px 0 4px; background:#000; }
.trackback_url { background:url(img/arrow1.gif) no-repeat 10px center; padding:0 0 0 20px; }
.comment { color:#777; margin:0 20px 15px; padding:15px 0 3px 0; }
.children .comment { color:#777; margin:0 0px 15px 0; padding:15px 0 3px; }

/* ----- comment-meta ----- */
.comment-meta { height:56px; position:relative; border-left:1px solid #333; border-top:1px solid #333; }
.comment-meta-left { position:absolute; left:10px; top:10px;}
.avatar { border:1px solid #333; background:#555; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { }
.commentlist a:hover {  }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(img/arrow1.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:16px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:15px 15px 15px 72px;}
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#81c8d5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #333; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#000; }
#trackback_closed { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }


/* ----- comment-pager ----- */
#comment_pager { margin:0 15px 10px 15px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #333; margin:0 10px 15px; padding:15px; background:#000  }

#cancel_comment_reply  { background:url(img/arrow1.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 11px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border:1px solid #333;  padding: 3px 5px; width:70%; background:#000; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:94%; margin:15px 0 0 0; padding:15px; height:150px; border:1px solid #333;
                             background:#222; color:#a2a2a2; font-size:11px; overflow:auto; }

#submit_comment { margin:30px auto 0 auto; width:200px; display:block; background:#000; color:#a5a5a5; border:1px solid #333; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #81c8d5; color:#81c8d5; }

#back_top_comment { float:right; background:url(img/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; border:1px solid #333; background:#000 url(img/stripe1.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; color:#2089cc; }

/* ----- plugin ----- */
#guest_info div#custom_smilies { margin:0; padding:10px 0 0 0; }
p.subscribe-to-comments { margin:15px 0 -15px 0; }