@charset "utf-8";
/*
  Theme Name: GalleryBlog
  Theme URI: http://jsp.summertriangle.jp/
  Description: Weblog about Japanese-Style Painting by Tadanori Sumi
  Author: Tadanori Sumi
  Author URI: http://www.summertriangle.jp/
*/

/* Reset */
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0 }
a { text-decoration: none; cursor: pointer }
li { list-style: none }
fieldset, img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
input, textarea { font-size: 1em }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help }
textarea { overflow: auto }

/* Basic Font */
body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; color: #2b2b2b; background: url("img/bg.gif") }

/* CSS Hack for Cross Browser */
  /* IE */
  * html { font-size: 90%; line-height: 1.5em }
  /* Firefox, Safari, Opera */
  html[xmlns] { font-size: 88%; line-height: 1.6em }

/* General */
h1 { font-size: 108%!important; font-size: 100% }
h2 { font-size: 108%!important; font-size: 100% }
h3, h4 { font-size: 108%!important; font-size: 100% }
h1, h2, h3, h4 { font-weight: normal }

a { color: #eb6101; text-decoration: none; cursor: pointer }
  a:hover { color: #2b2b2b }
  a:active { color: #595857 }

p { margin: 7px 0 5px }
input, textarea, option, select, radio { padding: 3px; color: #595857; border: 1px solid #e7e7eb }
option, select { padding: 1px; color: #595857; border: 1px solid #e7e7eb }
.clear { clear: both; visibility: hidden; height: 0; content: "." }

/* Layout */
#wrapper { width: 100%; background:  url("img/bg_over.gif") center top no-repeat }
#container { width: 580px; margin: 0 auto }
#guide {
    height: 40px;
    text-align: right;
    font-size: 72%;
    line-height: 30px;
    color: #a3a3a2;
    background: url("img/bg_head.gif") no-repeat bottom
}
#contentbody { background: url("img/bg_body.gif") repeat-y }
#footer {
    padding: 20px 40px 30px;
    text-align: right;
    font-size: 72%;
    background: url("img/bg_foot.gif") no-repeat top
}
/* Layer */
#rightcorner {
    float: none;
    position: absolute;
    top: 0;
    left: 100%;
    overflow: visible;
    width: 240px;
    height: 240px;
    margin: 0 0 0 -240px;
    padding: 0;
    z-index: 9999;
    border: none
}
  /* PNG for IE6 */
  div#rightcorner img { behavior: expression(IEPNGFIX.fix(this)) }

/* Policy - Comment */
#guide { padding-right: 30px }

/* Header */
#header { height: 40px }
  h1 { float: left; width: 180px; margin-left: 20px!important; margin-left: 10px }
  ul#gnavi {
      float: right;
      width: 300px;
      font-size: 83%;
      text-transform: uppercase;
      letter-spacing: .1em
  }
    #gnavi li {
        float: left;
        display: block;
        margin-left: 10px
    }
    #gnavi li a {
        float: left;
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 3px
    }
      #gnavi li a:hover { background: url("img/gmenu.gif") no-repeat top }

/* Page Navi */
div#nav {
    clear: both;
    text-align: right;
    font-size: 72%;
    margin: 5px 40px 20px
}

/* Content-Body */
div#entry {
    margin: 0 40px;
    padding: 0
}
#entry p {
    margin: 0 10px 10px;
    text-align: right;
    font-size: 72%;
    line-height: 1.5em
}
#entry img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

/* Post Title */
.title {
    margin: 0 0 10px;
    text-align: center;
    font-size: 90%
}

/* Post Meta Data */
.postdata {
    text-align: center;
    font-size: 83%;
    line-height: 1.5em
}
.commentdata {
    text-align: right;
    font-size: 83%;
    border-bottom: 1px solid #e7e7eb
}
.postdata a {
    padding: 2px 6px;
    color: #fffffc;
    background-color: #06c
}
.postdata a:hover {
    background-color: #595857
}

