/*
Theme Name: ebobp
Theme URI: 
Descriptionf: うほほい
Author: エボ
Author URI: http://665-667.com
*/


@import url("login.css"); 
@import url("color.css"); 
@import url("sidebar.css"); 


/* 
Globals 
=================================== */

* {
	 margin:0;
	 padding:0;
 }

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	 margin: 0;
	 padding: 0;
 }






body{
	 height: 100%;
	font-family: 	tahoma,verdana,sans-serif;
	 text-align: center;
	 font-size: 14px;
	 letter-spacing: 0.08em;
	 background: ##2e6e15; 
	 color:#aaa;
}

#wrapper {
	width: 940px;
	text-align: left;
	margin: 0px auto 0px;
	padding: 0px;
	color:#ccc;
}


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


a { 
	color: #999; 
	text-decoration: none; 
}

a:hover {
	color: #555; 
}

.alt { 
	background: #000;
}


pre, code {
	font: 1.0em Monaco, 'Courier 	New', monospace; 
}

pre, p { 
	margin-bottom: 1.0em; 
}

.left { 
	float: left; 
}

.right { 
	float: right; 
}


h1 { font-size: 25px; }
h2 { font-size: 18px; }

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
}


img.avatar { 
	border: 1px solid #ddd; 
}







/* ヘッダー
=================================== */

#header {
	margin: 20px 0 0 0;
	padding: 10px ;
	width: 920px;
	height: 100px;
}


#header h1 {
	font-size: 20px;
	font-family: 	tahoma,verdana,sans-serif;
	color: #ccc;
	margin: 20px 0 0 30px;
}

*html #header h1 {
	margin: 30px 0 0 30px;
}

#header p.description {
	font-size: 14px;
	font-family: Georgia;
	display: block;
	color: #ccc;
	padding: 6px;
	margin: 0 0 0 30px;
}

#header h1 a {
	color: #fff; 
	text-decoration: none; 
}


#header h1 a:hover { 
	color: #666; 
}





/* パスワードリセット
=================================== */

.notice {
	border: 1px solid #4c9545;
	background: #555;
	color: #4c9545; 
	font-size: 13px;
	font-weight: bold;
	padding: 10px 15px; 
	margin: 0 0 1.1em;
}



.notice.error {
	border-color: #852424;
	background: #555;
	color: #ddd;
}


.notice p {
	margin-bottom: 0; 
}



/* ページ
=================================== */

#content {
	clear:both;
	float:left;
	display:block;
	width: 580px;
	padding:10px;
}

#content .pagetitle{
	margin-bottom:17px;
	padding:7px 5px 7px 10px;
}

#content h2.pagetitle{
	font-family: 	tahoma,verdana,sans-serif;
	font-size:16px;
	border-bottom:1px solid #bbb;
}


.sticky { 
	background-color: #000; 
}



/* ページナビ
=================================== */

a.page-numbers,　span.page-numbers {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 4px 4px 2px 5px;
	margin-left: 5px;
	background-image: url('images/page-links-	background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.page-numbers.current {
	color: #ffffff;
	background-position: 0 -100px;
}

#latest a.page-numbers {
	font-size: 0.8em;
	padding: 3px 3px 1px 4px;
	margin-left: 3px;
}

a.prev.page-numbers,a.next.page-numbers,span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
}

span.page-numbers.dots {
	padding: 0;
}

a.page-numbers:hover {
	background-position: 0 -100px;
}

a.prev.page-numbers:hover,a.next.page-numbers:hover {
	color: #006400;
}


/* トピックページ
=================================== */

/* インフォボックス */
	.infobox {
	clear:both;
	padding: 20px;
}



.infobox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



.infobox ul li { 
	padding: 3px; 
	font-size:12px;
}

.infobox ul li a{
	color:#888;
}

.infobox li span{ 
	display:inline-block;
	width: 60px; 
	font-size:12px;
}


#topic-info { 
	float: left;
	padding: 0 1em 0 0;
}


.nav {
	margin: 15px 0;
	padding: 12px 0;
	text-align: center;
}


.topicdata{
	clear:both;
	margin:3px 10px 3px 10px;
	padding:8px;
}

.topicdata a{
	color:#ccc;
}

.topicdata dl{
	margin:0;
}

.topicdata dt{
	float:left;
	width:80px;
}

.topicdata dt img{
	margin:3px;
}

.topicdata dd{
	padding:8px;
	color:#ccc;
}

.topicdata dd ul{
	margin: 0;
}

.topicdata dd ul li{
	list-style-type:none;
	font-size:12px;
	padding:2px;
	color:#ccc;
}

.topicdata dd ul li a{
	color:#888;
}

.topicdata dd ul li a:hover{
	color:#fff;
}

