/* layout */
div.hr { height: 10px; margin: 0; }
div.separator { clear: both; height: 2px; }
div.colored { height: 5px; }

.clear { clear: both; }

div#nkcontainer { margin: 0 auto; overflow: visible; width: 960px; }

div#nkheader { padding: 80px 25px 30px 25px; }
div.flow { height: 4px; margin: 0 0 0 190px }
div#nkbody h1 { margin: 0 0 0 -5px; padding: 15px; }
div#nkbody h3 { margin: 0 0 0 5px; padding: 5px; width: 460px; }

div#nkheader,
div#nkbody,
div#nkfooter,
div#nktracks h4,
div#nktracks ul li { clear: both; }
div#nkbodyprofile { float: left; padding: 20px 25px; width: 425px; }
div#nkbodypiano { float: left; padding: 20px 25px; width: 425px; }

div#nkbodyprofile h2,
div#nkbodyprofile p,
div#nkbodyprofile ul,
div#nkbodypiano h2,
div#nkbodypiano h4,
div#nkbodypiano ul { margin: 5px 0; }

div#nkbodyprofile p img { float: right; margin: 0 0 10px 10px; vertical-align: top; }
div#nkbodyprofile ul li { padding: 0 0 0 20px; }
div#nkbodypiano ul li { height: 15px; margin: 0 0 0 10px; }
div#nkbodypiano ul li a,
div#nkbodypiano ul li span { display: block; }

div#nkbodypiano ul li a { float: left; padding-right: 5px; }
div#nkbodypiano ul li span { float: right; padding-left: 5px; text-align: right; }
div#nktracks { padding: 10px 0 10px 10px; }

div#nkfooter div.social { height: 16px; padding: 5px 10px; }
div#nkfooter div.social a { display: block; float: left; margin: 0 4px 0 0; height: 16px; }
div#nkfooter p { clear: both; padding: 5px 10px 0 10px; }
div#nkfooter p.contact { padding-top: 0; }
div#nkfooter p.copy { padding: 10px; }

/* background and borders */
body { background-color: #000; }
div.hr { border: 0; }
div.separator { background: none; background-color: #1b1b1b; border-top: 1px solid #000; }
div.flow  { background-color: #fff; }

div#nkbody h1,
div.colored { background-color: #603; border-bottom: 1px solid #1b1b1b; border-top: 1px solid #000; }
div#nkbody h3 { background-color: #181818; }

div#nkcontainer { background-color: #fff; background-image: url('images/bg.png?201007251020'); background-repeat: no-repeat; }
div#nkbodyprofile p img { border: 2px solid #181818; }
div#nkbodyprofile ul.links li { background-image: url('images/ic-link.png'); background-position: left center; background-repeat: no-repeat; }
div#nkbodyprofile ul.files li { background-image: url('images/ic-file.png'); background-position: left center; background-repeat: no-repeat; }
div#nktracks ul li { background-image: url('images/dots.png'); background-position: center; background-repeat: repeat-x; }
div#nktracks ul li.disabled { background-image: none; }
div#nktracks ul li a,
div#nktracks ul li span { background-color: #fff; }
div#nktracks { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 0 10px 0; }
div#nkfooter { background-color: #181818; }
div#nkfooter div.social { background: url('images/bg-social.png') repeat-x; border-bottom: 1px solid #000; }

/* font styles */
a, address, b, blockquote, caption, cite, code, dd, div, dt, em, h1, h2, h3, h4, h5, h6, input, legend, li, option, p, pre, select, span, td, textarea, th { color: #666; font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size: 12px; }
em, h1, h2, h3, h4, h5, h6, legend, strong, th { font-weight: normal; }
a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h1 { color: #fff; font-size: 18px; }
h2 { color: #000; font-size: 16px; }
h3 { color: #fff; font-size: 14px; }
h4 { color: #000; font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
.note { font-size: 10px; }
.disabled { color: #ccc; }

a { color: #65d; text-decoration: none; }
a:hover { color: #87f; text-decoration: underline; }
a:active { color: #87f; font-weight: bold; text-decoration: underline; font-style: italic; }

div#nkheader h1 { font-size: 12px; letter-spacing: 10px; }

div#nkfooter p { color: #333; }
div#nkfooter p.copy { color: #555; }