/* 
	Theme Name: Redbook
	Theme URL: http://www.briangardner.com/themes
	Description: Redbook はウィジェットに対応した3カラムテーマです。
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
	
	デザインとCSS、XHTMLは下記のGPLで公開されています:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 07.23.07
		Redbook リリース
*/


/************************************************
*	新たに付加したもの 		         			     * 
************************************************/

input {border:1px solid #ffc1c1}
textarea {border:1px solid #ffc1c1}
select {border:1px solid #ffc1c1}
img {border:none;} 
.cat-item{color: #ff9900;margin-right:0.5em;} 


/************************************************
*	basic									*
************************************************/

body {
	background: #666666 url(images/bg_new.jpg);
	color: #8B2252;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	margin: 0px auto 0px;
	padding: 0px;
        text-align:center;
        scrollbar-base-color: #ff6698;
        scrollbar-track-color: #ff6698;
        scrollbar-arrow-color: #ffffff;
	}
	
#wrap {
	width: 1000px;
	background: #666666 url(images/bg_white.jpg);
        background-color: #ffffff;
	margin: 0px auto 0px;
	padding: 0px;
	}

/************************************************
*	Hyperlinks 		         			     * 
************************************************/

a, a:visited {
	color: #BE0C0C;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF url(images/header_new.jpg);
	width: 1000px;
	height: 250px;
	font-size: 12px;
	color: #333333;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
        text-align:left;
	}
	
#header p {
	padding: 10px 690px 0px 40px;
	margin: 0px;
	}

#header a {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-size: 35px;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #333333;
	}

#day span {
	position:absolute; top:215px; left:860px;
        color: #FFFFFF;
        font-size: 9px;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 980px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
         text-align:left;
	}

#content p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
         font-size: 12px;
         line-height:170%;
	}
	
#content h1 {
	 color: #8B0000;
	 font-size: 22px;
	 font-family: Georgia, Helvetica, Sans-Serif;
	 font-weight: normal;
         border: 1px solid #87CEFA;
         background: #F9F9F9 url(images/dog_banner2.gif);
         background-repeat: no-repeat;
         background-position: right bottom;
         padding: 9px;
	}

#content h1 a, #content h1 a:visited  {
	color: #8B0000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
    　　  padding: 0px 0px 0px 0px;	
	}

#content h1 strong {
        border-left: 5px solid #87CEFA;
        padding: 0px 10px;
        }

#content h1 a:hover {
	color: #BE0C0C;
	text-decoration: none;
	}

#content h2 {
	 color: blue;
	 font-size: 18px;
	 font-family: Georgia, Helvetica, Sans-Serif;
	 font-weight: normal;
         background: pink url(images/bar01.gif);
         background-repeat: repeat-x;
         background-position: center bottom;
         padding: 8px;
	}

#content h3 {
	 color: #8B7500;
	 font-size: 16px;
	 font-family: Georgia, Helvetica, Sans-Serif;
	 font-weight: bold;
         text-indent:2.5em;
         background-image:url(images/bar04.gif);
         background-repeat: no-repeat;
         background-position: center center;
         padding: 8px;
	}

#content h4 {
	font-size: 16px;
	font-family: Georgia, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 8px;;
	}
	
#content p img{
	border: none;
}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
        background-color: #FFFFFF;
	float: left;
	width: 540px;
	margin: 0px 0px 0px 10px; 
	padding: 5px 0px 20px 0px;
	display: inline;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
blockquote{
	background: #EFEFEF;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#content blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postmeta {
	background: #FFFFFF url(images/postmeta.gif);
	width: 382px;
	margin: 0px; 
	padding: 0px 0px 10px 18px;
	}

/************************************************
*	新たに付加したもの 		         			     * 
************************************************/
#content .tbl{
          margin-top:20px;
          margin-bottom:20px;
}

#content .data{
        padding: 7px;
	text-align: left;
	vertical-align: top;
}

#content .comment {
        padding: 7px;
	text-align: left;
	vertical-align: top;
	color: #666600;
	background-color: #F5F1E8;
}

#content .comment2 {
        margin-left:20px;
        width:330px;
        padding: 7px;
	text-align: left;
        color: #666600;
	background-color: #F5F1E8;
}

#content .comment3 {
        margin-left:20px;
        width:330px;
        padding: 7px;
	text-align: left;
        color: #CD3700;
	background-color: #FFE4C4;
}

#content .tbl2 {
        margin:0px;
        vertical-align: top;
        font-size: 12px;
}

#content .bar0 {
         color:#8B2252;
         border-style:solid;
         border-width: 1px;
         margin:20px 0px 20px 0px;
}

#content .bar1 {
         color:#ff6698;
         border-style:dashed;
         border-width: 1px;
         margin:20px 0px 20px 0px;
}

#content .bar2 {
         color:#1E90FF;
         border-style:dashed;
         border-width: 1px;
         margin:20px 0px 20px 0px;
}

