body
{
margin: 0px;
padding: 0px;
font-family: verdana, arial, sans-serif;
font-size: small;
background: url(images/bg-repeat.jpg);
}

fieldset
{
border: 0px;
}

input
{
border: 1px solid #aaaaaa;
}

legend
{
display: none;
}

h1
{
width: 479px;
height: 90px;
margin: 0px;
text-indent: -5000px;
background: url(images/logo.gif) top left no-repeat;
}

h1 a
{
display: block;
width: 479px;
height: 90px;
}

h2
{
color: #3E3E3E;
margin: 0px 0px 0px 0px;
}

img
{
border: 0px
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Overall structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container
{
background: url(images/bg.jpg) no-repeat;
padding: 1px;
width: 980px;
}

#mug-container
{
width: 420px;
float: left;
padding: 15px;
}

#random-container
{
width: 420px;
float: left;
margin-left: 60px;
padding: 15px;
}

#footer
{
clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Mug creator
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mugs
{
width: 310px;
margin-top: 20px;
text-align: center;
}

#mugs div
{
text-align: right;
margin-bottom: 2px;
}

#mugs select
{
width: 7em;
}

#mug-img
{
margin: 0px 0px 0px 45px;
}

#tip-arrow
{
position:absolute;
left: 30px;
top: 370px;
}

.hide
{
visibility: hidden
}

.show
{
visibility: visible;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Random tea round
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#names
{
padding-top: 60px;
}

#name-fieldset
{
width: 380px;
height: 520px;
padding: 0px 10px 30px 10px;
}

#name-results
{
width: 340px;
height: 520px;
padding: 90px 40px 30px 40px;
}

#name-list
{
clear: both;
}

#name-list-footer
{
padding: 20px 30px 0px 30px;
}

#labels p
{
float: left;
font-size: small;
margin-bottom: 10px;
display: inline; /* ie6 double margin fix */
}

#label-name
{
width: 155px;
margin-left: 35px;
}

#label-email
{
width: 100px;
}

#label-include
{
width: 70px;
margin-left: 20px;
text-align: center;
}

#submit
{
margin: 20px 0px 0px 100px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bookmarks
{
float: right;
width: 252px;
height: 30px;
margin: 20px 30px 0px 0px;
padding: 15px 18px 0px 0px;
background: url(images/bookmark-bg.png) top right no-repeat;
text-align: right;
}

#bookmarks ul
{
float: right;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#bookmarks ul li
{
display: inline;
}

#footer
{
text-align: center;
padding: 30px;
}

#footer a
{
color: #000000;
}

img, div /* fix for ie png transparency bugs. thanks to twinhelix.com */
{
behavior: url(images/iepngfix.htc)
}