@charset "UTF-8";

/* ----------------------------------------------------------------
	
	Photo Gallery Style
	
----------------------------------------------------------------- */

/* -------------------------------------

	Reset
	
------------------------------------- */

body{
background:none;
}

/* -------------------------------------

	Structure
	
------------------------------------- */

#gallery-container{
margin:0 auto;
padding:12px 0;
position:relative;
width:820px;
}

#gallery-header{
width:820px;
}

#logo{
margin:0 0 5px 12px;
width:156px;
float:left;
}

#bt-menu{
margin-bottom:10px;
}

.bt-top{
text-align:right;
margin-bottom:10px;
}

#header-menu{
width:200px;
float:right;
text-align:right;
font-size:81.25%;
}

#site-title{
margin-bottom:10px;
}

/* -------------------------------------

	Heading
	
------------------------------------- */

.hdg-l2-01{
margin:0 0 5px 12px;
color:#055d1a;
font-weight:normal;
font-size:166.5%;
}

.hdg-l2-02{
margin-bottom:10px;
}

#main-hdg{
width:500px;
float:left;
}

/* -------------------------------------

	comment sorter
	
------------------------------------- */

#score-sorter{
padding:5px;
float:right;
width:265px;
background:#eeeeee;
}

#score-sorter p{
margin:5px 8px 0 4px;
float:left;
width:110px;
}

*html #score-sorter p{
font-size:0;
}

*html #score-sorter p{
font-size:0;
}

*:first-child+html #score-sorter p{
font-size:0;
}


#score-sorter ul{
float:left;
}

#score-sorter ul li{
margin-right:6px;
float:left;
}


/* -------------------------------------

	Photo Thumb List
	
------------------------------------- */

#photo-thumb-container{
clear:both;
}

#list-photo-thumb{
margin:0 7px 10px 15px;
width:798px;
min-height:465px;
_height:465px;
}

#photo-thumb-container.off #list-photo-thumb{
visibility:hidden;
}

#list-photo-thumb li{
margin:0 8px 8px 0;
float:left;
width:125px;
height:85px;
position:relative;
text-align:center;
background:#f0f0f0;
}

#list-photo-thumb.off,	
#list-photo-thumb li.off{

visibility:hidden;
}

#list-photo-thumb .thumb img{
border:solid 2px #05601a;
}

#list-photo-thumb .on .thumb img{
border:solid 2px #D8C55E;
opacity:0.6;
-moz-opacity:0.6;
filter: alpha(opacity=60);
}

/* -------------------------------------

	balloon
	
------------------------------------- */

/* ---------------------
	info
--------------------- */

#list-photo-thumb h3{
margin-bottom:5px;
padding:3px;
color:#444444;
background:#e3e3e3;
}

#list-photo-thumb{
font-size:65%;
}

.info-photographer{
margin-bottom:5px;
width:145px;
}

.balloon-contents-01 .info-photographer.off,
.balloon-contents-02 .info-photographer.off{
display:none;
}

.balloon-contents-01 .entry-score,
.balloon-contents-02 .entry-score{
display:none;
}

.info-photographer dt{
display:table-cell;
width:45px;
vertical-align:middle;
}

* html .info-photographer dt{
display:inline;
zoom:1;
}

*:first-child+html .info-photographer dt{
display:inline;
zoom:1;
}

.info-photographer dd{
display:table-cell;
width:80px;
vertical-align:middle;
}

* html .info-photographer dd{
display:inline;
zoom:1;
}

*:first-child+html .info-photographer dd{
display:inline;
vertical-align:baseline;
zoom:1;
}

.entry-score{
float:right;
width:218px;
height:32px;
}

.entry-score .scoring-scorable{
padding:8px 0;
display:block;
width:218px;
height:16px;
background:url(/gallery/photo-gallery/shared/images/btn-recommend.gif) no-repeat left;
}

.entry-score .scoring-pending{
padding:8px 0;
display:block;
width:218px;
height:16px;
background:url(/gallery/photo-gallery/shared/images/recommend-loading.gif) no-repeat left;
}

.entry-score .scoring-scored{
padding:8px 0;
display:block;
width:218px;
height:16px;
background:url(/gallery/photo-gallery/shared/images/recommend-scored.gif) no-repeat left;
}

.entry-score .scoring-score-label{
margin-left:155px;
padding:3px;
display:block;
line-height:1;
color:#333333;
width:57px;
background:#bde1c5;
font-weight:bold;
font-size:90%;
text-align:center;
}

