@charset "utf-8";

/*
THEME NAME: for public Blog
THEME URI: 
DESCRIPTION: for Wordpress Theme Sandbox
VERSION
AUTHOR
*/

body {
margin: 0;
font-family: 'Century Gothic',Helvetica, arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 62.5%; /* 10px */
line-height: 0.7;
color: #080808;
background-color: #fafafa;
text-align: center;
}

a {
color: #574e4e;
}

a:hover {
color: #95cb05;
text-decoration: none;
}

ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}

img {
vertical-align: bottom;
}

a img {
border: none;
}

h1 {
padding-bottom: 5px;
font-size: 2.4em;
border-bottom: 5px solid #080808;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.4em;
}

h1 a,
h1 a:hover {
color: #080808;
text-decoration: none;
}

h2 a,
h3 a {
color: #080808;
}

h2 a,
h3 a {
text-decoration: none;
}

h2 a:hover,
h3 a:hover {
text-decoration: underline;
}

blockquote {
margin: 0;
padding-left: 10px;
border-left: 5px solid #b4afb8;
} 

form {
margin: 0;
padding: 0;
}



/*========================================

  Layout

========================================*/

div#wrapper{
margin-left: auto;
margin-right: auto;
width: 1010px;
text-align: left;
}

div#container {
width: 500px;
float: left;
}

div#content {

}

div.sidebar {

}

div#primary {
float: left;
clear: right;
width: 255px;
}

div#secondary {
float: left;
clear: right;
width: 255px;
}

div#footer {
clear:both;
width:100%;
}


/*========================================

  Header

========================================*/

div#header {
padding-top: 60px;
padding-bottom: 30px;
}

div#header h1#blog-title {
margin: 0 0 0.25em;
}

div#blog-description {
font-weight: bold;
}


/*========================================

  Entry

========================================*/

h2.page-title {
margin: 30px 0 0;
line-height: normal;
}

div.post {
margin: 30px 0 0;
}

div.post h2.entry-title {
margin: 0 0 15px;
padding-bottom: 10px;
line-height: normal;
border-bottom: 1px solid #b4afb8;
}

div.post h2.entry-title a:hover {
text-decoration: none;
}

div.post h3 {
padding-top: 10px;
line-height: 1.5;
}

div.post h3.entry-title {
margin: 0 0 15px;
padding-bottom: 10px;
font-size: 1.8em;
border-bottom: 1px solid #b4afb8;
}

div.post h3.entry-title a:hover {
text-decoration: none;
}

div.post small {
font-weight: bold;
}

div.post div.entry-date {
margin-bottom: 15px;
}

div.entry-content h4 {
font-size: 1.6em;
}

div.post p {
margin: 0 0 1.5em;
font-size: 1.2em;
line-height: 1.5em;
}

div.info-box {
margin: 0 0 1.5em;
padding: 1.5em 15px 0;
border: 1px dotted #b4afb8;
}

div.text-center {
text-align: center;
}

div.post div.entry-content ul {
margin-left: 15px;
margin-bottom: 20px;
list-style: disc;
}

div.post div.entry-content ul li {
font-size: 1.3em;
line-height: 1.5;
}

abbr.published {
border: none;
}

div.entry-meta {
margin-bottom: 60px;
line-height: 1.5;
}

div#nav-below {
font-size: 1.3em;
}

div.nav-previous {
margin-right: 5px;
float: left;
}

div.nav-next {
float: left;
}

div.nav-previous a,
div.nav-next a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 6px 10px 5px 10px;
display: block;
color: #fff !important;
background-color: #080808;
font-weight: normal;
text-decoration: none;
}

div.nav-previous a:hover,
div.nav-next a:hover {
background-color: #95cb05;
}

/*========================================

  Page - Blogroll

========================================*/

ul.blogroll {
margin-bottom: 30px;
}

ul.blogroll li {
margin-bottom: 10px;
font-size: 1.3em;
line-height: 1.5;
}