.post{
	float:left;
	clear:both;
	display:block;
	width:400px;
	height:100px;
	font-size:13px;
	margin: 10px 10px 10px 30px;
	padding: 15px; 
	background:#1a1a1a;
	color:#aaa;
	border:1px solid #aaa;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

*html .post{
	margin: 10px 10px 10px 20px;
}

.postdata{
	clear:both;
	text-align:right;
	colir:#bbb;
	font-size:11px;
	margin:0 120px 0 0;
}

*html .postdata{
	margin:0 100px 0 0;
}

.postdata a{
	color:#999;
}

.postdata a:hover{
	color:#444;
}


/* トピック alt */

#topic-edit-page input, #topic-edit-page textarea{
	padding: 10px;
	background:#1a1a1a;
	color:#aaa;
}



/* 投稿フォーム
=================================== */

h2.post-form {
	color:#bbb;
	font-size:20px;
}


.postform {
	clear:both;
	float:left;
	width:500px;
	padding:20px;
	margin: 20px 0 20px 0;
}


.postform textarea#post_content {
	width:380px;
	font-size:13px;
	height: 200px;
	margin: 5px 20px 5px 0px;
	padding: 6px;;
	background:#1a1a1a;
	color:#aaa;
	border: 1px solid #bbb;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform input#topic{
	clear:both;
	width:380px;
	font-size:13px;
	line-height:140%;
	margin: 5px 20px 5px 0px;
	padding: 6px;;
	background:#1a1a1a;
	color:#aaa;
	border: 1px solid #bbb;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform #topic, .postform .postform p#post-form-forum-container label span {
	font-weight: bold;
	font-style: italic;
}


p.submit {
	text-align: left;
}

#forum-page fieldset input{
	border:none;
	padding:5px;
	background:#333;
	color:#aaa;
}

.topiclink {
	display: block;
}

.topictitle {
	font-size: 26px;
	font-weight: normal;
	display: inline;
}


/* Other
=================================== */

#content .nav a {
	border: 1px solid #999;
	font-weight: normal;
}

#content .nav a:hover {
	border: 1px solid #999;
}


#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}



/* ユーザープロフィール
=================================== */

#useravatar { 
	margin-top:1em;
	margin-bottom: 1em; 
}

#useravatar img { 
	display: block; 
	border-width: 3px; 
	border-style: double; 
}

.userinfo { 
	clear:both;
	width:580px;
}


.userinfo dl{
	width:580px;
}

.userinfo dt {
	width: 560px;
	height: 15px;
	padding: 2px 10px;
	display: block;       
	float: left;       
	margin: 2px 0 0 0;
	font-weight: bold;
	font-size:13px
}     

.userinfo dd { 
	clear:both;
	width: 440px;
	height: 15px;
	padding: 5px 20px 5px 100px;
	border-bottom: 1px solid #666;
	display: block;
	float: left;
	margin: 5px 0;
	font-size:14px;
}  

.userinfo dl dd a{
	color:#999;
}

.userinfo dl dd a:hover{
	color:#444;
}


#user-recent { 
	float:left;
	clear:both;
	width:560px;
	margin: 30px 0;
}

#user-recent h4{ 
	font-size:16px;
	padding:10px 0;
}

#user-recent ol { 
	margin: 0; 
}

#user-recent ol li { 
	margin: 0 0 3px 3px; 
	color:#999;
}

#user-recent ol li a{ 
	color:#999;
}

#user-recent ol li a:hover{ 
	color:#444;
}

/* トピック検索
=================================== */

#topic-search-form fieldset {
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
}

#topic-search-form div {
	clear: both;
}

#topic-search-form div label {
	display: block;
	float: left;
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
	font-weight: bold;
}

#topic-search-form div div {
	display: block;
	float: left;
	clear: none;
	padding: 5px;
}

#topic-search-form div div input {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#search-for {
	margin: 15px 0 5px;
}

.search-results {
	margin: 0 0 10px;
}

.search-results ol {
	margin: 5px 0 0 28px;
}

.search-results ol li {
	margin: 0 0 3px;
}

.form-invalid {
	background-color: #666 !
	important;
}

.form-invalid input {
	padding: 1px;
	border: 1px solid #c00 !
	important;
}

.hidden {
	display: none;
}

#pass-strength-result {
	padding: 2px;
	text-align: center;
	width: 280px;
	border: 1px solid #999;
	background: #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pass-strength-result.bad {
	background-color: #222;
	border-color: #c69;
}

#pass-strength-result.good {
	background-color: #333;
	border-color: #66cc87;
}

#pass-strength-result.short {
	background-color: #111;
}

#pass-strength-result.strong {
	background-color: #555;
	border-color: #319f52;
}