/* ---------------------
	info in light box
--------------------- */

#lightbox-image-details .info-keyword img,
#lightbox-image-details .info-photographer img{
vertical-align:text-bottom;
}

#lightbox-image-details .info-keyword,
#lightbox-image-details .info-photographer{
margin-bottom:0;
font-size:81.25% !important;
}

#lightbox-image-details .info-keyword{
width:400px;
}

#lightbox-image-details .info-photographer{
float:left;
width:125px;
}

#lightbox-image-details .info-keyword{
float:left;
width:255px;
}

#lightbox-image-details .info-keyword dt{
display:table-cell;
vertical-align:top;
width:65px;
}

* html #lightbox-image-details .info-keyword dt{
display:inline;
zoom:1;
}

* html #lightbox-image-details .info-keyword dt img{
padding-top:5px
}

*:first-child+html #lightbox-image-details .info-keyword dt{
display:inline;
vertical-align:top;
zoom:1;
}

#lightbox-image-details .info-keyword dd{
display:table-cell;
width:190px;
vertical-align:middle;
}

* html #lightbox-image-details .info-keyword dd{
display:inline;
zoom:1;
}

*:first-child+html #lightbox-image-details .info-keyword dd{
display:inline;
vertical-align:baseline;
zoom:1;
}

/* ---------------------
	container
--------------------- */

#list-photo-thumb .on{
z-index:100;
}
 
.balloon-container-01{
display:none;
width:194px;
z-index:200;
left:5px;
text-align:left;
zoom:1;
}

.on .balloon-container-01{
display:block;
position:absolute;
left:5px;
bottom:65px;
}

.balloon-container-02{
left:-75px;
display:none;
width:194px;
z-index:200;

text-align:left;
}

.on .balloon-container-02{
display:block;
position:absolute;
left:-75px;
bottom:65px;
}

.balloon-top-01,
.balloon-top-02{
width:194px;
height:7px;
background:url(/gallery/photo-gallery/shared/images/bg-balloon-top.png) no-repeat top;
}

*html .balloon-top-01,
*html .balloon-top-02{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/gallery/photo-gallery/shared/images/bg-balloon-top.png");
}

.balloon-bottom-01{
width:194px;
height:27px;
background:url(/gallery/photo-gallery/shared/images/bg-balloon-bottom-01.png) no-repeat bottom;
}

.balloon-bottom-02{
width:194px;
height:27px;
background:url(/gallery/photo-gallery/shared/images/bg-balloon-bottom-02.png) no-repeat bottom;
}

*html .balloon-bottom-01{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/gallery/photo-gallery/shared/images/bg-balloon-bottom-01.png");
}

*html .balloon-bottom-02{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/gallery/photo-gallery/shared/images/bg-balloon-bottom-02.png");
}

.balloon-contents-01,
.balloon-contents-02{
padding:0 8px;
width:178px;
background:url(/gallery/photo-gallery/shared/images/bg-balloon.png) repeat-y;
}

*html .balloon-contents-01,
*html .balloon-contents-02{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/gallery/photo-gallery/shared/images/bg-balloon.png");
}

/* -----------------------------------------

	menu
	
 ---------------------------------------- */
 
#menu-container{
border-top:solid 1px #cccccc;
border-right:solid 2px #aeaeae;
border-bottom:solid 2px #aeaeae;
border-left:solid 1px #cccccc;
padding:15px 0 15px 15px;
position:absolute;
left:-9999px;
top:150px;
z-index:300;
width:663px;
background:#ffffff;
}

#menu-container.on{
left:57px;
}

/*
#menu-top{
width:706px;
height:6px;
background:url(/gallery/shared/images/bg-menu-top.png) no-repeat top;
}

*html #menu-top{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/gallery/shared/images/bg-menu-top.png");
}

#menu-bottom{
width:706px;
height:5px;
background:url(/gallery/shared/images/bg-menu-bottom.png) no-repeat bottom;
}

*html #menu-bottom{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/gallery/shared/images/bg-menu-bottom.png");
}
*/

#menu-contents{
}

/*
*html #menu-contents{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/gallery/shared/images/bg-menu.png");
}
*/

#menu-container h3{
margin-bottom:15px;
}

.menu-link-list{
margin-left:15px;
width:648px;
}

.menu-link-list li{
margin-right:15px;
display:inline;
float:left;
width:114px;
font-size:81.25%;
}

#menu-container .btn-link{
margin:15px 20px 15px 0;
text-align:right;
font-size:81.25%;
}

#bt-close{
margin-right:20px;
text-align:right;
}

