/* tham-color */
/* green #297 */
/* gold #961*/


/*-----------------------共通文字装飾------------------------*/
A:link  { color: #333; text-decoration: underline }
A:visited  { color: #333; text-decoration: underline }
A:hover  { color: #f99 } 
.small { font-size: small }
.box { margin: 10px auto; padding-right: 10px; padding-left: 10px; border: solid 1px #666 }
.red { color:red;}

/* page layout */

body {
background-color: #eee;
margin: 0px;
text-align: center; 
}

#container {
margin: 0px auto;
width: 800px;
background-color:#FFFFFF;
text-align: left;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#banner { 
background: url(baseimg/header.gif) no-repeat;
height: 200px;
}

#banner-header{
color: #fff;
font-weight: bold;
font-size: 20px;
padding-top: 5px;
}

#banner-description {
color: #fff;
font-size: 10px;
border-top: 1px solid #fff;
}

#banner-header A:link   { color: #fff; font-weight: bold; font-size: 20px; text-decoration: underline } 
#banner-header A:visited   { color: #fff; font-weight: bold; font-size: 20px; text-decoration: underline }
#banner-header A:active   { color: #bbb; text-decoration: none }
#banner-header A:hover   { color: #f99; text-decoration: none }


#pagebody {
width:800px;
margin:0px;
padding:0px;
}



/*alpha*/

#alpha {
width:600px;
margin:0px;
padding:0px;
float: left;
}

#alpha-inner{
padding:0px 30px;
}

#alpha-top{
padding-right:10px;
}


.contents-title{
font:12px bold;
padding:5px 20px;
color:#FFF;
background-color:#961;
}

#info   { margin:0px 5px 10px 30px }

.whatsnew-list {
font-size:small;
padding-left:20px;
background:url(baseimg/p_bl.gif) no-repeat;
line-height:1.5em;
}

#join   { margin:0px 5px 10px 30px }
#join A:link   { color: #000; text-decoration: none }
#join A:visited  { color: #333; text-decoration: none }
#join A:hover { color: #f99 }
#join table { font-size: x-small; line-height:1.5em;}
#join td { vertical-align: top ;padding: 5px;}
#join .mapview { background: url(http://www.naturemuseum.net/blog/baseimg/join_15.gif) repeat-y; vertical-align: middle; padding: 0px }

/*beta*/

#beta {
float: right;
width: 200px;
margin:0px;
padding:0px;
}

.categories-list {
list-style: none;
text-align: left;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 20px;
border-bottom: 1px solid #297;
}

.categories-list A:link  { color: #297; text-decoration: none }
.categories-list A:visited  { color: #297; text-decoration: none }
.categories-list A:active  { color: #c6f }
.categories-list A:hover   { color: #961;font-weight:bold;}

/* footer */

#footer{
text-align:center;
margin:20px auto 0px auto;
clear:both;
height:30px;
}

/* content */

.content-nav {
margin: 10px;
text-align: center;
}

.content-navi A{
font-size:12px;
color:#297;
}

.date-header,
.entry-content {
clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-header{
color: #297;
font-weight: bold;
font-size: small;
text-align: left;
margin-top: 10px;
margin-bottom: 15px;
padding:5px 5px 5px 25px;
background:url(http://www.naturemuseum.net/blog/baseimg/ya_right.gif) no-repeat;
border-bottom: 1px solid #297;
}

.entry-body,
.entry-more{
line-height:1.5em;
font-size:12px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
clear: both;
margin: 10px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
  clear: both;
}

.entry-more-link A {
font-size:small;
margin:10px 10px;
border-left:#297 15px solid;
padding-left:10px;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer{
font-size:10px;
clear: both;
margin: 5px 10px 20px 10px;
text-align:right;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
width: 240px;
}

#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}

#comment-post {
font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
float: left;
width: 115px;
margin: 0 10px 10px 0;
}

.image-thumbnail img {
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}


/*     archive      */

#archive-title {
color:#666;
font-size:large;
border-left:10px #297 solid;
padding:5px;
}

.archive-content {
font-size:10px;
clear: both;
margin: 5px 10px 20px 10px;
}

archive-list-item  { 
background-repeat: no-repeat;
list-style-image: url(http://www.naturemuseum.net/blog/baseimg/p_bl.gif);
list-style-position: inside;
padding-left: 20px 
}

/* modules */

.module {
margin-top:20px;
}

.module-header {
color:#297;
font-size:14px;
margin: 5px auto 5px auto;
text-align:center;
}

.module-content {
margin: 5px auto 10px auto;
font-size:13px;
}

.module-map{
padding:5px 0px;
text-align:center;
}

.module-search{
padding:5px 10px;
background-color:#cccccc;
text-align:center;
}

#search{
border:1px #666666 solid;
}

.module-powered{
font-size:10px;
text-align:right;
border-top:1px #666666 solid;
padding:10px;
}

.module-list-item .module-archives{
font-size:10px;
padding-left:20px;
background:url(http://www.naturemuseum.net/blog/baseimg/p_bl.gif) no-repeat;
}

.module-archives{
padding:20px 5px;
}

.module-archives .module-list-item{
font-size:x-small;
padding-left:20px;
background:url(http://www.naturemuseum.net/blog/baseimg/p_bl.gif) no-repeat;
}

.module-creative-commons .module-content { font-size:x-small;}
.module-presence img { vertical-align: middle; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }


/* basic */

.underlink  { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding-left: 5px; border-left: 2px solid #297 }
.listmark{
padding-left:20px;
background:url(http://www.naturemuseum.net/blog/baseimg/p_bl.gif) no-repeat;
}

.past{
text-align:right;
color:#297;
font-size:10px;
margin-top:5px;
padding-top:5px;
border-top:1px solid #666;
}

.partition   { margin-top: 15px; margin-bottom: 10px; padding-top: 5px; border-bottom: 1px dotted #003 }
.docdate , .text-header { font-size: x-small; text-align: right ; margin: 10px; line-height:2em;}
.dochead , .subhead{ font-weight: bold; font-size: medium;color:#666; text-align: left; margin-top: 15px; margin-bottom:5px }
.doccap , .caption { color: #333; font-style: italic; font-size: x-small; line-height:1.5em; padding:5px 10px;}

.process td {
background-color: #ccc;
margin: 5px 0px 0px;
padding: 5px }

#photo-body{
padding:20px;
font-size:small;
}

.photo-list{
border:0px;
}

.photo-list td{
padding:10px 3px;
border-bottom:2px #666 dotted;
font-size:x-small;
}