/* Thumbnails */
#th-container {
    padding: 7px 0 5px 37px
}
#th-container-s {
    padding: 7px 0 5px 3px
}
.thumbnails {
    float: left;

    display: inline;
    padding-right: 7px;



    text-align: center;
    color: #a3a3a2
}
.current-thumbnail {
    float:left;
    display: inline;
    padding-right:9px;
    text-align: center;
    color: #595857
}
.thumbnails a img, .current-thumbnail a img {
    padding: 1px;
    border: 1px solid #fffffc
} 
.thumbnails a:hover img, .current-thumbnail a img {
    padding: 1px;
    border: 1px solid #a3a3a2
}

/* Comment Popup */
#commentspopup {
    margin: 10px;
    padding: 10px 15px 20px;
    text-align: left;
    font-size: 83%;
    line-height: 1.5em;
    background-color: #fffffc
}
#commentform #author, #commentform #email, #commentform #comment {
    padding: 3px;
    font-size: 90%;
    border: 1px solid #e7e7eb
}	
.post_info li strong {
    line-height: 2em
}
#commentspopup img {
    float:left;
    margin-right: 7px;
    padding: 3px;
    border: 1px solid #e7e7eb;
}
#commentspopup  h2  { 
    margin: 6px 0 0; 
    padding: 3px 0 0;
    border-top: 1px solid #e7e7eb
}
#trackback {
    width: 95%;
    margin: 0;
    border:  none
}
div#trackback_url  {
	margin-top: 6px;
	padding-top: 3px;
	border-top: 1px solid #e7e7eb
} 
.comment_meta {
    padding: 0 3px;
    font-size: 83%
}
.nor, .alt {
    padding: 2px 6px;
    border-top: 1px dotted #e7e7eb
}
#comment-submit {
    padding: 5px 10px;
    text-align: center;
    font-size: 83%;
    color: #fffffc;
    letter-spacing: .1em;
    background-color: #eb6101;
    border: 3px double #ba2636;
    border-top-color: #f8f4e6;
    border-left-color: #f8f4e6
}

/*Page*/
#page_entry {
    height: 350px;
    min-height: 450px;
    padding: 20px 40px;
    font-size: 90%;
    /* IE Hack */
    height: auto !important;
    height: 450px;
    text-align: left
}
.page_title {
    margin: 0 0 20px;
    padding: 0 10px;
    background: url("img/bg_hn1.gif") no-repeat
}
.ar-list {
    margin-right: 7px
}

/* 2 column */
div.left_column {
    float: left;
    width: 240px;
    margin: 5px 0 0;
    padding: 0;
    text-align: left
}
div.right_column {
    float: right;
    width: 240px;
    margin: 5px 0 0;
    padding: 0;
    text-align: left
}	
.right_column ul, .left_column ul {
    margin-bottom: 20px
}
.right_column li, .left_column li {
    margin-left: 10px;
    list-style-position: inside
}
.column_title {
    margin: 0 0 5px;
    padding: 0 10px;
    background: url("img/bg_hn2.gif") no-repeat
}	

/* Archives */
.ar-thumbnail {
    float: left;
    display: inline;
    width: 70px;
    padding: 0 0 10px;
    border: 0
}
.navigation {
    clear: both;
}

/* Links */
.link_list .linkcat {
    margin: 5px 0 0
}
.link_list ul li {
    margin-left: 15px
}
.linkcat ul li {
    margin: 3px 0 3px 10px!important;
    margin: 6px 0 6px 10px
}
.linkcat a {
    margin-right: 5px;
}

