/*
Theme Name: Orange and Black for Senior
Author URI: 
Theme URI:
Description: Modern theme with decent design. Orange and black are main colors used in the theme. Menu is widgetized. xHTML/CSS code is light/optimized.
Author: Lantips
Version: 1.3
Tags: orange, black, light, two-columns, fixed-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {background: #fff; color: #575757; font: 1em/1.5 'メイリオ',Meiryo, "Arial", "Helvetica", sans-serif; }
[class] {list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #6B8E23; text-decoration: none; outline: none; cursor: pointer}
a:hover {color: #000; text-decoration: underline}
textarea, input, select, option, optgroup, button {font: 1em 'メイリオ',Meiryo, "Arial", "Helvetica", sans-serif}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}


/* Global Styles
------------------------------------------ */

h1 {margin: 0 0 10px; color: #6B8E23; font: normal 1.5em 'メイリオ',Meiryo, "Arial",sans-serif;}
h2 {margin: 0 0 0; padding: 15px 20px 5px; color: #6B8E23; font: bold 1.3em 'メイリオ',Meiryo, "Arial",sans-serif; }
h3 {margin: 1em 0 0; font: normal 1.5em 'メイリオ',Meiryo, "Arial",sans-serif;}
h4 {margin: 1px 0 0; font: bold 1.1em 'メイリオ',Meiryo, "Arial",sans-serif; border-bottom: 1px solid #707070; margin-bottom:10px;}
h5 {margin: 1em 0 0; font: bold 0.9em 'メイリオ',Meiryo, "Arial",sans-serif; border-bottom: 1px solid #707070; margin-bottom:10px;}
h6 {margin: 1px 0 0; font: normal 0.8em 'メイリオ',Meiryo, "Arial",sans-serif; line-height: 1.3em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: 'メイリオ',Meiryo, "Arial",sans-serif; text-decoration: none;}
h2 a {font-family: 'メイリオ',Meiryo, "Arial",sans-serif;}
h2 a:hover {color: #000; text-decoration: none;}
blockquote {margin: 1.5em 0; padding: 10px 20px 10px 70px; border: 1px solid #dbdbdb; border-radius: 5px; background: #f6f6f6 url("images/quotes.png") 15px 15px no-repeat; font-style: italic;}
sub, sup {line-height: 1em;}

ul {list-style-type: square; color: gray;}
ol {list-style-type: decimal; color: gray;}
ul li, ol li {margin: 5px 25px;}
li {line-height:1.5em; }

dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #dbdbdb; border-radius: 5px; }
table th, table th[class] {padding: 5px 10px; border: 1px solid #dbdbdb; background: #f3f3f3;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #dbdbdb;}
table tr.alternate td {background: #fafafa;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #dbdbdb; border-radius: 5px; background: #f6f6f6;;}
label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold;}
input, select, select[class], textarea {width: 300px; margin: 5px 0; padding: 5px 10px; border: 1px solid #333; border-radius: 3px; background: #fff url("images/input.gif") top repeat-x; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none; background: none;}
span.required {padding: 0 5px; color: #6B8E23; font-weight: bold; font-size: 1.333em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px;}
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {height: 25px; padding: 0 15px; border:none; border-radius: 3px; background: #333 url("images/button.png") top repeat-x; color: #fff; font: normal 1.25em/25px 'メイリオ',Meiryo, "Arial",sans-serif; vertical-align: middle;}
.searchform button {overflow: hidden; width: 30px; margin: 0 0 0 5px; padding: 0; background: url("images/button-search.png") 0 0 no-repeat; text-indent: -500em;}

/* Main Layout
------------------------------------------ */
body {min-width: 980px; background: #fff;}

.content {overflow: hidden; width: 970px; margin: 0 auto; padding: 0;}
.main {float: left; overflow: hidden; width: 600px;}
.main>h1 {font-weight:bold; margin: 0 20px 10px;}
.main.post {width: 560px;}
.main.post>h1 {margin: 0 0 10px;}
.sidebar {float: right; width: 360px;}

/* footer */

#footer {
	padding: 15px 0;
	font-size: 12px;
	color: gray;
	border-top: 1px solid gray;
}
#footer a{color: gray;}
/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1em; padding: 6px 20px; background: center top no-repeat;}
.widget select {width: 300px; margin: 5px 0;}
.sidebar h3 {margin: 0 -15px 15px; padding: 0 15px; background: #6B8E23 ; color: #fff; font: normal 1em/30px 'メイリオ',Meiryo, "Arial", sans-serif;}
.sidebar ul {list-style: none; margin: 0; padding: 0;}
.sidebar ul li {font-size: 18px; font-weight:bold; margin: 0; padding: 5px 0; border-bottom: 1px solid #d9d9d9; color: #666;}
.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a,
.sidebar ul li.current-menu-item>a:visited, .sidebar ul li.current_page_item>a:visited, .sidebar ul li.current-cat>a:visited {font-weight: bold; color: #333;}
.sidebar ul li a {color: #6B8E23;}
.sidebar ul li a:hover {color: #333; text-decoration: none;}
.sidebar ul li a:visited, .sidebar .tagcloud a:visited {color: #B8860B;}
.sidebar ul li ul {margin: 5px 0 -5px;}
.sidebar ul ul li {padding-left: 15px;}
.sidebar ul ul ul li {padding-left: 30px;}

.sidebar form {width: 330px; margin: 15px 0 0; padding: 0; border: none; background: none; }
.sidebar form input {width: 195px;}


/* post styles
------------------------------------------ */
div.post, div.page {clear: both; overflow: hidden; margin-bottom: 30px; padding: 15px 20px 5px; background: url("images/box.png") center top no-repeat;}
div.post h2, div.page h2 {margin: 0 0 10px; padding: 0;}
div.post.sticky {background-image: url("images/box-sticky.png");}
p.post-meta {margin: -5px 0 0 -10px; padding: 0 5px; color: #666; font-size: 0.6em; line-height: 22px;}
p.post-meta span {padding: 3px 0 3px 30px; background: url("images/icons.png") no-repeat; color: #666; line-height: 20px;}
p.post-meta span.date {background-position: 5px 0;}
p.post-meta span.author {background-position: 5px -20px;}
p.post-meta span.cats {background-position: 5px -40px;}
p.post-meta span.comments {background-position: 5px -60px;}
p.post-meta a {color: #666;}
p.post-meta a:hover {color: #6B8E23; text-decoration: none;}
p.tags {float: left; clear: none; margin-top: 0.5em; margin-bottom: 5px; padding: 0 10px 0 5px; color: #666; font-size: 0.6em; line-height: 22px;}
p.tags span {padding: 3px 0 3px 25px; background: url("images/icons.png") 0 -80px no-repeat; color: #666;}
p.tags a {color: #666;}
p.tags a:hover {color: #6B8E23; text-decoration: none;}
p.more {float: right; margin-top: 0.5em; padding-left: 30px; }
p.more a {float: right; overflow: hidden; width: 30px; height: 20px; padding: 0; background: url("images/icons.png") 0 -100px no-repeat; text-indent: -90em;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

.main label {float: none;}

li {
	line-heght:1.8;
}

.container {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#header-menu{
	background-color: #6B8E23;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#header-menu a{color:#fff;}
#header-menu a:hover{text-decoration: underline;}

	.site {
		color: #fff;
		float: left;
		font-size: 12px;
		margin: 1px 0 0 5px;
		background: none;
		padding: 0 0 0 0;
	}

	.sub {
		color: #fff;
		float: left;
		font-size: 12px;
		margin: 1px 0 0 10px;
	}

#header-menu > h1 {
		color: #fff;
		float: left;
		font-size: 12px;
		margin: 1px 0 0 5px;
		background: none;
		padding: 0 0 0 0;
	}

#header-menu > h2 {
		color: #fff;
		float: left;
		font-size: 12px;
		margin: 1px 0 0 5px;
		background: none;
		padding: 0 0 0 0;
	}

#header-menu > h3 {
		color: #fff;
		float: left;
		font-size: 12px;
		margin: 1px 0 0 10px;
	}

#header {

}

	.menu {
		width: 980px;
		margin-bottom: 10px;
		font-size: 14px;
		list-style: none;
		overflow: hidden;
		clear: left;
		padding: 0;
		border-bottom: 2px solid #6B8E23;
		border-top: solid 1px #6B8E23;
	}

		.menu > li {
			float: left;
			margin: 0;
		}

		.menu a {
			padding: 6px 12px;
			color: black;
			display: block;
			font-weight: bold;
			border-right: 1px solid #6B8E23;

		}

		.menu a:hover {
			background: #CCDD77;
			color: #696969;
			text-decoration: none;
		}


#site-title{
		margin: 5px 0 10px 0 ;
		float: left;
}

#header-banner{
		margin: 5px 0 ;
		float: right;
}

#breadcrumb {
	margin-left: 10px;
	font-size: 12px;
	}
#breadcrumb > li {
	float: left;
	margin: 0;
}

#top {
	width: 560px;
	margin-bottom: 20px;
}
.top-area {
	clear: left;
	border-bottom: 1px solid #d9d9d9;
}
.top-thum {
	margin: 5px;
	float: left;
}
.top-title {
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px;
	padding-top: 5px;
}
.top-title h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px;
	padding-top: 5px;
	background: none;
}
.top-text {
	margin: 0 0 10px 5px;
}

#new1 {
	width: 280px;
	margin-left: 5px;
	float: left;
}
#new2 {
	width: 280px;
	margin-right: 5px;
	float: right;
}
#new3 {
	width: 280px;
	margin-left: 5px;
	margin-bottom: 20px;
	float: left;
}
#new4 {
	width: 280px;
	margin-right: 5px;
	margin-bottom: 20px;
	float: right;
}
.list {
	font-size: 0.8em
	align: right;
}
#cate {margin: 1em 0 0; font: bold 1.2em 'メイリオ',Meiryo, "Arial",sans-serif; margin-bottom:10px; border-bottom: 1px solid silver;}
#catalog {margin: 10px 0 0; font: bold 1.2em 'メイリオ',Meiryo, "Arial",sans-serif; line-height: 1.3em; padding-bottom:10px; border-bottom: 1px solid silver;}
#list {margin: 1px 0 0; font: normal 1.0em 'メイリオ',Meiryo, "Arial",sans-serif; line-height: 1.3em; text-align: right;}

#banner {
	text-align: left;
	margin: 20px 0 0 70px;
	color: #c6c6c6;
	font-size: 12px;
}
#a-banner {
	text-align: left;
	margin: -30px 0 10px 70px;
	color: #c6c6c6;
	font-size: 12px;
}
#side-banner {
	text-align: left;
	margin: 0 0 20px 0 ;
	color: #c6c6c6;
	font-size: 12px;
}

#outline{
	font-weight: bold;
	margin-bottom: 20px;
	box-shadow:1px 2px 3px #6B8E23;
	height: 100%;
	width: 460px;
	border: 1px solid #6B8E23;
	padding: 10px;
}
.o-title{
	margin: 0;
	padding-left: 5px;
	color: #6B8E23;
	font-weight: bold;
	font-size: 1.2em;
}


/* comments
------------------------------------------ */
.comments {clear: both;}
.comments label {float: left;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 15px 20px 0; border: none; background: url("images/comment1.png") 0 0 no-repeat;}
ul.commentlist li.odd {background: url("images/comment2.png") right 0 no-repeat;}
ul.commentlist li li {clear: both; margin-left: 20px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #dbdbdb; border-radius: 5px; background: #f6f6f6;}
.comments li form, .comments li form[class] {background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; margin-bottom: 15px; padding-left: 25px; background: url("images/icons.png") 5px -160px no-repeat;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author-vcard {font-size: 0.923em;}
a#cancel-comment-reply-link {font-size: 0.75em;}

/* misc
------------------------------------------ */

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 15px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 15px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.917em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 728px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {padding: 2px; border: 1px solid #dbdbdb; border-radius: 5px; }
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #333;}
embed {max-width: 728px;}
.wp-caption img, .wp-caption embed {max-width: 708px;}
label+.required {margin-left: -15px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #dbdbdb !important; border-radius: 5px; background: transparent;}
.gallery a:hover img {border-color: #333 !important;}
[id*="gallery"] img {border: 1px solid #dbdbdb; border-radius: 5px;}

.wp-caption {max-width: 708px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 1px solid #dbdbdb; border-radius: 5px; background: #f6f6f6; text-align: center;}


p.pagination {overflow: hidden; clear: both; }
p.pagination a {height: 22px; background: url("images/icons.png") no-repeat; font: normal 1.083em/22px 'メイリオ',Meiryo, "Arial",sans-serif;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 25px; background-position: 0 -140px;  }
p.pagination .next a {float: right; padding: 0 25px 0 0; background-position: 100% -120px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label {display: block; float: left;}

.gallery-caption {position: static;}
.bypostauthor {position: static;}

ul#relation ul{
    style="list-style:none;
    }
ul#relation li{
    width:120px;
    margin:0 12px 0 0;
    float:left;
    }
ul#relation li img{
    border-top: 1px #ddd solid; 
    border-left: 1px #ddd solid; 
    border-right: 1px #999 solid; 
    border-bottom: 1px #999 solid; 
    padding: 3px;
    background: #fff;
    margin-top:0;
    }
ul#relation li img:hover{
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
    }
ul#relation li h4{
    margin-top: 3px;
    font-weight: normal;
    font-size: 85%;
    line-height: 15px;
    }