@charset "utf-8";
/*
Theme Name: TPL-style
Theme URI: http://umetan.com/blog/
Description: The photolog theme designed for WordPress 2.6+
Version: x1.1
Author: umetaro
Author URI: http://umetan.com/blog/
*/

/*========== BODY ========== */
body { margin: 0px 0px 0px 0px; padding: 0px; background-color: #FFFFFF; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-size: 9pt; color: #888888; font-style: nomal; font-weight: nomal; line-height: 120%; }

h1 { font-size: 10pt; font-style: nomal; font-weight: normal; line-height: 120%; margin: 0px; color: #555555; }
h2 { font-size: 10pt; font-style: nomal; font-weight: normal; line-height: 120%; color: #555555; }

a { text-decoration: none; }
a:link { color: #696969; }
a:visited { color: #696969; }
a:active { color: #696969; }
a:hover { color: #696969; }

p { margin: 0px 0px 20px 0px; line-height: 150%; }

ol { line-height: 120%; margin-top: 0px; margin-bottom: 0px; }
ul { line-height: 140%; margin-top: 0px; margin-bottom: 0px; }
li { line-height: 120%; }

blockquote { background-color: #EEEEEE; margin: 0px 10px 10px 5px ; padding: 10px 5px 10px 10px; border-left: solid 5px #CCCCCC; line-height: 130%;}

.form { line-height: 120%; margin: 0px 0px 0px 0px; }
.textarea { font-family: Verdana, Arial, Helvetica; }
.button { background-color: #FFF; color: #666; font-family: Verdana, Arial, Helvetica; border: 1px solid #666; margin-top: 3px; }
.input { border: 1px solid #666; font-family: Verdana, Arial, Helvetica; }

#box { width: 760px; margin: 0px auto 0px auto; padding: 0px; }
#box-spacer { width: 760px; height: 10px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; font-size: 1pt; }

#banner-top { width: 760px; height: 10px; background-image: url("images/top.gif"); backgorund-repeat: no-repaet; font-size: 1pt; }

#banner-bg { width: 760px; background-image: url("images/middle.gif"); background-repeat: repeat-y; }

#banner-title-text { width: 730px; margin: 0px 15px 0px 15px; padding: 5px 0px 5px 0px; }
#banner-title-text h1 { text-align: left; }
#banner-title-text a { color: #FFFFFF; }
#banner-title-text td { font-size: 8pt; color: #55555; text-align: right; }

#banner-image { width: 750px; margin: 0px 5px 0px 5px; }
#banner-image td { font-size: 7pt; color: #555555; }

#banner-menu { width: 750px; margin: 0px 5px 0px 5px; border-bottom: solid 1px #AAAAAA; }
#banner-menu td { font-size: 8pt; color: #555555;  text-align: center; }
#banner-menu a { font-size: 8pt; color: #555555;  text-align: center; }

#banner-menu2 { width: 750px; margin: 5px 5px 0px 5px; }
#banner-menu2 td { font-size: 8pt; color: #555555;  text-align: center; }
#banner-menu2 a { font-size: 8pt; color: #555555;  text-align: center; }

.page_item {
	display: inline;
	margin-left: 8px;
	margin-bottom: 0px;
	}

#banner-calendar { width: 750px; margin: 0px 5px 0px 5px; padding: 7px 0px 2px 0px; }
#banner-calendar td { font-size: 7pt; color: #555555; }
#banner-calendar a { font-size: 7pt; color: #FF8000; }

#banner-navigation { width: 740px; margin: 0px 5px 0px 5px; padding: 7px 0px 4px 0px; }
#banner-navigation a { font-size: 8pt; color: #333333; }

#banner-navigation2 { width: 750px; margin: 0px 5px 0px 5px; padding: 4px 0px 7px 0px; border-bottom: solid 1px #F3F2F1; }
#banner-navigation2 a { font-size: 8pt; color: #555555; }
.prev { width: 350px; margin: 3px 10px; text-align: left; float: left; }
.next { width: 350px; margin: 3px 10px; text-align: right; float: right; }

#banner-bottom { width: 760px; height: 10px; background-image: url("images/bottom.gif"); background-repeat: no-repeat; font-size: 1pt; }


#main-title-top { width: 760px; height: 10px; background-image: url("images/top.gif"); backgorund-repeat: no-repaet; font-size: 1pt; }
#main-title-bg { width: 760px; height: 25px; background-image: url("images/middle.gif"); background-repeat: repeat-y; }
#main-title-text { width: 730px; margin: 0px 15px 0px 15px; padding: 3px 0px 7px 0px; }
#main-title-text h1 { text-align: left; }
#main-title-text td { text-align: right; color: #555555;}
#main-title-text a { color: #555555; }
#main-text-bg { width: 760px; background-image: url("images/middle.gif"); background-repeat: repeat-y; }
#main-text { width: 730px; margin: 0px 15px 0px 15px; padding: 15px 0px 10px 0px; color: #555555;}
#main-bottom { width: 760px; height: 10px; background-image: url("images/bottom.gif"); background-repeat: no-repeat; }
.url { font-size: 8pt; }

.contents-date { margin: 0px 0px 15px 0px; color: #555555;}
#contents-data { font-size: 7pt; color: #AAAAAA; line-height: 120%; border-top: solid 1px #AAAAAA; margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; }
#contents-data a { color: #AAAAAA; }

#contents-more  { font-size: 8pt; color: #555555; margin: 0px 0px 10px 5px; }
#contents-more a { color: #555555; }

#contents-catlist  { font-size: 7pt; color: #AAAAAA; margin: 0px 0px 0px 0px; }
#contents-catlist a { color: #AAAAAA; }

.contents-trackbacks { margin: 0px 0px 10px 0px; border-bottom: solid 1px #555555; }
#contents-trackbacks { line-height: 120%; }
#contents-trackbacks a { color: #888888; }
#contents-trackbacks-data { font-size: 8pt; color: #AAAAAA; margin: 0px 0px 5px 0px;}
#contents-trackbacks-data a { color: #AAAAAA; }

.contents-comments { margin: 0px 0px 10px 0px; border-bottom: solid 1px #555555; }
#contents-comments-data { font-size: 8pt; color: #AAAAAA; margin: 0px 0px 5px 0px; }
#contents-comments { line-height: 120%; }
#contents-comments a { color: #888888; }

#contents-dottedline { margin: 10px 0px 10px 0px; border-top: dotted 1px #888888; }

#contents-sitemap-more  { font-size: 7pt; color: #AAAAAA; margin: 10px 0px 0px 0px; }
#contents-sitemap-more a { font-size: 7pt; color: #AAAAAA; }

#contents-album-body { margin-left: 5px; margin-right: 5px; }
#contents-album-base { width: 120px; height: 120px; background-image: url("images/album_background.gif"); background-repeat: no-repeat; float: left; }
#contents-album-text { width: 88px; height: 8px; margin-top: 0px; margin-left: 16px; line-height: 100%; font-size: 5pt; color: #555555; text-align: right; border: solid 0px #CCCCCC; }

.comments { margin: 5px 0px 10px 0px; font-size: 10pt; color: #777; border-bottom: solid 1px #888; }

#copy-top { width: 760px; height: 10px; background-image: url("images/top.gif"); background-repeat: no-repeat; font-size: 1pt; }
#copy-bg { width: 760px; background-image: url("images/middle.gif"); background-repeat: repeat-y; }
#copy-text { width: 730px; margin: 0px 15px 0px 15px; padding: 5px 0px 5px 0px; font-size: 8pt; text-align: right; color: #555555; line-height: 120%; }
#copy-text a { color: #555555; }
#copy-powered { font-size: 7pt; }
#copy-powered a { color: #555555; }
#copy-bottom { width: 760px; height: 10px; background-image: url("images/bottom.gif"); background-repeat: no-repeat; }


.album { border: solid 1px #000000; }
.ph0 { border: solid 0px #000000; }
.ph1 { border: solid 1px #000000; }
.ph2 { border: solid 2px #000000; margin: 0px 0px 5px 0px; }
.ph5 { border: solid 5px #000000; margin: 0px 0px 12px 0px; }

#p720 { width: 720px; margin: 0px auto 15px auto; }
#p500 { width: 500px; margin: 0px auto 15px auto; }
#p480 { width: 480px; margin: 0px auto 15px auto; }
#p600 { width: 600px; margin: 0px auto 15px auto; }

#caption720 { width: 720px; margin: 0px 0px 0px 0px ; font-size: 7pt; color: #666666; line-height: 120%; text-align: left; }
#caption500 { width: 500px; margin: 0px 0px 0px 0px ; font-size: 7pt; color: #666666; line-height: 120%; text-align: left; }
#caption480 { width: 480px; margin: 0px 0px 0px 0px ; font-size: 7pt; color: #666666; line-height: 120%; text-align: left; }
#caption600 { width: 600px; margin: 0px 0px 0px 0px ; font-size: 7pt; color: #666666; line-height: 120%; text-align: left; }
#caption { margin: 0px 0px 15px 0px ; font-size: 7pt; color: #AAAAAA; line-height: 120%; }

html {
scrollbar-3dlight-color : #FFFFFF;
scrollbar-arrow-color : #666666;
scrollbar-base-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-highlight-color : #CCCCCC;
scrollbar-shadow-color : #CCCCCC;
scrollbar-track-color : #FFFFFF;
}

.blogpeople-main { font-size: 9pt; line-height: 130%; }
.blogpeople-main p {line-height: 150%;}
.blogpeople-linklist { height: 16px; margin: 0px 20px -8px -2px; color: #666666; font-weight: bold; border-bottom: solid 1px #bbb; display: block; }
.blogpeople a:link { color: #666666; }
.blogpeople a:visited { color: #666666; }
.blogpeople a:active { color: #F00000; }
.blogpeople a:hover { color: #F00000; }

.pict {
background-color: #FFFFFF;
border-width: 2px;
margin: 3px 0px 2px 0px;
padding: 5px 5px 5px 5px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.scode {
    vertical-align: top;
}
 
#scode {
    margin-left: 5px;
}

#globalnavi {
    text-align: center;
    padding-bottom: 0px;
   }



#wp-calendar-horizontal {
    margin : 0;
    padding : 3px 0;
    text-align : center;
    font-size : 75%;
}
.saturday, .saturday a {
    color : #00ffff;
}
.saturday a {
    text-decoration : underline;
}
.sunday, .sunday a {
    color : #ff0000;
}
.sunday a {
    text-decoration : underline;
}
#today {
    background-color : #cccccc;
    border : 1px solid #000000;
}


#tagCloud {margin: 0.5em 5px; padding: 0; }
#tagCloud li {margin: 0; }
#tagCloud li a {line-height: 0; }










/* used only in 404.php */
.center {
	text-align: center;
	}
	
/* ========== IMAGES ========= */

/* from default theme css */

img {margin:0; padding:0;}
a img {border: none; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right; }
.alignleft {float: left; }
.none {	}

/* end images */

/*========== STRUCTURES ========== */

/* site navigation text color */
#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #333; text-decoration: none; }
#mainNav a:hover { color: #333; text-decoration: underline; }	

/* main navigation class for <?php wp_list_pages(); ?> in WP default tag */
.page_item {
	display: inline;
	margin-left: 8px;
	margin-bottom: 0px;
	}

/* entry navigation */
div#nav {		
  text-align:right;
  font-size: 9px;
  margin:1px 40px 0px 40px;
  padding: 0;
	} 

/* entry navigation text color */
#nav a, #nav a:link, #nav a:visited, #nav a:active { color: #333; text-decoration: none; }
#nav a:hover { color: #333; text-decoration: underline; }	

/*========== thumbnails ==========*/

#th-container {
	padding:7px 0px 5px 39px;
	}

.thumbnails { /* defined in pb-function.php */
	float:left;
  padding-right:9px; /* adjust this when you change the thumbnail size */
	border: 0px;
  display: inline;
  color: #A4A7B3;
	}
    
.current-thumbnail { /* defined in pb-function.php */
	float:left;
 	padding-right:9px;	/* adjust this when you change the thumbnail size */
  border:0px;
	display: inline;
	color: #A4A7B3;
	}
	
.thumbnails a img, .thumbnails a:link img, .thumbnails a:visited img, .thumbnails a:active img { border: 1px solid #FFFFFF; padding: 1px; } 
	
.thumbnails a:hover img { border: 1px solid #cad2d8; padding: 1px; }

.current-thumbnail a img, .current-thumbnail a:link img, .current-thumbnail a:visited img, .current-thumbnail a:active img { border: 1px solid #FFFFFF; padding: 1px; } 

.current-thumbnail a:hover img { border: 1px solid #cad2d8; padding: 1px; }

/*========== Comment Pop Up ==========*/

#commentspopup {
	margin: 10px;
	padding:10px 15px 20px 15px;
	text-align: left;
	line-height: 16px;
	font-size: 10px;
	background-color: #FFF;
	}

#commentform p {font-size: 9px;	}

#commentform #author, #commentform #email ,#commentform #url, #commentform #comment { padding:3px; border:1px solid #e4e7e9; font-size:10px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;}	

#commentspopup img {
	border: 1px solid #e4e7e9;
	padding: 3px;
	margin-right: 7px;
	float:left;
	}

#commentspopup  h2  { 
	margin-top: 5px; 
	padding-top: 2px;
	border-top: 1px solid #e4e7e9;
	} 

.post_info a, .post_info a:link, .post_info a:visited, .post_info a:active { color: #333; text-decoration: none; }
.post_info a:hover { color: #333; text-decoration: none; }	

#trackback {
	text-align: center; 
	border: 1px solid #FFF; 
	font-size: 10px; 
	color: #37518c; 
	width:100%; 
	margin-top: 7px; 
	margin-bottom: 4px;
	}

#commentlist {list-style: none; }
	
.comment_meta {margin-top: 0px;	font-size: 9px; }

.nor {border-bottom: 1px dotted #e4e7e9; border-top: 1px dotted #e4e7e9; }
	
.alt {border: 1px solid #FFFFFF;}

/*========== Pages ==========*/

#page_entry {
	height: 350px;
	padding:20px 40px 20px 40px;
	min-height: 450px;
	/* IE Hack */
	height:auto !important;
  height:450px;
  text-align: left;
	}

.page_title { 
	color: #37518c;
	font-weight: bold;
	}

/* two column page style */
div.left_column {
	float: left;
	width: 240px;
	margin: 5px 0px 0px 0px;
	padding: 0;
	text-align: left;
	}

div.right_column {
	float: right;
	margin: 5px 0px 0px 0px;
	padding: 0;
	text-align: left;
	width: 240px;
	}	

.right_column li, .left_column li {
	margin-left: 10px;
	list-style-position: inside; 
	}

.column_title {
	color: #37518c;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}	

.right_column a, .right_column a:link, .right_column a:visited, .right_column a:active { color: #333; text-decoration: none; }
.right_column a:hover { color: #333; text-decoration: underline; }	

.left_column a, .left_column a:link, .left_column a:visited, .left_column a:active { color: #333; text-decoration: none; }
.left_column a:hover { color: #333; text-decoration: underline; }	

/* monthly / category archive page style */
.ar-list {border-bottom: 1px solid #e4e7e9; margin: 4px 0px 4px 0px; }
.ar-list img { display: inline; }
.ar-thumbnail {
	float:left;
	width:75px;
  padding:2px 0px 5px 5px;
  margin-left:30px;
  border:0px;
  display: inline;
	}
	
.ar-text a, .ar-text a:link, .ar-text a:visited, .ar-text a:active { color: #333; text-decoration: none; }
.ar-text a:hover { color: #333; text-decoration: underline; }	

/* links page */
.link_list {margin-top: 5px;}
.link_list .linkcat {list-style: none; margin: 5px 0px 0px 0px; }
.link_list ul li {margin-left: 15px; list-style: none; }
	.link_list a, .link_list a:link, .link_list a:visited, .link_list a:active { color: #333; text-decoration: none; }
.link_list a:hover { color: #37518c; text-decoration: underline; }	


/*========== PHOTOPRESS STYLE ==========*/

#pp_th-container {
	padding:10px 0px 5px 0px;
	}
	
/* category listing page */
.pp_catlist_thumbnails { 
	float:left;
	margin-bottom: 10px;
	border: 0px;
  display: inline;
  color: #A4A7B3;
  text-align: center;
  width: 120px;
  font-size: 9px;
  line-height: 14px;
	}	

.pp_catlist_thumbnails a img, .pp_catlist_thumbnails a:link img, .pp_catlist_thumbnails a:visited img, .pp_catlist_thumbnails a:active img { border: 1px solid #cad2d8; padding: 2px; margin-bottom: 2px; } 
	
.pp_catlist_thumbnails a:hover img { border: 1px solid #9ebbdc; padding: 2px; margin-bottom: 2px;}

/* photo listing page in a category */
.pp_catphoto_thumbnails { 
	float:left;
	margin-bottom: 10px;
	border: 0px;
  display: inline;
  color: #A4A7B3;
  text-align: center;
  width: 100px;
  font-size: 9px;
  line-height: 14px;
	}	

.pp_catphoto_thumbnails a img, .pp_catphoto_thumbnails a:link img, .pp_catphoto_thumbnails a:visited img, .pp_catphoto_thumbnails a:active img { border: 1px solid #cad2d8; padding: 2px; margin-bottom: 2px; } 
	
.pp_catphoto_thumbnails a:hover img { border: 1px solid #9ebbdc; padding: 2px; margin-bottom: 2px;}

/* single photo page */
/* prev / next nav */
div#pp_nav {		
  text-align:right;
  font-size: 9px;
  margin:0px 0px 7px 40px;
  padding: 0;
  line-height: 13px;
	} 

/* prev / next navigation text color */
#pp_nav a, #pp_nav a:link, #pp_nav a:visited, #pp_nav a:active { color: #333; text-decoration: none; }
#pp_nav a:hover { color: #333; text-decoration: underline; }	

/* photo title */
.pp_single_heading {
	color: #37518c;
	padding-top: 3px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	line-height: 13px;
}	

.pp_desc {text-align: center;	}
	
/* post with this image link style */
.pp_postdata {
	margin: 0;
	padding: 5px 3px 5px 3px;
  line-height: 1.4;
  text-align: right;
  font-size: 9px;
  border-top: 1px solid #e4e7e9;
	}

.pp_postdata a, .pp_postdata a:link, .pp_postdata a:visited, .pp_postdata a:active { color: #333; text-decoration: none; }
.pp_postdata a:hover { color: #333; text-decoration: underline; }