ul.blogroll li a {
font-weight: bold;
}

/*========================================

  Navigation

========================================*/

/* Page Nav
---------------*/
div#nav-above {
display: none;
}

/*========================================

  Sidebar

========================================*/

div.sidebar {
text-align: left;
}

div.sidebar ul.xoxo {
margin-left: 30px;
}

div.sidebar h3 {
margin: 30px 0 10px;
font-size: 1.6em;
line-height: normal;
}

div.sidebar p {
font-size: 1.2em;
line-height: 1.5;
}

div.sidebar ul ul {
border-top: 1px solid #b4afb8;
}

div.sidebar ul ul li {
font-size: 1.2em;
line-height: 1.5em;
}

div.sidebar ul ul li a {
padding: 5px 0;
color: #080808;
display: block;
border-bottom: 1px solid #b4afb8;
text-decoration: none;
}

div.sidebar ul ul li a:hover {
color: #95cb05;
}

/* for banner
---------------*/

div.banner {
margin-top: 30px;
}

/* for flickr
---------------*/

div.flickr {
margin-bottom: 5px;
}

/* Search form
---------------*/

li#search form#searchform input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 7px 10px;
font-size: 1.1em;
color: #080808;
background-color: #efefef;
border: 1px solid #b4afb8;
outline: none;
}

li#search form#searchform input.button {
padding: 6px 10px;
color: #fff !important;
background-color: #080808;
border: 1px solid #080808;
}

li#search form#searchform input.button:hover {
background-color: #95cb05;
border: 1px solid #95cb05;
cursor: pointer;
}

/*========================================

  Comment

========================================*/

div#comments {
margin: 70px 0 0;
}

div#comments h3 {
margin: 0 0 15px;
padding-bottom: 15px;
border-bottom: 1px solid #b4afb8;
}

div#comments-list ol {
padding-bottom: 45px;
}

div#comments-list ol li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #b4afb8;
line-height: 1.5;
}

div.comment-meta {
margin-bottom: 5px;
}

div#comments-list ol li p {
margin: 0;
font-size: 1.3em;
}

div.comment-author {
font-size: 1.3em;
font-weight: bold;
}

div.formcontainer div.form-label {
font-size: 1.3em;
}

div.formcontainer p#comment-notes,
div.formcontainer p#login {
margin-bottom: 15px;
}

div.formcontainer input,
div.formcontainer textarea {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 7px 10px;
font-size: 1.1em;
color: #080808;
background-color: #efefef;
border: 1px solid #b4afb8;
outline: none;
}

div.formcontainer input.button {
padding: 6px 10px;
color: #fff !important;
background-color: #080808;
border: 1px solid #080808;
}

div.formcontainer input.button:hover {
background-color: #95cb05;
border: 1px solid #95cb05;
cursor: pointer;
}

div.form-input,
div.form-textarea,
div.form-submit {
margin: 5px 0 15px 0;
}

div.formcontainer textarea {
width: 70%;
}

/*========================================

  Footer

========================================*/

div#footer {
padding-top: 60px;
padding-bottom: 30px;
}

div#footer p {
padding-top: 30px;
line-height: 1.5;
border-top: 5px solid #080808;
}

div#footer a {
color: #080808;
text-decoration: none;
}

div#footer a:hover {
color: #666633;
text-decoration: underline;
}

/*========================================

  Gallery

========================================*/
div.post div.entry-content ul.gallery {
margin: 0;
padding: 0 0 15px;
list-style: none;
}
div.post div.entry-content ul.gallery li {
float: left;
}
div.post div.entry-content ul.gallery li a:hover img {
filter: alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
}

/*========================================

  Clearfix

========================================*/

div#nav-below,
div.post div.entry-content ul.gallery,
ul.twitpic {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

div#nav-below:after,
div.post div.entry-content ul.gallery:after,
ul.twitpic:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}