/* GLOBAL RESET SETTINGS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html {height:100%;}

/* PAGE SETTINGS */
body { background: #fffeeb; color: #fff; font: 12px/18px 'Lucida Grande', Verdana, Arial, sans-serif; }

/*  WINDOW SETTINGS */
.d0 { width: 400px; margin:50px; position: relative; } 

.d1 { background: transparent url('images/bg2.png') 100% 0 no-repeat; margin-right: -13px; padding-right: 13px; }
.d2 { background: transparent url('images/bg1.png') 0 0 no-repeat; padding: 7px 2px 2px 13px; overflow: hidden; }
.d3 { background: transparent url('images/bg4.png') 0 0 no-repeat; width: 100%; height: 13px; position: relative; margin-right: 13px; }
.resize-gripper { background: transparent url('images/bg3.png') 0 0 no-repeat; display: block; width: 13px; float: right; height: 13px; margin-right: -13px; outline:none; }
.close { width: 16px; height: 16px; position: absolute; top: -4px; right: -17px; background: transparent url('images/close.png') 0 0 no-repeat; outline:none; } 
.pointer-left { background: transparent url('images/pointer-left.png') 0 0 no-repeat; width: 10px; height: 19px; position: absolute; left: -8px; top: 40px; }
h3 { font-size: 11px; color: #fff; display: block; padding-left: 26px; margin-bottom: 5px; }
h3.lastfm { background: transparent url('images/icon16-lastfm.png') 0 50% no-repeat; }

textarea { width: 300px; height: 250px; padding: 5px; border: 1px solid #666; -webikit-border-radius: 3px; -moz-border-radius: 3px; background: #fff url('http://www.toddle.com/images/300_words_background.gif') 0 -220px no-repeat; background-attachment: scroll;  }