html,body
{
    margin: 0;
    padding: 0;
}

html
{
	background-image: url(../images/wallpaper.jpg);
	background-color: #68A814;
	background-position: top center;
}

body
{
    font-family: "Lucida Grande", "Arial", sans-serif;
}

.hide
{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

#desktop
{
    
}

#menubar
{
    text-align: right;
    font-size: 15px;
    background-image: url(../images/bg-menubar.gif);
    background-position: top;
    background-repeat: repeat-x;
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

#growl
{
    width: 256px;
    background-image: url(../images/bg-growl.png);
    font-size: 12px;
    padding-top: 8px;
    text-align: justify;
    position: absolute;
    right: 10px;
    top: 27px;
    z-index: 3;
}

#growl .headline
{
    font-weight: bold;
    padding-top: 0;
    margin: 0;
}

#growl>* /* NOTE: IE6 can't handle this selector, so adjust main-ie6.css, according to your contents. */
{
    padding: 0;
    margin: 0;
    padding-left: 66px;
    padding-right: 15px;
    padding-top: 8px;
    width: 175px;
}

#growl .last
{
    background-image: url(../images/bg-growl-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 14px;
    margin-top: -14px;
    position: relative;
    top: 14px;
}

#webdeskbrowser
{
    background-image: url(../images/bg-webdesk-browser.png);
    height: 355px;
    width: 742px;
    position: absolute;
    left: 7%;
    top: 30%;
    z-index: 2;
}

#nav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    left: 5px;
    width: 211px;
}

#nav li
{
    font-size: 0.8em;
    padding-top: 8px;
    padding-bottom: 8px;
}

#nav li.active
{
    background-image: url(../images/bg-navpoint-active.gif);
    background-repeat: repeat-x;
    background-position: left center;
}

#nav li a
{
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #000;
    text-decoration: none;
    background-image: url(../images/icon-folder.gif);
}

#nav li#nav-webdesktop a
{
    background-image: url(../images/icon-webdesktop.gif);
}

#itemcounter
{
    position: absolute;
    bottom: 18px;
    left: 8px;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#webdeskbrowser-itemstable
{
    position: absolute;
    left: 223px;
    top: 67px;
    width: 503px;
    font-size: 13px;
    border-collapse: collapse;
    
}

#webdeskbrowser-itemstable tr
{
    line-height: 16px;
}

#webdeskbrowser-itemstable td,
#webdeskbrowser-itemstable th
{
    padding: 4px 10px;
}

#webdeskbrowser-itemstable thead
{
    text-align: left;
    background-color: #E8E8E8;
}

#webdeskbrowser-itemstable thead th
{
    border: 1px solid #A3A3A3;
}

#webdeskbrowser-itemstable tbody tr
{
    background-color: #ECF3FE;
}

#webdeskbrowser-itemstable tbody  tr.odd
{
    background-color: #FFF;
}

#webdeskbrowser-itemstable .cellwithicon
{
    padding-left: 24px; /* make space for icon */
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

#webdeskbrowser-itemlist
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    left: 220px;
    top: 67px;
    width: 504px;
    font-size: 13px;
}

#webdeskbrowser-itemlist li
{
    float: left;
    width: 140px;
    text-align: center;
    margin: 3px;
}

#webdeskbrowser-itemlist li:hover
{
    background-image: url(../images/bg-webdeskbrowser-itemslist-active.png);
}

#webdeskbrowser-itemlist li a
{
    background-repeat: no-repeat;
    background-position: center 5px;
    display: block;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 40px;
    padding-bottom: 6px;
}

#webdeskbrowser-itemlist li a:hover
{
    border: 2px dotted #4c91d1;
    padding-top: 38px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    background-position: center 3px;
}

#webdeskbrowser-itemstable #tumbleloglinkbox
{
    background-image: url(../images/icon-tumblelog.gif);
}

#webdeskbrowser-itemstable #twitterlinkbox
{
    background-image: url(../images/icon-twitter.png);
}

#webdeskbrowser-itemstable #bloglinkbox
{
    background-image: url(../images/icon-blog.jpg);
}

#webdeskbrowser-itemstable #codepaintedbylinkbox
{
    background-image: url(../images/icon-codepaintedby.png);
}

#webdeskbrowser-itemstable #lastfmlinkbox
{
    background-image: url(../images/icon-lastfm.png);
}

#webdeskbrowser-itemstable #twentythreehqlinkbox
{
    background-image: url(../images/icon-23hq.gif);
}

#webdeskbrowser-itemstable #lifestreamlinkbox
{
    background-image: url(../images/icon-lifestream.png);
}

#webdeskbrowser-itemstable #emaillinkbox
{
    background-image: url(../images/icon-email.png);
}

#webdeskbrowser-itemstable #jabberlinkbox
{
    background-image: url(../images/icon-jabber.png);
}

#lastupdatebox
{
	position: absolute;
	bottom: 18px;
	right: 16px;
}

#lastupdatebox h1,
#lastupdatebox p
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	display: inline;
}

#creditsbox
{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 222px;
    height: 215px;
    padding: 10px;
    padding-right: 15px;
    padding-left: 0;
    background-image: url(../images/bg-postit.png);
    background-repeat: no-repeat;
    font-size: 12px;
    z-index: 1;
}

#creditsbox h1
{
    font-size: 12px;
    text-decoration: underline;
    margin-left: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
}

#creditsbox #credits
{
    margin-top: 5px;
    margin-left: 10px;
    padding: 0;
    padding-left: 30px;
}