@charset "utf-8";
/*
name: Subtle
designer: Lilia Ahner
designer_url: http://www.lilia.com
developer: Nick O'Neill
developer_url: http://authenticgeek.net
*/
/* basic page elements */

body
{
font-family: verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
font-size: 11px;
}

a { color: #69c; font-weight: normal; text-decoration: none; }
a:visited { color: #889; }
a:hover { color: #cf3; text-decoration: underline; }

.clearFloatingBox{ zoom: 100%; }
.clearFloatingBox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

#banner a { color: #cf3; }
#banner a:hover { color: #cf3; text-decoration: none; }

.module-content a { color: #69c; }
.module-content a:visited { color: #889; }
.module-content a:hover { color: #cf3; }

h1, h2, h3, h4, h5, h6
{
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
line-height: 150%;
font-weight: normal;
letter-spacing: normal;
padding: 0;
margin: 0;
}

h1#page-title, h2#archive-title
{
    margin-bottom: 15px;
    font-size: 16px;
}


img {
border: 0px;
margin: 7px;
}

form { margin: 0; padding: 0; }

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p¥osition: relative; 
w¥idth: auto;
   
margin: 0;
border-top: 1px dotted #c2c2c2;
border-bottom: 1px dotted #c2c2c2;
padding: 5px 10px 5px 5px;
color: #9ab0bf;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.comments-open-header,
.comments-header,
.trackbacks-header
{
background-color: #333333;
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
color: #9ab0bf;
font-weight: bold;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited
{
color: #9ab0bf;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
color: #cf3;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
font-size: 11px;
}

.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url
{
width: 240px;
}

#comment-text
{
width: 420px;
}

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

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

.trackbacks
{
margin-bottom: 30px;
}
.comments-content
{
margin: 0 10px 30px;
}

#trackbacks-info,
.trackbacks-content,
.comments-open-content,
.comments-closed
{
margin: 5px 10px 15px;
}

.comment,
.trackback
{
padding: 10px;
border-bottom: solid #444444 1px;
}
#comment-captcha-block img
{
margin: 5px 0 0;
padding: 0;
border-width: 0;
}
#comment-captcha
{
position: relative;
left: 10px;
top: -10px;
}


/* page layout */

body
{
color: #CCC;
background: #000 url(css-image/body-bg.png) center top repeat-y;
margin: 0;
padding: 0;
text-align: center;
}

#container { width: 915px; margin: 0 auto; text-align: left; }
#container-inner { margin: 0 0 20px; }

/* one-column tweaks */
.layout-one-column #container-inner
{
background: none;
}

#banner
{
margin: 10px auto 0;
padding: 0 6px 2px;
_padding: 2px 6px 8px;
}

#banner-inner
{
   text-align: right;
}

.banner-user
{
width: 70px;
margin-top: 4px;
font-size: 10px;
}

.banner-user-photo { border: 3px double #fff; }

#banner-header a
{
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
font-size: 24px;
line-height: 100%;
}

#banner-description
{
color: #999;
font-size: 14px;
line-height: 100%;
display: none;
}

#menubar
{
margin: 0;
padding: 2px 6px 2px;
border-top: 1px dotted #AAA;
border-bottom: 1px dotted #AAA;
}

#menubar-inner {
float: right;
}

#feedbar
{
margin: 0 auto 15px;
padding: 2px 6px;
}

#feedbar-inner
{
text-align: right;
}

#feedbar img
{
margin: 0;
padding: 0;
border-width: 0;
}

#alpha, #beta
{
margin: 0 auto;
}

#alpha-inner, #beta-inner
{
padding: 5px 0 25px 0;
}

.entry-header
{
margin: 0 0 5px;
padding: 0 0 2px 6px;
color: #9ab0bf;
line-height: 100%;
font-size: 16px;
font-style:italic;
font-weight: normal;
letter-spacing: normal;
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
border-bottom: #999999 dotted 1px;
}

.entry-brief-header
{
margin: 0 0 2px;
padding: 0 6px;
color: #9ab0bf;
line-height: 100%;
font-size: 16px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
}

.date-header,
.categories-header,
.tags-header
{
margin: 0 0 2px;
padding: 0 6px;
color: #CCCCCC;
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
font-size: 12px;
text-align: right;
}

.entry-brief .date-header {
   text-align: left;
}

.entry-brief-body {
   text-align: left;
   line-height: 160%;
   padding: 0 20px;
   font-size: 110%;
   font-weight: normal;
   border-bottom: #999999 dotted 1px;
   margin-bottom: 24px;
}

.tags-header a,
.tags-header a:visited
{
color: #444444;
text-decoration: none;
font-weight: bold;
}
.tags-header a:hover
{
color: #888888;
text-decoration: none;
font-weight: bold;
}

.entry-content { margin: 20px 0 5px; line-height: 160%; font-size: 120%; font-weight: normal; }
.entry-body { text-align: center; zoom: 100%; }
div.entry-body:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.entry-body img { padding: 1px; border: 1px solid #444444; }
.entry-body div.bodytext { text-align: left; padding: 0 10px; }
.entry-body li { margin-left: 16px; }

.entry-more { text-align: center; }
.entry-more img { padding: 1px; border: 1px solid #444444; }
.entry-more div.bodytext { text-align: left; padding: 0 10px; }

.entry-more-link { font-weight: bold; }

.entry-footer
{
margin: 10px 5px 50px 0;
border-top: 1px #999999 dotted;
padding-top: 5px;
font-size: 11px;
font-weight: normal;
text-align: left;
font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
}

.content-nav { margin: 0 0 15px; padding: 0 15px; text-align: center; }


/* modules */

.module { color: #666; }

.module-content { font-size: 11px; }

.module-calendar .module-content { margin: 5px 10px 15px 10px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 11px; }

.module-powered
{
   margin: 0;
   padding: 0;
}

.module-powered .module-content
{
   margin: 0;
   padding: 3px 10px;
   text-align: center;
   border-top: 1px dotted #999999;
   border-bottom: 1px dotted #999999;
}

.module-photo { border: 0; background: none; }
.module-photo .module-content { margin: 10px; }
.module-photo img { border: 0; }

.module-list-item,
.archive-list-item
{  
font-size: 11px;
padding: 1px 0 1px 0;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
margin: 1px 0;
border: 1px solid #e5e4e0;
padding: 0;
background: url(stripe-bg.gif) left top repeat;
}

.typelist-thumbnail { background: #e2ecf3; }

.module-featured-photo { width: 445px; }
.module-featured-photo .module-content { margin: 0 0 5px 15px; }
.module-featured-photo img { width: 415px; }

.module-recent-photos { border: 0; }
.module-recent-photos .module-content { margin: 0 0 0 15px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
width: 64px; /* mac ie fix */
margin: 0 6px 6px 0;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a
{
border: #bbb 1px solid;
padding: 1px;
background: #e7e7ec;
}

.module-recent-photos .module-list-item a:hover
{
border-color: #4788c9;
background: #e7e2c6;
}


/* calendar tweaks */

.module-mmt-calendar { width: 445px; margin: 0; }
   
   .layout-calendar #gamma { width: 190px; }
   .layout-calendar #delta { width: 190px; }
   
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header
{
margin: 0;
padding: 5px 15px;
color: #9ab0bf;
background: none;
font-size: 13px;
font-weight: bold;
text-align: right;
}

.module-mmt-calendar .module-content { margin: 15px; }

.module-mmt-calendar table
{
width: 415px;
}

.module-mmt-calendar th
{
border-top: 1px dotted #c2c2c2;
border-right: 1px dotted #c2c2c2;
border-bottom: 1px dotted #c2c2c2;
padding: 2px;
text-align: right;
font-weight: bold;
}

.module-mmt-calendar td
{
border-top: 1px solid #fff;
border-right: 1px solid #e7e7ec;
border-bottom: 1px solid #bbb;
padding: 2px;
text-align: right;
font-weight: normal;
background: url(stripe-bg.gif) left top repeat;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
{
border-right: none;
}

.day-photo a
{
border: #bbb 1px solid;
padding: 1px;
background: #e7e7ec;
}

.day-photo a:hover
{
border-color: #235961;
background: #e7e2c6;
}

/* menubox-category */
#menubar img {
border-width: 0;
margin: 0;
padding: 0
}

#menubar .menuItem {
float: left;
margin-left: 5px;
}

#menubar ul {
padding: 10px 0 0 10px;
list-style-position: inside;
}

#menubox-category,
#menubox-monthry,
#menubox-recentpost,
#menubox-recentcomment,
#menubox-search,
#menubox-links,
#menubox-contact
{
width: 340px;
border: solid 1px #999999;
background-color: #333333;
position: absolute;
z-index: 10;
}

#menubox-search
{
width: 260px;
}

#menubar .closeButton {
float: right;
margin: 7px;
}

#driftingMap
{
margin: 5px;
border: 1px solid #aaaaaa;
width: 900px;
height: 540px;
}

div.searchBox
{
margin: 5px;
}

div#contactInfo{
   color: #AAAAAA;
   margin: 5px;
   font-weight: bold;
}

div#contactInfo dt{
   display: block;
   float: left;
   clear: left;
   width: 50px;
   margin-right: 10px;
   padding: 0;
   border: 0;
   text-align: right;
}

#menubox-links .module-list-item
{
margin: 12px;
}

#content-nav
{
   font-weight: bold;
   font-size: 150%;
   margin: 0 0 25px;
   font-family: Georgia, "Hoefler Text", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
   text-align: center;
   font-style:italic;
}

/* ///////////////// Amazon web service ///////////////// */

div.AWSBox {
   border-top: 1px dotted #777777;
   padding: 5px 10px;
   margin: 25px 0 0;
}
div.AWStitle{
   font-weight: bold;
   font-size: 110%;
   padding: 5px 0;
}

div.AWSImageBox{
   float: left;
}

img.AWSImg{
   border: 1px solid #777777;
   padding: 1px;
   margin: 0;
}

div.AWSInfo{
   float: left;
   padding-left: 15px;
}

div.AWSReviews {
   width:450px;
   padding-left:15px;
   float: left;
}

div.AWSRevBox{
   margin: 5px 0;
}
img.AWSRevButton{
   margin: 0 5px 0 0;
}
dd.AWSComment {
   display: none;
   margin: 5px 10px 5px 15px;
}

/* ////////// */
.maplinkbox {
    margin: 0 0 0 25px;
    display: inline;
    font-style: normal;
}

.mapicon {
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}