.mark0 {
        font-size:15px;
        font-weight:bold;
}

.mark1 {
	color: #ff9900;
        margin-right:0.5em;
}

.mark2 {
	color: #99CC66;
        margin-right:0.5em;
}

/************************************************
*	Left Sidebar 		         			     * 
************************************************/

#l_sidebar {
	float: left;
	width: 180px;
	margin: 5px 10px 0px 0px;
	padding: 20px 10px 20px 10px;
	line-height: 17px;
	display: inline;
	background-color: #FFC1C1;

        _width: 200px;
	}
	
#l_sidebar h2 {
        background-image: url(images/bar03.gif);
        background-repeat:no-repeat;
        text-indent: 2em;
        height:25px;

	color: #EE7942;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
       	border-top: 3px solid red;
        border-bottom: 1px solid red;

        _padding-top:10px;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

#l_sidebar ul li {
	padding: 0px;
	margin: 0px;
	}
	
#l_sidebar ul li a, #r_sidebar ul li a:visited {
	color: #BE0C0C;
        font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

#l_sidebar ul li a:hover {
        background-image: url(images/niku.gif);
        background-repeat:no-repeat;
        background-position: right;
        padding-right: 17px;
	color: #FF8247;
	text-decoration: underline;
	}
	
#l_sidebar ul ul ul, #r_sidebar ul ul ul {
	padding: 0 0 0 10px;
}

/************************************************
*	Right Sidebar 		         			     * 
************************************************/

#r_sidebar {
	float: right;
	width: 180px;
	margin: 5px 0px 0px 10px;
	padding: 20px 10px 20px 10px;
	line-height: 17px;
	display: inline;
	background-color: #FFC1C1;

        _width: 200px; 
	}
	
#r_sidebar h2 {
        background-image: url(images/bar03.gif);
        background-repeat:no-repeat;
        text-indent: 2em;
        height:25px;

	color: #EE7942;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	border-top: 3px solid red;
        border-bottom: 1px solid red;

        _padding-top:10px;
	}
	
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

#r_sidebar ul li {
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a, #r_sidebar ul li a:visited {
	color: #BE0C0C;
        font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

#r_sidebar ul li a:hover {
        background-image: url(images/niku.gif);
        background-repeat:no-repeat;
        background-position: right;
        padding-right: 17px;
	color: #FF8247;
	text-decoration: underline;
	}

/************************************************
*	Footer  									*
************************************************/

#footer {
	background: #FF6689 url(images/footer_new3.jpg) no-repeat top;
	width: 1000px;
	height: 200px;
	font-size: 11px;
	margin: 0px auto 0px;
	text-align: left;
	line-height: 17px;
	clear: both; 
	padding: 20px 0px 25px 0px;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 0px;
	margin: 140px 0px 0px 230px;	
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

/************************************************
*	Search Form								*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px 0px 10px 0px;
	padding:  0px;
	overflow: hidden;
	display: inline;
	}
	
#s {
	background: #FFFFFF;
	width: 150px;
	color: #333333;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	padding: 5px;
	margin: 0px 5px 10px 10px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 400px;
	color: #333333;
	font-size: 12px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#sbutt {
	background: #666666;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 0px;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #454545;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #454545;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 400px;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 10px;
	margin: 10px 0px 0px 0px;
	}
	
#contentleft #commentblock ol { list-style: none; margin: 0; padding: 0 0 10px; }
#contentleft #commentblock ol li { list-style: none; margin: 0; }
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}
	
#contentleft #commentblock ul.children { padding: 0; }
#content #commentblock .comment-author { padding: 0 }
#content #commentblock .comment-avatar .avatar { float: right; margin: 0 0 0 5px; }

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext, .commenttext-admin {
	background: #EFEFEF;

	color: #000000;
	font-size: 12px;
	padding: 5px;
	margin: 5px 0px 30px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { margin: 0 0 30px; overflow: hidden; }

#commentformheader{
	padding-left: 0px;
	}

#commentform{
	margin: 0px;
	padding: 0px;
	}

#commentform form{
	text-align: left;
	margin: 0px;
	}

#commentform p{
	margin: 0px;
	}

#commentform textarea{
	width: 97%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
/* Image Styles */
	#content div.wp-caption { border: 1px solid #999; margin: 10px; background: #e5e5e5; overflow: hidden; }
		#content .wp-caption img { border: 1px solid #999; display: block; margin: 5px auto; }	
		#content .wp-caption-text { margin: 5px; padding: 0; font-size: 11px; line-height: 1.3em; }
	#content div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content p img { border: none; }
	#content img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }	
	#content img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content div.alignright { text-align: right; float: right; margin-right: 0; }
	#content div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .gallery { margin: auto auto 0; }
		#content .gallery img { border: none; margin-bottom: 5px;}
		#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }
		#content .gallery .gallery-icon {  }
		#content .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 0 10px; }
