#postit-yellow { /* originally div.postit-yellow changed to try and 'float' in center of page a 'work in progess' note 18.04.13 */
    /* this works great, but... inserting onto a table or 'cell' shifts other things. Need to try puting on top of page and specifing location with margin properties.. another day. 08.06.11 - Lnadis */
    position:absolute; /* original relative, 18.04.13 - Landis */
    width:360px;
    padding:0px;
    border:2px solid gray;
    border-radius:10px;
    /* margin:60px; /* changes position relative to where it's inserted, Nope, puts a border or 'margin' on all 4 sides. need to use margin-right etc */
    margin-left:330px; /* had to make this more than 10px because of the rotation, in this example, it hangs off the left of page */
    /* margin-top Minus 100px is an attempt to 'move' the box outside of the td it's in */
    margin-top:120px;
    /* margin-top Minus,,, Yep... It works, cool ! Landis */ /*had to make it positive for this example, it was half off the top of page : )*/
    background-color:yellow;
	opacity:0.1;
    /* rotation-point:50% 50%; /*as of 08.06.11, not yet supported */
    /* rotation:45deg; /*as of 08.06.11, not yet supported */
    /* transform:rotate(30deg); /*might not be supported yet either, 08.06.11 */
    /* Rotation, for now, this is how (08.06.11) */
    transform:rotate(20deg);
    -ms-transform:rotate(10deg); /* IE 9 */ /*Does NOT work on any ie bellow 9.. ie and ms suck! */
    /* Minus Rotation - this is an atempt to see if a Negitive Rotation works or does it only work 'clock-wise' ie -10 would be 350deg */
    /* Yes, again, cool. Minus (-10deg) works... */
    -moz-transform:rotate(-10deg); /* Firefox */
    -webkit-transform:rotate(-10deg); /* Safari and Chrome and 2012 konqueror | originall 30deg */
    -o-transform:rotate(-10deg); /* Opera, originally 30deg */
    /* Rotation, for now.. Freaking Works... Cool - 08.06.11 Landis (got this from w3schools.com */
	z-index:100; 
	
    }
    
    #postit-yellow:hover {
    opacity:1.0; 
	}
    
    hr.sharpie {
    width:90%;
    background-color:black;
    border:2px solid gray;
    /* border-color:gray; /* will use 'grey' , but seems to like 'gray' with an A - Actually this is Not even Used - *see above border */
    border-radius:25px;
    height:5px;
	z-index:101; 
    }