/* -----------------------------------------

	noscript menu
	
----------------------------------------- */
 
#menu-list{
margin:0 auto 20px auto;
width:790px;
font-size:81.25%;
}

#menu-list .menu{
margin-right:10px;
width:150px;
float:left;
}

#menu-list a{
display:block;
}

.menu span{
display:block;
border:solid 2px #055d1a;
padding:5px;
background:#D7E3D7;
}

.menu span.haschild{
border-bottom:none;
}

.menu .child{
border:solid 2px #335d3d;
}

.menu .child li{
padding:0 5px 5px 5px;
background:#e3e3e3;
}

.menu .child .first{
padding:5px;
}

/* -----------------------------------------

	bt-top
	
----------------------------------------- */

.intro-container{
margin:0 0 10px 15px;
position:relative;
width:805px;
min-height:22px;
_height:22px;
font-size:81.25%;
}

.intro-container .introduction.tagcloud{
width:550px;
}

.intro-container .introduction.photographer{
margin-left:35px;
width:580px;
}

.intro-container .bt-top{
position:absolute;
right:0;
top:0;
}

/* -------------------------------------

	Layout Image
	
------------------------------------- */

.lyt-img-01{
width:573px;
}

.lyt-img-01 .img{
float:left;
width:113px;
}

.lyt-img-01 .txt{
float:right;
width:430px;
}

/* -----------------------------------------

	nav-search

----------------------------------------- */

div.nav-search-01{
padding-top:7px;
text-align:center;
font-size:81.25%;
background:url(/gallery/photo-gallery/shared/images/bg-footer.gif) repeat-x bottom #077a21;
zoom:1;
}

div.nav-search-01 a,
div.nav-search-01 a:hover{
color:#055518;
}

div.nav-search-01 ul{
margin-bottom:8px;
position:relative;
width:660px;
display:inline-block;
}

div.nav-search-01 ul li.start{
padding:3px 6px 3px 15px;
border:1px #055518 solid;
background:#fff;
position:absolute;
top:-3px;
left:0;
background:url("/shared/images/arrow-back-01.gif") no-repeat 5px 0.50em #ffffff;
}

div.nav-search-01 ul li.prev{
padding:3px 6px 3px 15px;
border:1px #055518 solid;
background:#fff;
text-decoration:none;
position:absolute;
top:-3px;
left:5em;
background:url("/shared/images/arrow-back-01.gif") no-repeat 5px 0.50em #ffffff;
}

div.nav-search-01 ul li.next{
padding:3px 15px 3px 6px;
border:1px #055518 solid;
background:#fff;
text-decoration:none;
position:absolute;
top:-3px;
right:5em;
background:url("/shared/images/arrow-03.gif") no-repeat 95% 0.50em #ffffff;
}

div.nav-search-01 ul li.last{
padding:3px 15px 3px 6px;
border:1px #055518 solid;
background:#fff;
position:absolute;
top:-3px;
right:0;
background:url("/shared/images/arrow-03.gif") no-repeat 95% 0.50em #ffffff;
}

div.nav-search-01 ul li.start a,
div.nav-search-01 ul li.last a,
div.nav-search-01 ul li.prev a,
div.nav-search-01 ul li.next a{
text-decoration:none;
}

div.nav-search-01 ul li.nav-page-namber{
margin:0 8em;
}

div.nav-search-01 ul li.nav-page-namber ul{
margin:0;
width:auto;
position:static;
text-align:center;
}

div.nav-search-01 ul li.nav-page-namber li{
display:inline;
line-height:1.75;
}

div.nav-search-01 ul li.nav-page-namber li.last-child{
padding-right:20px;
background:url("/shared/images/bg-dot-01.gif") no-repeat 100% 0.45em;
}

div.nav-search-01 ul li.nav-page-namber li a,
div.nav-search-01 ul li.nav-page-namber li span{
padding:3px 6px;
border:1px #055518 solid;
background:#fff;
text-decoration:none;
}

div.nav-search-01 ul li.nav-page-namber li.selected a,
div.nav-search-01 ul li.nav-page-namber li.selected span{
color:#055518;
background:#d8c55e;
}

div.nav-search-01 ul li.nav-page-namber li a:hover,
div.nav-search-01 ul li.nav-page-namber li a:active,
div.nav-search-01 ul li.nav-page-namber li a:focus{
color:#055518;
background:#d8c55e;
}

/* -------------------------------------

	Archive
	
------------------------------------- */

#archive-container{
margin:0 auto;
width:720px;
}