/* Photopress */
#pp_th-container {
    padding: 10px 0 5px
}
.pp_catlist_thumbnails { 
    float: left;
    display: inline;
    width: 120px;
    margin-bottom: 10px;
    text-align: center;
    border: 0
}
.pp_catlist_thumbnails a img {
    margin-bottom: 2px;
    padding: 2px;
    border: 1px solid #cad2d8
}
.pp_catlist_thumbnails a:hover img {
    border: 1px solid #9ebbdc
}
.pp_catphoto_thumbnails { 
    float: left;
    display: inline;
    width: 100px;
    margin-bottom: 10px;
    text-align: center;
    color: #a4a7b3;
    border: 0
}
.pp_catphoto_thumbnails a img {
    margin-bottom: 2px;
    padding: 2px;
    border: 1px solid #cad2d8
}
.pp_catphoto_thumbnails a:hover img {
    border: 1px solid #9ebbdc
}
div#pp_nav {
    margin: 0 0 7px 40px;
    padding: 0;
    text-align: right
} 
.pp_single_heading {
    padding-top: 3px;
    text-align: center;
    color: #37518c;
    font-weight: bold
}
.pp_desc {
    text-align: center
}
.pp_postdata {
    margin: 0;
    padding: 5px 3px;
    text-align: right;
    border-top: 1px solid #e4e7e9
}

/* 404 */
.error {
    text-align: center;
    color: #d00
}
img.centered {
    display: block;
    margin-right: auto;
    margin-left: auto
}
img.alignright {
    margin: 0 0 2px 7px;

    padding: 4px;
    display: inline
}
img.alignleft {
    margin: 0 7px 2px 0;
    padding: 4px;
    display: inline
}
.alignright {
    float: right
}
.alignleft {
    float: left
}
#searchsubmit {
    margin-left: 5px
}

/* Plugin Glider */
div.controls {
    margin: 6px;
    color: #eb6101;
}
div.scroller {
    width: 473px!important;
    width: 453px;
    height: 360px;
    margin: 6px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7eb
}
div.scroller div.section {
    float: left;
    width: 473px!important;
    width: 453px;
    height: 360px;
    overflow: auto
}
div.scroller div.content {
    width: 10000px
}
div.section h2, div.section p {
    margin: 5px 10px 10px;
    line-height: 1.7em
}
div.section ul, div.section ol, div.section dl {
    margin: 0 10px 10px;
    padding: 0;
    line-height: 1.5em
}
div.section ul li {
    margin: 0 0 .5em;
    padding: 5px;
    list-style-type: none;
    border: 1px solid #e7e7eb
}
div.section ol li {
    margin: 0 0 .5em 2em;
    padding: 5px;
    border: 1px solid #e7e7eb
}
div.section table {
    width: 433px;
    margin: 0 10px 10px;
    border-top: 1px solid #e7e7eb
}
div.section table th {
    margin: 0;
    padding: 3px 6px 3px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #e7e7eb
}
div.section table td {
    width: 18%;
    padding: 3px 6px 3px;
    border-bottom: 1px solid #e7e7eb
}
#scrollnav {
    width: 453px;
    margin: 0 6px 18px;
    padding: 0;
    text-align: right
}
.start {
    padding-top: 10px;
    border-top: 1px dotted #a3a3a2
}
.caption {
    margin: 0;
    padding: 0
}
div.section span {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help
}

/* Plugin Global Trans */
#translation_bar {
    margin-top: 10px;
    line-height: 1.3em
}
#translation_bar a {
    margin-right: 5px
}
#transl_sign {
    display: none
}

/* SweetTitles */
body div#toolTip {
    position:absolute; z-index:10000;
    width: 220px;
    min-height: 1em;
    padding: 5px;
    text-align: left;
    background: #2b2b2b;
    border: 2px double #fffffc;
    -moz-border-radius: 5px
}
body div#toolTip p {
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #fffffc
}
body div#toolTip p em {
    display: block;
    margin-top: 3px;
    color: #fcc800;
    font-style: normal;
    border-top: 1px dotted #a3a3a2
}
body div#toolTip p em span {
    color: #fffffc
}