/*   
Theme Name: obandes
Theme URI: http://www.tenman.info/wp3/obandes/
Description: extend basic template It is possible to change freely by using Yahoo User Interface Framawork though it is a basic theme in the layout. 
AdminPanel was omitted. The setting is useful for a revokable person in functions.php. 
Author: tenman
Author URI: http://www.tenman.info/wp3/
Version: 0.28
Tags:white, two-columns,right-sidebar ,fixed-width ,flexible-width, custom-colors, threaded-comments, sticky-post, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/**
 * elements
 *
 *
 *
 *
 */
a{
	outline: none; 
	}
a:focus { 
	outline: none; 
	}
a:active,a:focus { 
    border:none;
    outline:none;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
}
p{
	margin:0.5em 0;
}
blockquote{
	margin:1em 4.4em;
	padding:.5em;
	border-left:3px solid #ccc;
}
cite { 
	font-style: normal;
	text-decoration: underline;
	font-style:italic;
}
ul,ol,dl{
	margin-left:4.4em;	
}
ul li{
	list-style-type:none;
	margin:0.5em 0;
}
ol li{
	margin:0.5em 0;
}

dl dt{
	margin:.5em 0;
}
table{
	margin:1em auto;
	max-width:100%;
}
pre,tt,kbd{
	font-family:"Courier New", Courier, mono;
}
i,em{
	font-style:itaric;
	font-weight:400;
	}
abbr{
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
textaraa{
	width:100%;
}
strong{
 	text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
	}
table{
    width:100%;
	}
td a{
    text-decoration:none;
	}
/**
 * font size
 *
 *
 *
 *
 */

.font10 {
	font-size:77%;
}
.font12 {
	font-size:93%;
}
.font13 {
	font-size:100%;
}
.font20 {
	font-size:153.9%;
}
.font21 {
	font-size:161.6%;
}
.font22 {
	font-size:167%;
}
.font23 {
	font-size:174%;
}
.font24 {
	font-size:182%;
}
.font25 {
	font-size:189%;
}
.font26 {
	font-size:197%;
}

/**
 * heading
 *
 *
 *
 *
 */
h1,
h1 a,
.h1 a,
#site-title{
	font-size:174%;
	}
h2,
h2 a,
.h2 a{
	font-size:167%;
	}
h3,
h3 a,
.h3 a{
	font-size:161.6%;
	}
h4,
h4 a,
.h4 a{
	font-size:123.1%;
	}
h5,
h5 a,
.h5 a{
	font-size:116%;
	}
h6,
h6 a,
.h6 a{
	font-size:108%;
	}
/* heading */
.ja h1,
.ja .h1,
.ja #site-title{
	font-size:174%;
	}
.ja h2,
.ja .h2{
	font-size:123.1%;
	}
.ja h3,
.ja .h3{
	font-size:116%;
	}
.ja h4,
.ja .h4{
	font-size:108%;
	}
.ja h5,
.ja .h5{
	font-size:100%;
	}
.ja h6,
.ja .h6{
	font-size:93%;
	}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight:700;
	overflow:hidden;
	line-height:1.5;
	margin:.5em 0;
	font-family:"Times New Roman", Times, serif;	
}


h1 a,
.h1 a{
    color: orange;
    margin: 0;
    font-size: 48px;
    line-height: 62px;
    padding: 0px 25px 0px 0px;
    letter-spacing: -2px;
    text-shadow: 2px 2px 0 #efefef;
	font-family: 'Trebuchet MS', 'Lucida Grande',
      'Verdana', 'Lucida, Geneva, Helvetica',
      'Arial', sans-serif;
	text-decoration:none;
	}
	
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	text-decoration:none;
	display:inline;
	background:none;
}

li h2{
	margin:0;
	}


/**
 * header
 *
 *
 *
 *
 */


header{
    padding:10px 0;
	
	}
header img{
margin-bottom:1em;
	}
.form{
    text-align:right;
	}

/**
 * article section
 *
 *
 *
 *
 */

article,section,nav {
    display:block;
	}

   


/**
 * nav link style
 *
 *
 *
 */
nav {
    border-right: 0 solid #ccc;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
      'Verdana', 'Lucida, Geneva, Helvetica',
      'Arial', sans-serif;
    color: #333;
    }
nav ul {
    list-style:none;
    margin: 0 0 0 0.5em;
    padding: 0;
    border:none;
    }
nav li{
    margin: 0;
    list-style-type:none!important;
    }
nav li li{
    border-bottom: 1px solid #ccc;
    }
nav li a {
    display:block;
    padding: 5px 5px 5px 0.5em;
    color: #333;
    text-decoration: none;
    width: 100%;
    }
nav li.recentcomments{

	}
html>body nav li a {
    width: auto;
	}
nav ul li ul li li{
	border:none;
	}
nav li a:hover {

    background-color: #eef;
    color: #555;
	}



/**
 * horizontal menubar
 *
 *
 *
 *
 */

