/* Imagine all the girls, and the boys, and the strings, and the drums.. the drums... the drums... */
html {background:url(../img/bg_wood.jpg);}
body {font:14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;  margin:0; color:#333; background:url(../img/keyboard.png) no-repeat 10px 0; padding-top:700px;}
hr {display:none;}
li {margin:10px 0;}
ul {margin-top:10px; margin-bottom:10px;}
a img {border:0; margin-top:20px;}

/* Items on my untidy desk */
#intro {position:absolute; left:200px; top:450px;}
#twix2 {position:absolute; left:-100px; top:500px; z-index:4;}
#pen {position:absolute; left:75px; top:860px; z-index:4;}
#pic1 {position:absolute; left:20px; top:90px; z-index:2;}
#pic2 {position:absolute; left:200px; top:110px; z-index:2;}
#postit-quote {position:absolute; left:230px; top:250px; z-index:3;}
#tag {position:absolute; left:-20px; top:350px; z-index:2;}
#invite {position:absolute; left:460px; top:160px; z-index:2;}
#pencil-red {position:absolute; left:-40px; top:2200px; z-index:4;}
#pencil-yellow {position:absolute; left:0px; top:2200px; z-index:4;}
#pencil-blue {position:absolute; left:40px; top:2200px; z-index:4;}
#thankyou {margin-left:240px; margin-bottom:20px;}
#card {margin-left:280px; margin-bottom:20px;}
#iphone {position:absolute; left:-50px; top:3100px; z-index:4;}

.charity {width:400px; padding:40px 140px 20px 70px; margin:20px 0 20px 200px; background:url(../img/folder.png) no-repeat;}
.charity p {margin:5px 0 10px 0;}
#birdfolder {height:710px;}
#stjohnfolder {height:1090px; background:url(../img/folder_stjohn.png) no-repeat;}
#milesfolder {height:570px; background:url(../img/folder_miles.png) no-repeat;}
#hospicefolder {height:570px; background:url(../img/folder_hospice.png) no-repeat;}

#stjohn {position:absolute; left:670px; top:700px;}
#hospice {position:absolute; left:20px; top:1880px;}
#miles {position:absolute; left:670px; top:2570px;}
#bird {position:absolute; left:670px; top:3217px;}