FOR UPDATE BOXES

#updatesbar{
    position:absolute;
    margin-top:-24px;
    margin-left:-8px;
    padding:3px;
    padding-right:5px;
    text-align:right;
    width:106px;
    height:9px;
    background:#f59aaf; /*bar background*/
    border:1px solid #000000; /*matching border color with #box border        looks best*/
    /*delete the following for no rounded edges*/
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }

#updates{
    position:fixed;
    width:100px;
    margin-top:35px;
    margin-left:20px;
    padding-top:7px;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:4px;
    font-family:consolas;
    font-size:10px;
    line-height:12px;
    background-color:#ffffff; /*background hex color code*/
    border:1px solid #000000; /*change color code for different colored       borders*/
    color:#000000; /*text color, note link colors and styles will change      with the theme you're using*/
    z-index:999;
    /*delete the following for no shadows*/
    box-shadow:rgba(0,0,0,0.07)7px 7px;
    /*delete the following for no rounded edges*/
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#guts,#click{
    padding:1px;
    display:inline-block;
}

#click{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 1 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click:hover{
    cursor:help;
}

#click:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts{
    padding:1px;
    display:none;
}

#guts2,#click2{
    padding:1px;
    display:inline-block;
}

#click2{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 2 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click2:hover{
    cursor:help;
}

#click2:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts2{
    padding:1px;
    display:none;
}

#guts3,#click3{
    padding:1px;
    display:inline-block;
}

#click3{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 3 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click3:hover{
    cursor:help;
}

#click3:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts3{
    padding:1px;
    display:none;
}

#guts4,#click4{
    padding:1px;
    display:inline-block;
}

#click4{
    margin-bottom:4px;
    padding:1px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    background:#f4f4f4; /*tab 1 background color*/
    border:1px solid #f4f4f4;
    padding:1px;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    /*delete the following for no rounded edges*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#click4:hover{
    cursor:help;
}

#click4:active{
    background:#ffffff; /*color of tab when clicked*/
}

#guts4{
    padding:1px;
    display:none;
}



---------------
before </style>
-----------------------------------------------------------------------------------------
after <body>
---------------




<div id="updates">

<!-- delete this part to take off bar and buttons-->
<div id="updatesbar">
<img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png">
<img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png">
<img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png">
</div>
<!--end-->

<div id="click">TITLE</div>
<div id="guts">

WRITE HERE

</div>

<div id="click2">TITLE</div>
<div id="guts2">

WRITE HERE

</div>

<div id="click3">TITLE</div>
<div id="guts3">

WRITE HERE

</div>

<div id="click4">TITLE</div>
<div id="guts4">

WRITE HERE

</div>

</div>