/* clear  : b0c0d0
 * mid    : 506070
 * dark   : 202830
 * high   : e0e8f0
 * tbl-ev : 607080
 * tbl-od : 708090
 * tbl-tl : 405060
 * link   : cc9a16
 * link-v : c2b798
 * link-h : ffc01b
 */

#nav
{
	width: 126px;
	padding: 3px 3px;
    margin: 0px 0px 0px 10px;
	line-height: 100%;
	color: #b0c0d0;
	text-align:left;
	
	border-radius: 11px 0px 0px 11px;
	-webkit-border-radius: 11px 0px 0px 11px;
	-moz-border-radius: 11px 0px 0px 11px;
	
	background: #202830;
	border: solid #506070;
	border-width:2px 0px 2px 2px;
}
#nav li
{
	margin: 3 3px;
	padding: 3px 3px 3px 3px;
	float: left;
	position: relative;
	list-style: none;
	width:120px;
}
/* main level link */
#nav a, #nav p
{
	text-decoration: none;
	display: block;
	padding:  5px 10px;
	margin: 0;
	border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
}
/* main level link hover */
#nav .current a, #nav li:hover > a, #nav .current p, #nav li:hover > p
{
	background: #506070;
}
#nav .current ul li a, #nav .current ul li p
{
	background: none;
}
/* sub levels link hover */
#nav ul li:hover, #nav li:hover li
{
	background: none;
	border: none;
}
#nav ul a:hover, #nav ul p:hover
{
	background: #506070 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* level 2 list */
#nav ul
{
	background: #202830; /* For browsers without CSS3 */
	background: rgba(35,43,46,0.9);
	display: none;
	margin: 0;
	padding: 0;
	width: 160px;
	position: absolute;
	top: 10px;
	left: 100px;
	text-align:left;
	border: solid 1px #b0c0d0;
	z-index:10;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:active > ul, #nav li:hover > ul
{
	display: block;
}
#nav ul li
{
	width:160px;
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a, #nav ul p
{
	font-weight: normal;
}
/* level 3+ list */
#nav ul ul {
	left: 70px;
	top: 12px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a, #nav ul li:first-child > p
{
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
#nav ul li:last-child > a, #nav ul li:last-child > p
{
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

/* Show intermediate menu permanently
   #nav .current .showsub
   {
   display: inline-block;
   position: relative;
   top:0;
   left:0;
   border: solid 1px #506070;
   z-index:5;
   }
   */
/* clearfix */
#nav:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav
{
	display: inline-block;
}
html[xmlns] #nav
{
	display: block;
}
* html #nav
{
	height: 1%;
}

/* =============================== */

#submenu
{
	display: inline-block;
	position:relative;
	border: none;
}
#submenu > a, #submenu > p
{
	background-color: #506070;
	padding: 3px 10px;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 88px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align:left;
	border: solid 1px #506070;
	z-index:5;
	-webkit-border-radius: 11px 11px 0px 0px;
	-moz-border-radius: 11px 11px 0px 0px;
	border-radius: 11px 11px 0px 0px;
}
#submenu ul
{
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 108px;
	position: relative;
	top: -1px;
	left: 0px;
	text-align:left;
	border: solid 1px #506070;
	z-index:5;
	-webkit-border-radius: 0px 0px 11px 11px;
	-moz-border-radius: 0px 0px 11px 11px;
	border-radius: 0px 0px 11px 11px;
}
#submenu ul li
{
	display: inline-block;
	position:relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:108px;
}

/* submenu title */

#submenu ul li a, #submenu ul li p
{
	width:88px;
	display: inline-block;
	position:relative;
	padding:  3px 10px;
	margin: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#submenu .subt p:hover
{
	background: #202830 !important;
}
#submenu .subt p
{
	text-decoration: underline;
}
#submenu ul li:first-child > a, #nav ul li:first-child > p
{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* Blog calendar, random photos, etc... */

#cal, #rndp, #soc, #qr
{
	width: 120px;
	padding: 6px 6px;
    margin: 30px 10px 0px 0px;
    
	border: solid #506070;
	border-width: 2px 2px 2px 0px;
	
	border-radius: 0px 11px 11px 0px;
	-webkit-border-radius: 0px 11px 11px 0px;
	-moz-border-radius: 0px 11px 11px 0px;
	
	display:inline-block;
	position:relative;
}
#cal p, #rndp p, #soc p, #qr p
{
	display:inline-block;
	text-align:center;
	position:relative;
	font-weight: bold;
	background-color: #506070;
	width: 120px;
	color: #b0c0d0;
	margin: 0px;
	padding: 3px 0px;
	
	border-radius: 0px 6px 0px 0px;
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
}
#rndp tr
{
	color: #b0c0d0;
	font-size: 10pt;
	text-align: left;
	vertical-align:middle;
}

#rndpw
{
	width: 100%;
	background-color: #202830; color: #b0c0d0;
}

#rndi
{
	width: 40px;
	background-color: #202830; color: #b0c0d0;
}

#cal td
{
	font-size: 8pt;
	height: 13px;
	width: 13px;
	text-align: center;
	vertical-align:middle;
}
#cal .weekday
{
	color: #b0c0d0;
} 
#cal .c
{
	background-color: none;
	color: #b0c0d0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
} 
#cal .n
{
	background-color: #506070;
	color: #b0c0d0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#cal .a
{
	background-color: #506070;
	color: #b0c0d0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* random photo. See blog cal div def for #rndp( p) */

#rndp div
{
	padding: 3px 0px 0px 0px;
	text-align: center;
	height: 126px;
	width: 126px;
	display: table-cell;
	vertical-align: middle;
}
#rndp div a img
{
	-moz-opacity: 0.85;
    filter: alpha(opacity=85);
 	opacity: .85;
    cursor: hand;
    border-width: 0px;
}
#rndp div a img:hover
{
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
 	opacity: 1.0;
    cursor: hand;
}
.mpn td a img
{
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	opacity: .60;
	cursor: hand;
	border-width: 0px;
	border-width: 1px;
    border-color: #b0c0d0;
	border-style: solid;
}
.mpn td a img:hover
{
	-moz-opacity: 1.0;
    filter: alpha(opacity=100);
 	opacity: 1.0;
    cursor: hand;
	border-width: 1px;
    border-color: #e0e8f0;
	border-style: solid;
}
#soc div
{
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#soc div a
{
	margin: 0px 2px 0px 2px;
}
#qr div
{
	padding: 8px 2px 2px 2px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#qr div img
{
	background-color: #b0c0d0;
}

/* ============================ MAIN ================================== */

.Title
{
	background-color: #202830;
    text-align:center;
    vertical-align:middle;
    min-height: 48px;
    padding: 10px 15px 10px 15px;
}
.Title h1
{
   	color: #b0c0d0;
    font-size: 20pt;
	font-weight: normal;
	margin: 0px;
}
.Menu
{
	background-color: #202830;
    font-size: 10pt;
    float:left;
    width:139px;
}
.Main
{
	background-color: #506070;
	color: #b0c0d0;
    font-size: 10pt;
	margin-right: 15px;
    padding: 10px;
	border-radius: 0px 15px 15px 15px;
	-webkit-border-radius: 0px 15px 15px 15px;
	-moz-border-radius: 0px 15px 15px 15px;
}
.Footer
{
	background-color: #202830;
    color: #506070;
    font-size: 10pt;
    vertical-align:middle;
    text-align: right;
	padding-left: 15px;
	margin-right: -15px;
}
.QRback
{
	background-color: rgba(0,0,0,0);
}

/******************************************************/

.sushi_title
{
	background-color: #b0c0d0;
	color: #506070;
    text-decoration: none;
 	font-weight: bold;
	text-align: center;
}
.sushi_line
{
	background-color: #202830;
    text-decoration: none;
}

/******************************************************/

.PhotoIndexPic
{
	border: solid 1px #202830;
	margin-bottom: 5px;
	-moz-opacity: 0.85;
    filter: alpha(opacity=85);
 	opacity: .85;
    cursor: hand;
}
.PhotoIndexPic:hover
{
	border: solid 1px #b0c0d0;
	-moz-opacity: 1.0;
    filter: alpha(opacity=100);
 	opacity: 1.0;
    cursor: hand;
}
.malin
{ 
	min-width: inherit;
	min-height: inherit;
	width: inherit;
	height:inherit;
   	display: table-cell;
   	vertical-align: middle;
   	text-align:center;
   	font-size: 10pt;
}
.PhotoIndexPicBox
{ 
	width: 204px;
	height: 204px;
	min-height: 204px;
	min-height: 204px;
	text-align: center;
	display:inline-table;
   	vertical-align: middle;
}
.PhotoIndexSubPageBox { 
	width: 204px;
	height: 230px;
	min-height: 204px;
	min-height: 230px;
	text-align: center;
	display:inline-table;
   	vertical-align: middle;
}
.PhotoTitle
{
	background-color: #202830;
   	color: #b0c0d0;
   	height:36px;
   	text-align: center;
   	vertical-align: middle;
   	width: 100%;
}
.PhotoMain
{
	background-color: #202830;
   	color: #506070;
    height: 100%;
    font-size: 10pt; 
}
.PhotoFooter
{
	background-color: #202830;
  	color: #506070;
  	height:36px;
}
.PhotoLateral
{
	background-color: #202830;
	width: 36px;
}
.PhotoListBox ul
{
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
}
.PhotoListBox li
{ 
	display: inline-table;
	background-color: #202830;
    font-size: 10pt;
	text-align: left;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 3px;
	padding: 0px 5px 0px 5px;
}
.PhotoListBox li:first-child
{ 
	display: inline-table;
	background-color: #506070;
    font-size: 10pt;
	text-align: left;
	margin: 3px;
	padding: 0px;
}
.PhotoListBox
{
	text-align: justify;
	border-width: 2px;
    font-size: 10pt;
	border-color: #202830;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-style: solid;
	padding: 5px 10px 5px 10px;
}
.PhotoDescrBox
{
	text-align: justify;
	border-width: 2px;
    font-size: 10pt;
	border-color: #202830;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-style: solid;
	padding: 0px 10px 0px 10px;
}
p.fl:first-letter
{
	font-size: 44pt;
	float:left;
	vertical-align:top;
	padding: 6px 6px 0px 0px;
	line-height: 32pt;
}
.Photosheet
{
	background-color: #202830;
	text-align: left;
	vertical-align: text-top;
}
.Phshl
{
	background-image: url('/photo/hl.png');
	background-repeat: repeat-x;
}
.Phsvl
{
	background-image: url('/photo/vl.png');
	background-repeat: repeat-y;
}
.descpic
{
	padding: 15px 5px 20px 20px;
	float: right;
}

.mainphoto
{
	vertical-align: middle;
	text-align: center;
	min-height:100%;
	height: 100%;
	width: 100%;
}
img.shadow
{
	-moz-box-shadow:    3px 3px 4px 2px #222;
  	-webkit-box-shadow: 3px 3px 4px 2px #222;
  	box-shadow:         3px 3px 4px 2px #222;
}
.shadowhard
{
	-moz-box-shadow:    3px 3px 0px 0px #222;
  	-webkit-box-shadow: 3px 3px 0px 0px #222;
  	box-shadow:         3px 3px 0px 0px #222;
}

/******************************************************/

#fwtb table
{
	font-size: 10pt;
	padding: 2px;
	margin: 2px;
	width: 100%;
	text-align: center;
}

#fwtb tr:nth-child(odd)
{
	background-color: #607080;
}
#fwtb tr:nth-child(even)
{
	background-color: #708090;
}
#fwtb tr:nth-child(odd).mfr
{
	background-color: transparent;
}
#fwtb tr:nth-child(even).mfr
{
	background-color: transparent;
}
#fwtb td:first-child
{
	background-color: #405060;
	padding:0px 5px;
	text-align:left;
}
#fwtb .obs
{
	color:red;
}
#fwtb td:last-child
{
	text-align:left;
}
#fwtb td:nth-last-child(2)
{
	text-align:right;
}
#fwtb tr.mfr td
{
	background-color: #202830;
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
}
#fwtb td:first-child.mfr
{
	font-weight: bold;
}


#pltb table
{
	font-size: 10pt;
	padding: 2px;
	margin: 2px;
	width: 100%;
	text-align: center;
}

#pltb tr:nth-child(odd)
{
	background-color: #607080;
}
#pltb tr:nth-child(even)
{
	background-color: #708090;
}

#pltb td:first-child
{
	background-color: #405060;
	padding:0px 5px;
	text-align:right;
}

#pltb tr:nth-child(odd).pltit
{
	background-color: transparent;
}
#pltb tr:nth-child(even).pltit
{
	background-color: transparent;
}
#pltb tr.pltit td
{
	background-color: #202830;
	text-align: center;
	padding: 2px 5px;
}
#pltb .err
{
	color: red;
}

.cam_menu_first
{
	background-color: #202830;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.cam_menu_next
{
	background-color: #607080;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/******************************************************/
.pub_abstract {	background-color: #607080; }
.cv_table_top {	background-color: #405060; }
.cv_table_entry { background-color: #607080; }

/******************************************************/

div#preload {
	position: absolute;
	overflow: hidden;
	left: -9999px; 
	top: -9999px;
	height: 1px;
	width: 1px;
}

/* Sprite tiles */
.momiji, .sakura, .moss, .snow, .aomomiji, .rock, .satsuki, .fb, .gp, .pt, .fk, .tw, .ig, .ginkgo, .hangesho, .sukiya, .jizo, .bamboo, .lotus, .maiko, .fuji, .pond, .year, .season, .special, .reserve, .closed
{
	display: inline-block;
	background-image: url('/icons24-13.png');
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.sakura   { background-position:    0px    0px; }
.satsuki  { background-position:  -24px    0px; }
.rock     { background-position:  -48px    0px; }
.snow     { background-position:  -72px    0px; }
.hangesho { background-position:  -96px    0px; }
.bamboo   { background-position: -120px    0px; }
.lotus    { background-position: -144px    0px; }
.aomomiji { background-position:    0px  -24px; }
.momiji   { background-position:  -24px  -24px; }
.moss     { background-position:  -48px  -24px; }
.ginkgo   { background-position:  -72px  -24px; }
.jizo     { background-position:  -96px  -24px; }
.sukiya   { background-position: -120px  -24px; }
.tw       { background-position:    0px  -48px; }
.gp       { background-position:  -24px  -48px; }
.fb       { background-position:  -48px  -48px; }
.pt       { background-position:  -72px  -48px; }
.ig       { background-position:  -96px -144px; }
.fk       { background-position: -120px -144px; }
.maiko    { background-position:  -96px  -48px; }
.fuji     { background-position: -120px  -48px; }
.pond     { background-position:  -96px  -72px; }
.closed   { background-position: -120px  -72px; }
.year     { background-position:  -96px  -96px; }
.season   { background-position: -120px  -96px; }
.reserve  { background-position:  -96px -120px; }
.special  { background-position: -120px -120px; }

.featbox
{
	display: block;
	margin: 0px 0px -10px -2px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 24px;
	vertical-align: middle;
}

.featboxcell
{
	display: table-cell;
	vertical-align: middle;
	height: 24px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

.lefta, .righta, .downa, .upa
{
	display: inline-block;
	background-image: url('/icons24-13.png');
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.upa      { background-position:    0px  -72px; }
.righta   { background-position:  -48px  -72px; }
.downa    { background-position:    0px -120px; }
.lefta    { background-position:  -48px -120px; }

.cam1394B, .camADV, .camAF, .camAIO, .camBIN, .camDSP, .camK, .camINT, .camH, .camLUT, .camMEM, .camNLR, .camOF, .camPTB, .camRBO, .camROI, .camSYN, .camVID, .camXIO
{
	display: inline-block;
	background-image: url('/icons24-13.png');
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.cam1394B { background-position: -144px  -48px; }
.camADV   { background-position: -159px  -48px; }
.camAF    { background-position: -174px  -48px; }
.camAIO   { background-position: -144px  -63px; }
.camBIN   { background-position: -159px  -63px; }
.camDSP   { background-position: -174px  -63px; }
.camK     { background-position: -144px  -78px; }
.camINT   { background-position: -159px  -78px; }
.camH     { background-position: -174px  -78px; }
.camLUT   { background-position: -144px  -93px; }
.camMEM   { background-position: -159px  -93px; }
.camNLR   { background-position: -174px  -93px; }
.camOF    { background-position: -144px -108px; }
.camPTB   { background-position: -159px -108px; }
.camRBO   { background-position: -174px -108px; }
.camROI   { background-position: -144px -123px; }
.camSYN   { background-position: -159px -123px; }
.camVID   { background-position: -174px -123px; }
.camXIO   { background-position: -144px -138px; }

.camfeatboxcell
{
	display: table-cell;
	vertical-align: middle;
	height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/****************/

a:link {text-decoration: none; color: #cc9a16}
a:visited {text-decoration: none; color: #c2b798}
a:active {text-decoration: none}
a:hover {color: #ffc01b}

body, html
{
	font-family: helvetica, arial, sans, sans-serif, "sans serif";
    background-color: #202830;
    font-size: 10pt;
}

.small  {font-size: 9pt}
.vsmall {font-size: 8pt}
.white  {color: #f0f0f0}

body, html
{
	height: 100%;
	margin: 0px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	border: none
}

.fullheight { height:100%; }