/*
Theme Name: Bella
Theme URI: http://wpglamour.com/bella-free-wordpress-theme/
Description: Free wordpres theme from http://wpglamour.com/
Version: 1.3
Author: Glamour gaby
Author http://wpglamour.com/
Tags: black, blue, orange, simple, minimalist, minimalistic, two columns, fixed width, widgets, widget ready, gravatars, valid XHTML
*/



* {
margin: 0;
padding: 0;
border: none;
text-decoration: none;
}

p { padding-bottom: 20px; }

body {
padding-top: 10px;
background: url(img/bg.jpg) top left repeat-y fixed;
font-family:メイリオ,"Osaka","Hiragino Kaku Gothic Pro","Verdana","Helvetica","sans-serif";
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 13px;
color: #646464;
}

.all {
width: 730px;
margin: 0 auto;
}

.header {
padding-top:50px;
height: 100px;
}

.header h2 {
font-size: 15px;
color: #838585;
}

.header h1 a{
font-size: 20px;
color: #000;
}

.content {
width: 460px;
float: left;
}

.date {
color: #c32127;
text-align: center;
width: 45px;
float: left;
font-weight: bold;
font-size: 17px;
}

.title {
float: right;
width: 414px;
}

.title h2 a{
font-size: 15px;
line-height: 120%;
color: #000000;
margin: 0;
padding: 0;
}

.post_info {
color: #2aace0;
font-weight:bold;
font-size: 12px;
width: 414px;
float: right;
}
.post_info a{
color: #2aace0;
}
.post_info a:hover{
color: #008B9E;
}


.post {
padding-bottom: 40px;
margin-bottom: 40px;
background: url(img/bg-post-bottom.jpg) bottom left no-repeat;
}

.post_single {
margin-bottom: 10px;
}

.entry {
padding-top: 10px;
line-height: 140%;
}

.entry h3 {
font-size:13px;
color: #c32127;
padding:10px 0 5px 0;
}

.entry ul{
padding-left: 20px;
padding-bottom: 10px;
}

.entry ol {
padding-left: 30px;
padding-bottom:10px;
}

.entry li {
padding-bottom:5px;
}

.entry a {
color: #2AACE0;
text-decoration: underline;
}

blockquote {
padding: 7px;
background-color: #F4FBD2;
border: 3px #E1EEB9 dashed;
margin: 5px 0;
margin-bottom: 20px;
}
blockquote p{
padding: 5px 0;
}

.cliptags {
color: #AAA;
font-size:x-small;
padding-left:5px;
}

.readmore {
text-align:right;
}

.navigation {
padding-bottom: 40px;
}

.navigation a {
border: 1px #2AACE0 solid;
background-color: #2AACE0;
color: #FFF;
padding: 2px 5px;
font-weight: bold;
}

.navigation a:hover {
border: 1px #01606C solid;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

.comments {
float: left;
width: 128px;
height: 48px;
}

.comments a{
background: url(img/comments.jpg) top center no-repeat;
display: block;
width: 128px;
height: 48px;
color: #ee6705;
}
.comments a span{
float: right;
width: 40px;
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 3px 6px 0 0;
}

.tags {
float: left;
margin-top: 31px;
margin-left: 25px;
padding-left: 50px;
padding-top: 3px;
background: url(img/tags.jpg) left top no-repeat;
width: 255px;
height: 23px;
}
.tags a {
color: #7D9198;
font-weight: bold;
text-transform: lowercase;
}
.tags a:hover {
color: #015F6B;
}



.sidebar {
width: 200px;
float: right;
}

.rss a{
display: block;
width: 149px;
height: 25px;
background: url(img/rss.jpg) top center no-repeat;
}
.rss a span{
display: none;
}

.sidebar li{
list-style: none;
padding-bottom: 20px;
}
.sidebar li li{
padding-left: 15px;
padding-bottom: 0px;
}


.sidebar h2 {
font-size: 14px;
line-height: 120%;
color: #005f6b;
}

.sidebar li a {
color: #2aace0;
padding-left: 12px;
background: url(img/bullet.jpg) left center no-repeat;
font-size: 12px;
font-weight: bold;
}
.sidebar li a:hover {
color: #01606C;
}


.search {
padding-top: 5px;
}
.search input{
vertical-align: top;
}
.search #s {
padding: 5px 1px 4px 5px;
background: url(img/search-bg.jpg) top left no-repeat;
width: 110px;
height: 28px;
}





