/* 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
{
	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
{
	font-size: 12pt;
	width: 150px;
	margin: 3 3px;
	padding: 3px 3px 3px 3px;
	float: left;
	position: relative;
	list-style: none;
}
/* 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: 190px;
	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
{
	cursor: pointer;
	display: block;
}
#nav ul li
{
	width:190px;
	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: 5px 10px;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 118px;
	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: 138px;
	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;
	list-style: none;
	width: 138px;
}

/* submenu title */

#submenu ul li a, #submenu ul li p
{
	width: 118px;
	display: inline-block;
	position:relative;
	padding: 4px 10px 4px 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, #location
{
	width: 150px;
	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, #location p
{
	display:inline-block;
	text-align:center;
	position:relative;
	font-size: 12pt;
	background-color: #506070;
	width: 150px;
	color: #b0c0d0;
	margin: 0px;
	padding: .2em 0em .2em 0em;
	
	border-radius: 0px 6px 0px 0px;
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
}

#location ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#location ul li:nth-child(odd)
{
	color: #b0c0d0;
	display: block;
    font-size: 12pt;
	margin: 3px 2px 3px 2px;
	text-align: center;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#location ul li:nth-child(even)
{
	color: #b0c0d0;
	display: block;
    font-size: 12pt;
	margin: -0.6em;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

#rndp tr
{
	color: #b0c0d0;
	font-size: 12pt;
	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 3px;
}
#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;
}
.CBox
{
}
.NavCont
{
	vertical-align: top;
}
.NavBar
{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 10px;
	z-index: 10;
}
.Main
{
	background-color: #506070;
	color: #b0c0d0;
    font-size: 12pt;
	margin-right: 15px;
    padding: 10px;
	line-height: 1.5;
	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: 12pt;
    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: 12pt;
}
.PhotoIndexPicBox
{ 
	width: 241px;
	height: 241px;
	min-height: 241px;
	min-height: 241px;
	text-align: center;
	display: inline-table;
   	vertical-align: middle;
}
.PhotoIndexSubPageBox { 
	width: 250px;
	height: 285px;
	min-height: 250px;
	min-height: 285px;
	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: 12pt; 
}
.PhotoFooter
{
	background-color: #202830;
  	color: #506070;
  	height: 36px;
}
.PhotoLateral
{
	background-color: #202830;
	width: 36px;
}
.PhotoDescrBox
{
	text-align: justify;
	margin: 0px;
}

.PhotoDescrBox p
{
	margin-top: 0px;
}

p.fl:first-letter
{
	font-size: 62pt;
	float: left;
	vertical-align: top;
	padding: 6px 6px 0px 0px;
	line-height: 40pt;
}
.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: 0px 0px 5px 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: 12pt;
	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;
}

/*** resistor devider table ***/

#restb table
{
	font-size: 12pt;
	padding: 2px;
	margin: 2px;
	text-align: right;
}

#geartb table
{
	font-size: 12pt;
	padding: 2px;
	margin: 2px;
	text-align: left;
}

#geartb tr td:first-child
{
	text-align: right;
}

#restb tr:nth-child(odd) td, #geartb tr:nth-child(odd) td
{
	background-color: #607080;
}

#restb tr:nth-child(even) td, #geartb tr:nth-child(even) td
{
	background-color: #708090;
}

#restb tr th, #geartb tr th
{
	background-color: #202830;
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
}

#restb td
{
	padding: 2px 5px;
}

#geartb td
{
	padding: 2px 5px;
	vertical-align: top;
}

#geartb p, ul {
	margin-top: 0;
	margin-bottom: 0;
}

/*****/

#pltb table
{
	font-size: 12pt;
	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, .lin, .ginkgo, .hangesho, .sukiya, .jizo, .bamboo, .lotus, .maiko, .fuji, .pond, .year, .season, .special, .reserve, .closed
{
	display: inline-block;
	background-image: url('/icons24-15.png');
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.sakura   { background-position:    0px  -80px; }
.satsuki  { background-position:  -32px  -80px; }
.rock     { background-position:  -64px  -80px; }
.snow     { background-position:  -96px  -80px; }
.hangesho { background-position: -128px  -80px; }
.bamboo   { background-position: -160px  -80px; }
.lotus    { background-position: -192px  -80px; }
.pond     { background-position: -224px  -80px; }
.aomomiji { background-position:    0px -112px; }
.momiji   { background-position:  -32px -112px; }
.moss     { background-position:  -64px -112px; }
.ginkgo   { background-position:  -96px -112px; }
.jizo     { background-position: -128px -112px; }
.sukiya   { background-position: -160px -112px; }
.maiko    { background-position: -192px -112px; }
.fuji     { background-position: -224px -112px; }
.year     { background-position:    0px -144px; }
.season   { background-position:  -32px -144px; }
.reserve  { background-position:  -64px -144px; }
.special  { background-position:  -96px -144px; }
.closed   { background-position: -128px -144px; }

.tw       { background-position:    0px  -48px; }
.gp       { background-position:  -32px  -48px; }
.fb       { background-position:  -64px  -48px; }
.pt       { background-position:  -96px  -48px; }
.lin      { background-position: -128px  -48px; }
.ig       { background-position: -160px  -48px; }
.fk       { background-position: -192px  -48px; }

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

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

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

.upa      { background-position:    0px 0px; }
.righta   { background-position: -144px 0px; }
.downa    { background-position:  -48px 0px; }
.lefta    { background-position:  -96px 0px; }

.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-15.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.cam1394B { background-position:    0px -176px; }
.camADV   { background-position:  -20px -176px; }
.camAF    { background-position:  -40px -176px; }
.camAIO   { background-position:  -60px -176px; }
.camBIN   { background-position:  -80px -176px; }
.camDSP   { background-position: -100px -176px; }
.camK     { background-position: -120px -176px; }
.camINT   { background-position: -140px -176px; }
.camH     { background-position: -160px -176px; }
.camXIO   { background-position: -180px -176px; }

.camLUT   { background-position:    0px -196px; }
.camMEM   { background-position:  -20px -196px; }
.camNLR   { background-position:  -40px -196px; }
.camOF    { background-position:  -60px -196px; }
.camPTB   { background-position:  -80px -196px; }
.camRBO   { background-position: -100px -196px; }
.camROI   { background-position: -120px -196px; }
.camSYN   { background-position: -140px -196px; }
.camVID   { background-position: -160px -196px; }

.camfeatboxcell
{
	display: table-cell;
	vertical-align: middle;
	height: 20px;
	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: 12pt;
}

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

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

.fullheight { height:100%; }