/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body { background: url('../pic/bg.jpg'); margin: 25px; padding: 0; font-family:"Times New Roman",Georgia,Serif;}
a { color: #888;}
a:hover { color: #555;}
a .img-link { display: block;}
a .img-hover { display: none;}
a:hover .img-link { display: none;}
a:hover .img-hover { display: block;}

.go{
background-color:#ccc;
border-radius:10px 10px 10px 10px;
width:50px;height:65px;
right:10px;bottom:10%;
display:block;
font-family:Arial;
line-height:46px;
margin-right:0;
padding:10px 0;
z-index:10;
text-align:center;
position:fixed;
word-spacing: 30px;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.go a{background:url('../pic/gotop.png') no-repeat;display:block;text-indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left; cursor:pointer;}
.go .top{background-position:0 0px;height:22px}
.go .bottom{background-position:0 -55px;height:22px}
.go .top:hover{background-position:-38px -0px}
.go .bottom:hover{background-position:-38px -55px}

#scenery {
background: #fff url('../pic/bg-band.png') no-repeat scroll top left;
position:relative;
color: #888;
width: 1100px;
min-height: 2000px;
margin: 0 auto;
box-shadow: 0 0 64px #000;
border:1px solid #CCC;
box-shadow:2px 1px 4px 2px rgba(0,0,0,0.3);
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}

#scenery:hover{
border-top-right-radius:240px 60px;
}

#scenery:before, #scenery:after{
	content: "";
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	background:#FFF;
	border:1px solid #CCC;
	position: absolute;
	z-index: -1;
    box-shadow:2px 1px 4px 2px rgba(0,0,0,0.3);
}

#scenery:before {
	height:100%;
	width:1100px;
	top:-14px;
	left:-9px;
}
 
#scenery:after {
	height:100%;
	width:1100px;
	top:-8px;
	left:-5px;
}

#distribution-header { position: relative; padding-top: 200px;}
#tiptop { position: absolute; right: 130px; top: 0; width: 550px; }
#language { position: absolute; right: 130px; bottom: 0; width: 550px;}
.menu, .menu ul { display: inline;}
#language li { float: right; margin: 0 10px; list-style: none;}
#language li a { text-decoration: none; font-size: 28px; color: #888;}
#language li a:hover { color: #F00;}
#main { margin-top: 11px;}

#sidebar { float: left; width: 250px; margin-top: 25px;}
.widget-container { list-style: none; margin-bottom: 60px;}
.widget-container > h3 {
text-transform: uppercase;
font-size: 24px;
width: 180px;
margin: 0;
padding: 3px 10px 3px 40px;
font-weight: normal;
background-color: #eee;
border-radius: 0 10px 10px 0;
}
.links { font-size: 20px;}
.widget-container ul { margin: 30px;}
.widget-container ul li { margin: 5px 0; color: #ccc;}
.widget-container ul li a { margin-right: 10px;}
.textwidget { margin: 30px;}
.widget-container table { margin: 0px 0px; border: none;}
#prev a, #next a { width: 85px;}
#ad { margin: 0 auto; padding: 0; width: 300px; list-style: none;}

#index, #page { float: right; width: 830px; height: 1770px; border-width: 10px; border-style: solid;}
#latest, .entry, #error { padding: 0 30px;}
#latest > h1, .entry > h1, #page > h1, #error > h1 { margin: 0; font-weight: normal;}
#latest h1 a, .entry h1 a , #page h1 a{ text-decoration: none;}
.content { margin-top: 20px; line-height: 28px; font-family: arial; font-size: 14px;}
.content p { margin: 10px 0 0;}
.content img { display: block; max-width: 540px;}
.content h1 { font-size: 24px;}
.content h2 { font-size: 22px;}
.content h3 { font-size: 20px;}
.content h4 { font-size: 18px;}
.content h5 { font-size: 16px;}
.content h6 { font-size: 15px;}
.content pre { background-color: #eee; font-size: 12px; padding: 10px 20px; border-radius: 5px;}

.meta { background: url('../pic/cut-off-post.png') no-repeat right; height: 30px; text-align: right; padding: 20px 30px 0 0; font-size: 18px; margin-top: 10px;}
.meta span { margin-left: 15px;}
#SNS { padding: 0; list-style: none; margin: 80px 30px 0;}
#SNS li { float: left; background: url('pics/SNS.png') no-repeat; width: 70px; height: 70px; margin: 0 50px 50px 0;}
#SNS li a { display: block; text-decoration: none; height: 70px; width: 70px;}
#new-posts-list, #comments { clear: left; background: url('pics/cut-off-list.png') no-repeat 15px 25px; padding: 0 30px; text-align: right;}
#new-posts-list > a, #comments > a { display: block; color: #fff; text-decoration: none; height: 30px; width: 30px; float: right;}
#new-posts-list h1, #comments h1 { clear: both; font-weight: normal; padding: 15px 0; margin-bottom: 50px;}
#new-posts-list p { font-size: 14px;}
#new-posts-list p a { text-decoration: none;}

#guest-info { width: 152px; float: left; text-align: left;}
#guest-info input { display: block; width: 150px; height: 20px; margin-bottom: 5px;}
#guest-comment { width: 372px; float: right;}
#guest-comment textarea { display: block; width: 368px; height: 120px; margin-bottom: 15px;}
#guest-submit { clear: both; border-top: 1px solid #ccc; padding-top: 10px;}
#respond input, #guest-comment textarea { border: 1px solid #ccc; background-color: #fff; color: #888; border-radius: 5px;}
.commentlist { margin-top: 100px; padding: 0; list-style: none; text-align: left;}
.commentlist li { clear: both;}
.comment-avatar { float: left; width: 40px;}
.comment-avatar img { border: 5px solid #ccc; width: 40px; height: 40px;}
.comment-box { float: right; width: 505px;}
.comment-author { padding: 0 10px; border-bottom: 2px solid #ccc;}
.comment-content { margin: 0 30px 50px; padding: 5px 20px 20px; border: 2px solid #ccc; border-top: none; border-radius: 0 0 10px 10px;}
.comment-meta { text-align: right; margin-bottom: 20px;}
.comment-meta a { margin-left: 15px;}
.comment-content p { margin: 5px 0 0;}

#list-title li { color: #FFFFFF; width: 800px; padding: 3px 20px; font-size: 35px; text-align:left; list-style: none;}
#list-title a { color: #ee7000; margin-left: 20px;}
#post-list .entry{ margin-top: 100px;}
#post-list .content { max-height: 250px; overflow: hidden;}
#post-list .meta{ margin-bottom: 150px;}
.list-img{ max-width: 165px; max-height: 165px; float: left; margin: 0 20px 10px 0;}
.list-img img { max-width: 165px; max-height: 165px;}
.list-excerpt p { color: #000000; margin: 0;}

.navigation { width: 500px; margin: 0 auto;}
.navigation a { display: block; height: 30px; font-size: 20px; color: #ccc; text-decoration: none;}
.navigation a:hover { color: #888;}
.previous { float: left;}
.previous a img { float: left;}
.next { float: right;}
.next a img { float: right;}