#archive-container h2{
margin-right:28px;
display:inline;
color:#055d1a;
font-weight:bold;
font-size:166.5%;
}

#archive-container .archive-list .year{
margin-bottom:40px;
}

#archive-container .month-list{
display:inline;
}

#archive-container .month-list li{
margin-bottom:5px;
margin-right:20px;
display:inline;
zoom:1;
}

/* -------------------------------------

	Tag Cloud
	
------------------------------------- */

#tagcloud-container{
padding:20px;
margin:0 auto;
border:5px solid #055d1a;
width:740px;
}

#tagcloud-container p{
margin-right:20px;
display:inline;
}

.tag-l6{
font-size:65%;
}

.tag-l5{
font-size:81.25%;
}

.tag-l4{
font-size:100%;
}

.tag-l3{
font-size:130%;
font-weight:bold;
}

.tag-l2{
font-size:150%;
font-weight:bold;
}

.tag-l1{
font-size:170%;
font-weight:bold;
}

/* -------------------------------------

	Photographer
	
------------------------------------- */

#photographer-container{
margin:0 auto;
padding:20px 20px 10px 20px;
width:680px;
background:#f2f2f2;
}

#photographer-container p{
margin-bottom:10px;
font-size:81.25%;
}

.txt .name{
margin-bottom:15px;
}

.bt-show-photo{
margin:40px 0;
text-align:center;
}

/* -------------------------------------

	Margin Reset
	
------------------------------------- */
 
.reset-mt-00{margin-top:0 !important;}
.reset-mr-00{margin-right:0 !important;}
.reset-mb-00{margin-bottom:0 !important;}
.reset-ml-00{margin-left:0 !important;}

.reset-mt-05{margin-top:5px !important;}
.reset-mr-05{margin-right:5px !important;}
.reset-mb-05{margin-bottom:5px !important;}
.reset-ml-05{margin-left:5px !important;}

.reset-mt-10{margin-top:10px !important;}
.reset-mr-10{margin-right:10px !important;}
.reset-mb-10{margin-bottom:10px !important;}
.reset-ml-10{margin-left:10px !important;}

.reset-mt-20{margin-top:20px !important;}
.reset-mr-20{margin-right:20px !important;}
.reset-mb-20{margin-bottom:20px !important;}
.reset-ml-20{margin-left:20px !important;}

.reset-mt-30{margin-top:30px !important;}
.reset-mr-30{margin-right:30px !important;}
.reset-mb-30{margin-bottom:30px !important;}
.reset-ml-30{margin-left:30px !important;}

.reset-mt-40{margin-top:40px !important;}
.reset-mr-40{margin-right:40px !important;}
.reset-mb-40{margin-bottom:40px !important;}
.reset-ml-40{margin-left:40px !important;}

/* -------------------------------------

	Padding Reset

------------------------------------- */
 
.reset-pt-00{padding-top:0 !important;}
.reset-pr-00{padding-right:0 !important;}
.reset-pb-00{padding-bottom:0 !important;}
.reset-pl-00{padding-left:0 !important;}

.reset-pt-05{padding-top:05px !important;}
.reset-pr-05{padding-right:05px !important;}
.reset-pb-05{padding-bottom:05px !important;}
.reset-pl-05{padding-left:05px !important;}

.reset-pt-10{padding-top:10px !important;}
.reset-pr-10{padding-right:10px !important;}
.reset-pb-10{padding-bottom:10px !important;}
.reset-pl-10{padding-left:10px !important;}

.reset-pt-20{padding-top:20px !important;}
.reset-pr-20{padding-right:20px !important;}
.reset-pb-20{padding-bottom:20px !important;}
.reset-pl-20{padding-left:20px !important;}

.reset-pt-30{padding-top:30px !important;}
.reset-pr-30{padding-right:30px !important;}
.reset-pb-30{padding-bottom:30px !important;}
.reset-pl-30{padding-left:30px !important;}

.reset-pt-40{padding-top:40px !important;}
.reset-pr-40{padding-right:40px !important;}
.reset-pb-40{padding-bottom:40px !important;}
.reset-pl-40{padding-left:40px !important;}

/* -------------------------------------

	Clear

------------------------------------- */

#gallery-header:after,
#list-photo-thumb:after,
div.nav-search-01:after,
.menu-link-list:after,
#lightbox-image-details-caption:after,
.lyt-img-01:after,
#menu-list:after,
#lightbox-container-image-data:after,
#lightbox-image-details-caption:after{  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}