@charset "utf-8";
@import url("comments.css"); /* for comment.php */
@import url("pages.css"); /* for archive.php, category.php, page.php */
@import url("twitter.css"); /* for twitter widget pro plugin */
@import url("gallery_custom.css"); /* for lightbox gallery plugin */

/*
Theme Name: the gallery
Theme URI: http://www.onotamotsu.com/blog/wordpress-theme/the-gallery-free-wordpress-theme-for-fotolog/
Description: This theme is for a photolog or photo album site. 
Following plugins are recommended: 
Lightbox Gallery : http://wordpressgogo.com/development/lightbox-gallery.html 
Twitter Widget Pro : http://xavisys.com/2008/04/wordpress-twitter-widget/
Version: 1
Author: Tamotsu Ono
Author URI: http://www.onotamotsu.com/blog/
Tags: photo, album, image, photolog, widget, twitter
*/






body {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, 
p, strong, a, li, dl, th, td, input, textarea, caption, blockquote, code { 
font-family: Georgia, "Times New Roman", Times, serif; 
letter-spacing: 0.04em;
}

/*h1, h2, h3, h4, h5, h6, p, strong, a, li, dl, td { font-family:  "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka; letter-spacing: 0.04em; }*/

h1, h2, h3, h4, h5, h6, p, strong, li, dl, th, td, caption { margin: 0; color: #555555; }

a:focus { outline: 0; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }

img { border: none; }
label { display: none; }
blockquote, q { quotes: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
form { margin: 0; padding: 0; }


.clear { clear: both; }
.clear-sparater { clear: both; height: 1px; font-size: 1px; height: 20px; }


/*------------ Header ------------*/
#header_wrapper {
margin: 0 auto/* 15px auto*/;
padding: 0;
width: 100%;
background-color: #F5F3EF;
}


#header {
position: relative;
margin: 0 auto; 
padding: 0;
width: 885px;
height: 86px;
}


#title {
position: absolute;
top: 20px;
left: 0px;
width: 450px;
height: 61px;
background: url(images/logo.gif) no-repeat top left;
z-index: 9;
}


#title a {
display: block;
width: 150px;
height: 61px;
font-size: 1px;
text-indent: -9999px;
}


#description { display: none; }



/*------------ Page links ------------*/
#auto-page-list { 
position: absolute; 
top: 43px; 
right: 57px;
font-size: 14px;
font-style: italic;
text-align: right;
z-index: 10;
}


#auto-page-list a { color: #555555; }
.text-separator   { font-style: normal; }

#feed-icon {
position: absolute; 
top: 44px; 
right: 35px;
z-index: 10;
}

/*------------ Contents ------------*/

#contents-wrap {
margin: 0 auto;
padding: 20px 0;
width: 100%;
background: #F5F3EF url(images/contents_edge.gif) repeat-x top left;
}

#contents {
margin: 0 auto;
width: 885px;
}


/*------------ Entry ------------*/

#contents .entry-header {
margin: 0 0 17px 0; 
}

#contents .entry-header a { font-size: 22px; font-style: italic; font-weight: normal; color: #555555; }

#contents .entry-body { position:relative; margin: 0; }
#contents .entry-body p {
padding: 0 35px 12px 0;
font-size: 12px;
line-height: 150%;
}

#contents .entry-body a { color: #9B597A; }
#contents .entry-body li { font-size: 12px; }
#contents .attachment { text-align:center; margin:10px; }

#contents .list {
margin: 0 35px 0 0;
width: 186px;
float: left;
}

#contents .list-header {
padding: 3px 0;
font-size: 12px;
font-style: italic;
font-weight: normal;
}


#contents h2.list-header a:link    { color: #555555; text-decoration: none; }
#contents h2.list-header a:visited { color: #555555; text-decoration: none; }
#contents h2.list-header a:hover   { color: #555555; text-decoration: underline; }


#contents .list-body {}
#contents .list-body a {
padding: 3px;
background: #DFDFDF;
width: 180px; 
height: 240px; 
display:block;
}

#contents .list-body a:hover { background:#999999; }


#contents p.list-footer {
font-size: 10px;
font-style: italic;
color: #999999;
}




/*------------ Sidebar ------------*/
#sidebar_wrapper {
padding: 20px 0 20px 0;
width: 100%;
background: #FFFFFF url(images/foot_edge.gif) repeat-x 0 0;
}

#sidebar {
margin:0 auto;
width: 885px;
}

.sidebar-row { /* Sidebar wigdet 0, 1 */
float: left;
margin:0 35px auto 0;
width: 186px;
}

.sidebar-row-large { /* Sidebar wigdet 2 */
float: left;
margin:0;
width: 408px;
}

.sidebar-row a,
.sidebar-row-large a { color: #555555; }



.sidebar-row h4,
.sidebar-row-large h4 {
margin:  0 0 7px 0;
padding: 0 0 7px 0;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #DFDFDF;
}

.sidebar-row ul,
.sidebar-row-large ul {
margin: 0px; 
padding: 0 0 15px 0;
}

.sidebar-row li,
.sidebar-row-large li {
margin:  0 0 7px 0;
padding: 0 0 7px 0;
list-style-type: none;
list-style-position: outside;
font-size: 12px;
border-bottom: 1px solid #DFDFDF;
}

.sidebar ul li.widget {}

.sidebar p { padding: 5px; }


/* [widget:search] setting */
.round-search {
position: relative;
margin: 0 0 18px 0;
padding: 3px 5px;
height: 25px;
background-color: #F5F3EF;
border: 1px solid #DFDFDF;
}

#in {
position: absolute;
top: 4px;
left: 4px;
width: 65%;
}

#in input {
padding: 3px; 
width: 100%;
background-color: #F5F3EF;
border: none;
}


#bt {
position: absolute;
top: 7px;
right: 5px;
}


/* [widget:free text area] setting */

.textwidget {
margin: 0px; 
padding: 0 0 15px 0;
font-size: 12px;
color: #555555;
line-height: 150%;
}



/* [widget:search] setting */

#calendar_wrap {
}

#calendar_wrap caption {
margin: 0 0 7px 0;
padding: 5px;
background-color: #F5F3EF;
font-size: 12px;
text-align: center;
}

#calendar_wrap table {
width: 100%;
border-collapse: collapse;
}

#calendar_wrap th,
#calendar_wrap td { 
padding: 0.2em; 
font-size: 12px;
text-align: center;
border-top: 1px solid #DFDFDF;
}

#calendar_wrap td a { background-color: #F5F3EF; }




/*------------ Footer ------------*/
#footer_wrapper { 
padding: 0 0 13px 0;
clear: both;
width: 100%;
background-color: #FFFFFF;
}

#footer p {
font-size: 11px;
font-style: italic;
text-align: center;
color: #999999;
}

#footer a { color:  #999999; }



/*------------ Float bug fix ------------*/
#contents-wrap:after,
#contents:after
#sidebar:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


* html #contents-wrap,
* html #contents,
* html #sidebar {
display:inline-block;
}