.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}












/***************** COMMENT FORM *****************/
.comments_form {
padding-bottom: 20px;
margin-top: 5px;
}
.comments_form h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #414141;
}

.one_comment {
border-bottom: 1px #DDD solid;
padding: 20px 0;
}
.comment_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #727272;
width: 280px;
float: left;
}
.comment_info {
float: right;
width: 160px;
}
.comment_author {
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #414141;
}
.comment_author a{
color: #414141;
text-decoration: underline;
}
.comment_date {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #a0a0a0;
}

.comment_form {
padding: 20px 0;
font-family: Verana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
padding-left: 70px;
}
.comment_form a{
color: #4F872E;
text-decoration: underline;
}
.comment_form br{
clear: both;
}

.comment_form label{
display: block;
float: left;
width: 90px;
}

.comm_input {
float: left;
}

.comm_input input{
width: 210px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
color: #666666;
margin-bottom: 10px;
background: url(img/input-bg.jpg) top repeat-x;
border: 1px #e5e5e5 solid;
}

.comment_form textarea{
width: 300px;
height: 150px;
padding: 5px;
color: #666666;
background: url(img/input-bg.jpg) top repeat-x;
border: 1px #e5e5e5 solid;
margin-bottom: 10px;
}



.comment_text blockquote {
padding: 3px;
background-color: #F4FBD2;
border: 1px #E1EEB9 dashed;
margin: 5px 0;
margin-bottom: 10px;
}
.comment_text blockquote p{
padding: 0;
}



.footer {
width: 730px;
margin: 0 auto;
padding-bottom: 10px;
}

.footer_left {
float: left;
}
.footer_left ul{
padding-bottom: 4px;
display: block;
}
.footer_left li {
display: inline;
}
.footer_left li a{
display: inline;
color: #2AACE0;
font-weight: bold;
padding-right: 10px;
}

.footer_left li a:hover{
color: #01606C;
}


a.design{
margin: 9px 10px 0 0;
display: block;
width: 91px;
height: 23px;
background: url(img/designed-by.jpg) top center no-repeat;
text-decoration: none;
float: right;
}
a.design span{ display: none; }

a.projectlink{
margin: 9px 10px 0 0;
text-decoration: none;
float: right;
}


/*
ハイライトする色の指定
*/
.hl-surround{
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 400px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
	font: normal 9pt 'Courier New', monospace;
}

.hl-default{
	color: Black;
}
.hl-code{
	color: Gray;
}
.hl-brackets{
	color: Olive;
}
.hl-comment{
	color: #ffa500;
}
.hl-quotes{
	color: #8b0000;
}
.hl-string{
	color: Red;
}
.hl-identifier{
	color: Blue;
}
.hl-builtin{
	color: Teal;
}
.hl-reserved{
	color: Green;
}
.hl-inlinedoc{
	color: Blue;
}
.hl-var{
	color: #00008b;
}
.hl-url{
	color: Blue;
}
.hl-special{
	color: Navy;
}
.hl-number{
	color: Maroon;
}
.hl-inlinetags{
	color: Blue;
}
.hl-main{
	background-color: transparent;
}

.hl-main pre{
	margin: 0; padding: 0;
}


.amazon {
    background: #edfce7;
    border: solid 1px #d5ee5e;
    margin: 0px;
    padding: 10px;
}

.book_info {
    margin-left: 85px;
    padding-top: 0px;
}

.book_info h4 {;
    padding-left: 10px;
    color:#c32127;
}

.book_info p {
    margin-left: 10px;
    font-size: 12px;
}

.book_photo a{
    float: left;
    padding: 5px 5px 10px 5px;
    border: 1px solid #d5ee5e;
    background: #ffffff;
}

.book_photo a:hover {
    padding: 10px 5px 5px 5px;
}