/* Global styling */
body {background: black; font-size: 10pt; color: black; margin: 0px; background: black; }
h1 {text-align: left; font-size: 2.5em; margin-top: 0px; margin-bottom: 0px; color: #ddd; background: black; padding-top: 3px; padding-bottom: 0.3em;}
h2 {text-align: left; font-size: 1.5em; font-weight: 900; color: #ccc;}
h3 {text-align: left; font-size: 1em; font-weight: 900; color: #ccc;}
img {border: 0px;}
a {text-decoration: none; color: #8ac; }
a:hover { background: #444; }



/* Main contents styling */
.main { width: 802px; background: #111; margin-left: auto; margin-right: auto; color: white; display: block; border-left: 1px solid #444; border-right: 1px solid #444; padding-top: 6px; padding-left: 5px; padding-right: 5px; padding-bottom: 0.5em;}

.main .album:last-child { margin-bottom: 2em; }
.main>.album>p { padding-left: 5px; padding-right: 5px;}
.cover { width: 800px; }

.smalltn { margin-right: 4px; margin-top: 2px; width: 194px; }
.smalltn:first-child { margin-left: 2px; }

.info { font-size: 12px; color: #ddd; text-align: right; padding-right: 2px;}

.album { margin-bottom: 10em; background: black; padding-bottom: 5px; border-top: 1px #222 solid; border-bottom: 1px #222 solid; overflow: auto; }
.album img {border: 1px #333 solid; }
.album h1 {padding-left: 5px; }
.album p { margin: 0px; }

.album_contents img { vertical-align: middle; padding: 35px 9px 35px 10px; margin: 1px; width: 174px; height: 120px; border: solid 1px #222; }
.album_contents .vertimage { padding: 5px 39px 5px 40px; width: 114px; height: 180px; }

/* MENU */
.menu { font-size: 15px; margin: 0px; margin-bottom: 5em; padding: 0px; padding-top: 4px; border-bottom: 1px solid #444; height: 20px; background: #111; color: white; display:block; list-style-type: none; overflow: auto;}
.menu a { text-decoration: none; color: white; display: block; width: 100%; }

.menu>li {float: left; border-left: 1px solid #333; padding-right: 5px; padding-left: 5px; }
.menu>li:first-child { border-left: none; margin: 0px; padding-left: 2px;}
.menu>li:hover { background: #444; }

.menu ul { position: absolute; visibility: hidden; list-style-type: none; padding: 0px; width: 100px; background: #222; border-left: 1px solid #333; padding-left: 4px; }
.menu ul>ul { position: relative; border-left: none; margin-left: 10px; }
.menu>li:hover ul { visibility: visible; display: block; }

.menu .current { font-style: italic;}


/* Technique substite */
.technique { border-collapse: collapse; color: white; overflow: auto; }
.technique h2 { font-size: 2.2em; border-bottom: #333 dotted 1px; }
.technique h3 { font-size: 2em; background: #111; padding-left: 3px; padding-right: 3px; }
.technique td:first-child { border: #444 solid 1px; border-right: none; padding-left: 5px; }
.technique td:last-child { border: #444 solid 1px; border-left: none; padding-right: 5px; }
.technique td { vertical-align: top; padding-bottom: 5px; padding-top: 5px; }
.technique img { width: 150px; padding: 5px; display: block; }
.technique .item { display: inline-table; margin: 20px; margin-bottom: 40px; width: 350px; }


.portfolio { margin-top: -50px; height: 560px; width: 800px; white-space: nowrap; overflow:auto; /*left: 0px; margin-top: 20px; padding-top: 3px; border-bottom: 1px #444 solid; padding-top: 5px; border-top: 1px #444 solid; background: black; text-align: center;*/ }
.portfolio img { padding-right: 3px; padding-bottom: 3px; height: 534px;}

.footer { margin-top: 1em; padding-right: 0.5em; padding-top: 3px; background: black; padding-bottom: 5px; border-top: 1px #222 solid; border-bottom: 1px #222 solid; text-align: right; }