#access {
	background:none;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 98.7%;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	list-style:none;
	margin:0;
}
#access a {
	color: #555;
	display: block;
	/*line-height: 38px;*/
	line-height: 3em;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	/*top: 38px;*/
	top: 3em;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	border:1px solid #ccc;
	
}
#access li:hover > a,
#access ul ul :hover > a {
	border-bottom:3px solid #f55;
	color: #555;
	background: #fff;
	
}
#access li > a,
#access ul ul > a {
	border-bottom:3px solid #fff;
	color: #555;
	
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #555;
	background:#fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #555;
	background:#fff;
}

/*body_class*/
/*.rtl{
	}
*/
/*.home{
	}
*/
.home .sticky {
	margin:0 0 2em 0;
    padding: 18px 20px;
	
}
/*.blog{
	}
*/
/*.archive{
	}
*/
/*.date{
	}
*/
/*.search{
	}
*/
/*.paged{
	}
*/
/*.attachment{
	}
*/
/*.error404{
	}
*/
/*.single postid-(id){
	}
*/
/*.attachmentid-(id){
	}
*/
/*.attachment-(mime-type){
	}
*/
/*.author{
	}
*/
/*.author-(user_nicename){
	}
*/
/*.category{
	}
*/
/*.category-(slug){
	}
*/
/*.tag{
	}
*/
/*.tag-(slug){
	}
*/
/*.page-parent{
	}
*/
/*.page-child parent-pageid-(id){
	}
*/
/*.page-template page-template-(template file name){
	}
*/
/*.search-results{
	}
*/
/*.search-no-results{
	}
*/
/*.logged-in{
	}
*/
/*.paged-(page number){
	}
*/
/*.single-paged-(page number){
	}
*/
/*.page-paged-(page number){
	}
*/
/*.category-paged-(page number){
	}
*/
/*.tag-paged-(page number){
	}
*/
/*.date-paged-(page number){
	}
*/
/*.author-paged-(page number){
	}
*/
/*.search-paged-(page number){
	}
*/
/* post_class */
div[class^=post-]{
}
.post{
}
.attachment{
}
.hentry{
}
/*
.category-blog{
background:#ccc;
}
.tagname-hoge{
}
*/


/**
 * WordPress 
 *
 *
 *
 *
 */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin:0 0.5em 0.5em 0;
}
.alignright {
   float: right;
   margin:0.5em;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 100%;
   line-height: 1.5;
   padding: 0 4px 5px;
   margin: 0;
}
.stickey{
}

.wp-smiley{
    margin: 0;
}
.nav-previous{float:left;}
.nav-next{float:right;}
/**
 * data list
 *
 *
 *
 *
 */

dl {
	clear:both;
	margin-left:1.5em;
	overflow:hidden;
}
dt {
	font-weight:700;
	margin:0 .5em 0 1em;
	padding:.5em;
}
dd {
	margin:0 .5em 0 3em;
	padding:.5em;
}
.gallery dl{
	clear:none;
	margin:0;
}
.gallery .gallery-caption {
    font-size: 93%;
	line-height:1.3;
	margin: 0 0 1em;
	text-align:left;
	padding-left:2em;
	
}

dl.author dd,
dl.author dt,
dl.my_tags dd,
dl.my_tags dt {
	float:left;
	line-height:2em;
}
dl.author dd {
	float:left;
	line-height:2em;
	width:60%;
}
dl.my_tags dd {
	width:60%;
	margin:6px 0 0;
}
dl.author dt,
dl.my_tags dt {
	clear:both;
	width:25%;
}






/**
 * entry
 *
 *
 *
 *
 */

.home .hentry{
	border:1px solid #ccc;
	border-left:6px solid orange;
	padding:10px 10px 0 10px;
	margin-bottom:0.5em;
	box-shadow: 3px 3px 4px #999999;
	-webkit-box-shadow: 3px 3px 4px #999999;
	-moz-box-shadow: 3px 3px 4px #999999;
}
.home .sticky {
	background:#eef;
	border:1px solid #ccc;;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	margin-bottom:2em;
}
#doc3{
	min-width:750px;
	}
.entry-title{margin:1em 0;}
.home .entry-title{margin:0;}
.entry-title a{
	text-decoration:none;
	}
.entry-meta{
	margin:0 0 1em 0;
	}
.entry-meta li{
	list-style:none;
	}

.home .entry-meta{
	color:#999999;
	}
.home .entry-utility{
	color:#999999;
	}
.entry-meta a,
.entry-utility a{
	text-decoration:none;
	}
.entry-meta a:hover,
.entry-utility a:hover{
	text-decoration:underline;
	}
.entry-utility{
	text-align:right;
	}
.entry-content blockquote {
	margin:1em 2.5em;
	padding:2em 1em;
	}
.entry-content{
	line-break:strict; /*ie*/
	word-break:break-strict; /*css3*/
	}
.entry-content p{
	line-height:1.5;
	margin:1em;
	}

.page-meta{
	text-align:right;

}
/**
 * images
 *
 *
 *
 *
 */


.entry-content img{
	max-width:100%;
	height:auto;
	}
.ie8 .entry-content img{
	
	}