p.submit input {
	background: #222;
	border: 1px solid #999;
	padding: 2px 4px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

p.submit input:hover {
	background-color: #ddd;
	color: rgb(0, 100, 0);
}

p.submit input:active {
	border-color: rgb(0, 100, 0);
}



/*
フォーラムページ
=================================== */

.topiclist{
	clear:both;
	width:580px;
	margin:2px 0 2px 0;
}

.topiclist dl {
	width: 580px;
}   

.topiclist dl dt {
	width: 80px;
	height: 15px;
	padding: 5px 10px;
	border-bottom: 1px solid #666; 	display: block;       
	float: left;       
	margin: 5px 0;
	font-size:13px
}     

.topiclist dl dd { 
	font-weight: bold;
	width: 480px;
	height: 15px;
	padding: 5px 0;
	border-bottom: 1px solid #666;
	display: block;
	float: left;
	margin: 5px 0;
	font-size:13px;
}  

.topiclist dd a{
	color:#999;
}

.topiclist dd a:hover{
	color:#444;
}



/* フッター
=================================== */

#footer {
	font-family: 	tahoma,verdana,sans-serif;
	border-top: 1px solid #ccc;
	margin: auto;
	color: #666;
	font-size: 14px;
	padding-top: 10px;
	clear: both;
	text-align: right;
	width: 940px;
}

#footer a{
	color:#999;
}

#footer a:hover{
	color:#444;
}


/* 検索ボックス
=================================== */

#footer div.search { 
	float: left;
	margin: 0;
	padding: 4px;
	color:#aaa;
}

#footer div.search input {
	border: 1px solid #999;
	background: #000;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


#footer div.search  	input.submit {
	background: #000;
	line-height: 15px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 4px;
}



#footer div.search 	input.submit:hover {
	background: #ddd;
	color: #555;
}

#footer div.search 	input.submit:active {
	border-color: #000;
}




/* サイドバー
=================================== */

#sidebar{
	float:left;
	width:320px;
	font-family: tahoma,verdana,sans-serif;
	margin:40px 0 30px 0;
	padding: 10px 5px 10px 15px;
}

*html #sidebar {
	margin-top: 40px;
}

#sidebar ul{
	width:280px;
	margin:0;
	padding:0;
}

#sidebar ul h3{
	clear:both;
	padding:20px 0 10px 0;
	font-size:15px;
	color:#ccc;
}

#sidebar ul li{
	float:left;
	list-style-type:none;
	display: inline;
	width:70px;
	padding: 3px 0px 3px 0px;
	font-size:13px;
	color:#aaa;
}

#sidebar ul li a{
	font-size:14px;
	color:#999;
}
#sidebar ul li a:hover{
	color:#444;
}



/* Login, Register, Profile Edit
=================================== */

#login-page{
	margin:0;
}

#login-page fieldset, #register-page fieldset, #profile-page fieldset {
	padding: 10px 0 10px 10px;
	margin-bottom: 35px;
	background:#2c2c2c;
	color:#aaa;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}

#login-page fieldset table, #register-page fieldset table, #profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 90%;
	border-collapse: collapse;
}

#login-page fieldset table th, #register-page fieldset table th,
#profile-page fieldset table th {
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}

#login-page fieldset table tr.error th em, #register-page fieldset table tr.error th em, #profile-page fieldset table tr.error th em {
position: absolute;
/* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
 left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10)  ) + 5 + 280 + 5 */
 margin-left: 1em; /* th:padding-right = 1em */
	 color: red;
	 font-style: normal;
}

#login-page fieldset table td, #register-page fieldset table td,
#profile-page fieldset table td {
	padding: 5px;
}

#login-page fieldset table td p, #register-page fieldset table td p, #profile-page fieldset table td p{
	margin: 5px 0;
}

#login-page fieldset input[type=text], #register-page fieldset input[type=text], #search-page fieldset input[type=text], #profile-page fieldset input[type=text], #login-page fieldset input[type=password], #profile-page fieldset input[type=password] {
width: 280px;
border: 1px solid #999;
padding: 3px;
line-height: 16px;
font-size: 14px;
margin: 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
	background:#1a1a1a;
	color:#aaa;
}

*html #profile-page fieldset input, #login-page fieldset input, #register-page fieldset input, #search-page fieldset input{
	border:1px solid #999;
	padding:2px;
	background:#1a1a1a;
	color:#aaa;
}
*html #profile-page fieldset select, #search-page fieldset select{
	border:1px solid #999;
	padding:2px;
	background:#1a1a1a;
	color:#aaa;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}


#register-page fieldset label,
#profile-page fieldset label {
	font-size: 12px;
}



#login-page tr.form-required label:before,
#register-page tr.form-required label:before,
#profile-page tr.form-required label:before,
p.required-message:before {
content: ' * ';
	color: red;
	vertical-align: 10%;
}



#register-page input{
float:left;
border: 1px solid #111;
	color:#aaa;
	background:#1a1a1a;
	padding:5px;

}



/* メニュー
=================================== */



.menu {
	float:left;
	width:900px;
	height:20px;
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #fff;
	font-size: 12px;
}

.menu a{
	color:#999;
}

.menu a:hover{
color:#444;
}

/* ナビ
=================================== */

.sitenav {
	float:left;
	height:20px;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 5px 0;
	color: #ccc;
	font-size: 12px;
}