/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html, body { min-height: 100%; overflow: hidden; }
body { font: 14px "Lucida Grande", Helvetica, Arial, Sans-Serif; background: url(../images/cork.png); }
#page-wrap { width: 500px; margin: 0 auto; }
h3 { font-weight: normal; color: #eee; font-size: 28px; margin: 0 0 5px 0; }
header, section, footer, aside, nav, article, figure { display: block; }   

#logo { display: block; position: absolute; text-indent: -9999px; width: 208px; left: 8px; top: 0; height: 113px; background: url(../images/logo.png) no-repeat; }

#go-form { margin: 0 0 10px 0; }
#site { width: 220px; border: 0; padding: 2px; font-size: 16px; vertical-align: middle; }
#go { border: 1px solid black; background: #666; color: white; padding: 4px 10px; }

#frame-wrap { padding-left: 455px; }

#the-iframe { -moz-box-shadow: 0 0 10px black; -webkit-box-shadow: 0 0 10px black; background: white; width: 100%; border: 0; height: 768px; overflow: auto; }

#bar { height: 625px; overflow: auto; z-index: 200; -moz-box-shadow: 0 0 10px black; -webkit-box-shadow: 0 0 10px black; padding: 123px 20px 20px; background: url(../images/noise.png); position: absolute; top: 0; left: 0; width: 415px; }

.jsk-H1Color, .jskit-MenuTitle { color: white !important; }
.jsk-HeaderInfoBox, .jsk-HeaderWrapper, .jsk-HeaderMenu { display: none !important; }

#closer, #opener { position: absolute; top: 10px; color: white; padding: 5px; background: black; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

#closer { right: 10px; }
#opener { left: 10px; z-index: 100; }

#closer:hover, #opener:hover { background: white; color: black; cursor: pointer; }