.entry-content .size-thumbnail{
	margin:1em;
	padding:1em;
}
.entry-content object,
.entry-content embed{
	max-width:100%!important;
}
.chrome .entry-content .size-thumbnail,
.gecko .entry-content .size-thumbnail{
	border:1px solid #ccc;
	box-shadow: 7px 7px 8px #cccccc;
	-webkit-box-shadow: 7px 7px 8px #cccccc;
	-moz-box-shadow: 7px 7px 8px #cccccc;

}
.chrome .entry-content .horizon-gallery .size-thumbnail,
.gecko .entry-content .horizon-gallery .size-thumbnail{
	border:none;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

	

/* loop page */
ul.index li{
	list-style-type:none;
}
/*author.php*/
#author-infomation td.col1{
	width:120px;
	}




/**
 * footer
 *
 *
 *
 *
 */
	
#footer-widget-area div{
	border:0 solid #ccc;
}
#footer-widget-area ul{
	margin:0.3em;
	padding:0;
}
#footer-widget-area li{
	list-style:none;
	text-align:left;
}
#footer-widget-area td{
	width:24%;
	vertical-align:top;
}
	
address,
#site-generator	{
	text-align:right;
	color:#999999;
	margin:0;
}
#site-generator a,
address a{
	color:#999999;
	font-size:small;
	text-decoration:none;
}

/**
 * horizon class demo colors
 *
 *
 *
 *
 */
/*
td.horizon-header.col1,
td.horizon-footer-widget.col1{
	background:rgba(204,255,204,0.9);
}
td.horizon-header.col2,
td.horizon-footer-widget.col2{
	background:#fcc;
	background:rgba(255,204,204,0.9);
}
td.horizon-header.col3,
td.horizon-footer-widget.col3{
	background:rgba(204,204,255,0.9);
}
td.horizon-header.col4,
td.horizon-footer-widget.col4{
	background:rgba(255,255,204,0.9);
}
td.horizon-header.last,
td.horizon-footer-widget.last{
	background:rgba(221, 204, 255,0.9);
}
.color{
	background:#fcc;
}
.color1{
	background:#fcc;
}
.color2{
	background:#cfc;
}
.color3{
	background:#ccc;
}
.chrome .color1,.gecko .color1{
	background: rgba(255, 0, 0, 0.2);
}
.ie .color1{
	background: #fcc;
}
*/
/**
 * wp nextpage link
 *
 * <!--nextpage-->style
 *
 *
 */

.pagenate a {
	overflow:hidden;
	text-decoration:none;
	width:15px;
	margin:0;
}
.pagenate a:hover {
	font-weight:700;
	height:100%;
	text-decoration:none;
	width:100%;
}
.pagenate {
	clear:both;
	text-align:center;
	margin:20px auto;
}
.pagenate a span {
	background:none;
	border:1px solid #999;
	overflow:hidden;
	padding:0 15px;
}
.pagenate span {
	background:#fff;
	border:3px solid #555;
	color:#555;
	overflow:hidden;
	padding:0 15px;
}
.page-link{
	text-align:center;
	margin:1em 0;
	border:1px solid #ccc;
	padding:.5em;
}
/**
 * comment
 *
 *
 *
 *
 */

#comments{
	margin:0 auto;
	width:80%;

}
#comments ul li{
	list-style:none;
}
textarea#comment{
	width:100%;

}
.comment-body{
	margin:1em;
}

.comment-body blockquote blockquote {
	margin-left:0.5em;
	padding-left:0.5em;
	background:#ccc;
	border:1px solid #ccc;
}
.comment-body blockquote blockquote blockquote{
	background:#fff;
	margin:0.2em;
}

/* comment reply from author */
.bypostauthor{
	border:1px solid #ccc;
	padding:5px;
	margin:0 -5px;
}
input#author,
input#email,
input#url,
.comment-form-comment label{
	display:block;
}

/**
 * Utility
 *
 *
 *
 *
 */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	min-height:1%;
	display:block;
}
* html .clearfix {
	height:1%;
}
.clear{
	clear:both!important;
	}

.corner{
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   padding:12px;
   margin:12px;
   line-height:1.7;
   }

/**
 * DOM
 *
 *
 *
 *
 */
#horizon-blog th,
#horizon-blog td,
#horizon-gallery th,
#horizon-gallery td,
#horizon-author td,
#horizon-author th, 
#horizon-header td,
#horizon-header th,
#horizon-footer-widget td,
#horizon-footer-widget th{
    border:none!important;
	}
.horizon-header{
	text-align:left;
	}
.horizon-header .aside{
	text-align:right;
	}
.horizon-header td.col1{
	width:240px!important;
	}
td.horizon-blog,
td.horizon-footer-widget,
td.horizon-gallery{
	vertical-align:top;
	}
td.horizon-gallery.col1,
.category-blog.col1{
	width:160px;
	background:#fff;
	}
.category-blog.col1 li{
	list-style:none;
	line-height:2em;
	}
.horizon-gallery.col1 .size-thumbnail{
	border:none;
	box-shadow:none!important;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:none;
}
body.page .nocomments{
	display:none;
}
.widget_tag_cloud a{
	display:inline;
	}
.widget_tag_cloud a:hover{
	background:none;
	}