body {background: url(http://portfolio.alexseifert.com/_images/woodenbg.jpg) black fixed; color: white; margin-bottom: 30px}
body, a, table, input {font-size: 10pt; font-family: arial}
img {border: 0}
a {color: #fccd85}
a:hover {text-decoration: none}

div.dock {background: url(http://portfolio.alexseifert.com/_images/menubg.png); position: fixed; width: 45px; min-height: 100px; left: -50px; top: 0; border: 1px solid #333333; border-left: 0; -moz-box-shadow: 0px 2px 8px black; -webkit-box-shadow: 0px 2px 8px black; box-shadow: 0px 2px 8px black; z-index: 10}
div.dock div.logo {top: 0; left: 0; width: 45px; height: 140px; text-align: center; padding-top: 15px; border-bottom: 1px solid #333333}
div.dock div.icon {width: 45px; height: 45px; border-bottom: 1px solid #333333}
div.dock div.icon a {display: block; height: 45px; width: 45px}
div.dock div.icon a:hover {background: #444444}
div.dock div.icon a:active {background: #222222}
div.dock div.rss {height: 16px; width: 40px; padding: 3px 3px 3px 2px}

div.dock div.label {position: absolute; left: 46px; z-index: 15; font-size: 13px; display: none;}
div.dock div.label img {float: left}
div.dock div.label div.text {background: url(http://portfolio.alexseifert.com/_images/labelbg.png); position: absolute; left: 16px; border: 1px solid #333333; border-left: 0; padding: 5px 10px 5px 2px}
#aboutlabel {top: 164px}
#newsandbloglabel {top: 210px}
#musiclabel {top: 256px}
#programminglabel {top: 302px}
#writinglabel {top: 348px}
#contactlabel {top: 394px}
#historyrhymeslabel {top: 440px}

div.menuboundry {position: fixed; height: 100%; width: 100%; z-index: 5; display: none}

div.dock div.dockmenu {position: absolute; left: 46px; z-index: 10; display: none}
div.dock div.dockmenu ul {list-style: none; padding: 5px 0 0 0; margin: 0}
div.dock div.dockmenu ul li a {display: block; text-decoration: none; padding: 3px 3px 3px 10px; font-family: courier, arial}
div.dock div.dockmenu ul li a:hover {background: #222222}
div.dock div.dockmenu ul li a:active {background: black}
div.dock div.dockmenu div.dockmenuarrow {background: url(http://portfolio.alexseifert.com/_images/menuarrowbg.png) repeat-y right; position: absolute; left: 0; z-index: 10; height: 100%}
div.dock div.dockmenu div.menucontents {background: #444444; position: relative; left: 13px; border: 1px solid black; border-left: 0; padding: 10px; width: 191px; -moz-box-shadow: 0px 2px 8px black; -webkit-box-shadow: 0px 2px 8px black; box-shadow: 0px 2px 8px black}
div.dock div.dockmenu div.menucontents div.closebutton {position: absolute; top: 10px; left: 100%; margin-left: -26px}
#musicarrow {position: relative; top: 46px}
#musicmenu {top: 210px}
#programmingarrow {position: relative; top: 27px}
#programmingmenu {top: 275px}
#writingarrow {position: relative; top: 26px}
#writingmenu {top: 321px}

div.blurb {background: url(http://portfolio.alexseifert.com/_images/menubg.png); position: absolute; border: 1px solid #333333; padding: 35px 10px 10px 10px; -moz-box-shadow: 0px 2px 30px black; -webkit-box-shadow: 0px 2px 30px black; box-shadow: 0px 2px 30px black}
div.blurb div.title {position: absolute; top: 0; left: 0; width: 100%; background: black; font-weight: bold; height: 26px; border-bottom: 1px solid #333333}
div.blurb div.title div.titletext {position: absolute; left: 10px; top: 5px}
div.blurb div.title div.closebutton {position: absolute; top: 5px; left: 100%; margin-left: -21px}
#recentitems {width: 375px; top: 100px; left: 75px}
#news {width: 600px; top: 100px; left: 500px}
#news ul, #recentitems ul {list-style: none; padding: 0; margin: 0}
#news ul li, #recentitems ul li {padding-bottom: 10px}
#contact {width: 600px; top: 100px; left: 300px}
#about {width: 600px; top: 100px; left: 300px}
#websites {width: 600px; top: 100px; left: 75px; padding: 27px 0 0 0}
#programs {width: 410px; top: 100px; left: 705px; padding: 27px 0 0 0}
#websitedevelopmentt {width: 1020px; top: 100px; height: 75px; left: 75px; padding: 27px 0 0 0 0}
#websitedevelopmentl {width: 600px; top: 250px; left: 75px; padding: 27px 0 0 0}
#websitedevelopmentr {width: 410px; top: 250px; left: 705px; padding: 27px 0 0 0}

#welcome {background: url(http://portfolio.alexseifert.com/_images/blurbbg.png); position: fixed; border: 1px solid white; height: 170px; width: 500px; left: 50%; top: 50%; margin-left: -250px; margin-top: -85px; opacity: 0; z-index: 10}
#welcome div.title {background: #c78f38; color: black}

div.alertblurbbg {background: black; position: fixed; height: 100%; width: 100%; z-index: 5; opacity: 0}

div.shelf {position: absolute; top: 0; left: 65px; width: 1060px; height: 100px; z-index: 10}
div.shelf div.hr {position: absolute; left: 0px; top: 0}
div.shelf div.w {position: absolute; left: 247px; top: 0}
div.shelf div.mc {position: absolute; left: 500px; top: 0}
div.shelf div.sp {position: absolute; left: 725px; top: 0}

div.website {position: relative; width: 580px; height: 115px; border-bottom: 1px solid #333333; padding: 10px}
div.website:hover {background: black}
div.website.bottom {border-bottom: 0}
div.website img.websiteimg {float: left}
div.website div.websitetext {position: absolute; left: 220px; top: 20px; padding-right: 5px}

div.program {position: relative; width: 390px; height: 115px; border-bottom: 1px solid #333333; padding: 10px}
div.program:hover {background: black}
div.program.bottom {border-bottom: 0}
div.program img.programimg {float: left}
div.program div.programtext {position: absolute; left: 135px; top: 20px; padding-right: 5px}

div.websitedev {position: relative; width: 580px; border-bottom: 1px solid #333333; padding: 10px}
div.websitedev:hover {background: black}
div.websitedev.bottom {border-bottom: 0}
div.websitedev img.websitedevimg {float: left}
div.websitedev div.websitedevtext {position: absolute; left: 220px; top: 20px; padding-right: 5px}

div.websiterdev {position: relative; width: 390px; border-bottom: 1px solid #333333; padding: 10px}
div.websiterdev:hover {background: black}
div.websiterdev.bottom {border-bottom: 0}
div.websiterdev img.websiterdevimg {float: left}
div.websiterdev div.websiterdevtext {position: absolute; left: 135px; top: 20px; padding-right: 5px}

table.form {width: 100%}

div.footer {background: url(http://portfolio.alexseifert.com/_images/menubg.png); border: 1px solid black; border-bottom: 0; position: fixed; top: 100%; left: 50%; margin-top: -30px; margin-left: -275px; height: 10px; width: 550px; padding: 10px 20px 10px 20px; text-align: center}
div.footer, div.footer a {font-size: 8pt}