/* CSS Document */
html{line-height:1.3em; font-family:arial,sans-serif; font-size:small;}
body{ padding:0px; margin:0px; text-align:center; background-color:#240000; color:#ffffff; font-size:1.3em;}
swf,object,embed, a, div { outline:none; }
.container{width:948px; background-image:url(images/containerBg.png); margin:0 auto 0 auto;}
.base{width:948px; background-image:url(images/main.jpg); background-repeat:no-repeat; padding-top: 50px; padding-right: 20px; padding-bottom: 0; padding-left: 20px; overflow:hidden;}
.clear { font-size:0; height:0; clear:both;line-height:0; }
.logo{height:160px; width:420px; float:left; margin:0 0 0 52px; text-align:left}
.clear{clear:both}
.char1{height:45px; width:234px; float:left; background-image:url(images/selected.gif); background-position:0px 0px; background-repeat:no-repeat;}
.char2{height:45px; width:234px; float:left; background-image:url(images/selected.gif); background-position:-234px 0px; background-repeat:no-repeat;}
.char3{height:45px; width:234px; float:left; background-image:url(images/selected.gif); background-position:-468px 0px; background-repeat:no-repeat;}

.menu ul{margin-left:20px;}
.menu ul li{display:block; float:left; list-style:none; height:25px; padding:0px; margin:0px;}
.menu ul li a{ display:block; height:24px;}
.menu ul li span{display:none;}

#homeTab{width:51px; background:url(images/menubg.gif) 0px 0 no-repeat;}
#homeTab:hover{background-position:0px -24px;}
#charTab{width:88px; background:url(images/menubg.gif) -51px 0 no-repeat;}
#charTab:hover{background-position:-51px -24px;}
#diaryTab{width:50px; background:url(images/menubg.gif) -139px 0 no-repeat;}
#diaryTab:hover{background-position:-139px -24px;}
#bioTab{width:87px; background:url(images/menubg.gif) -189px 0 no-repeat;}
#bioTab:hover{background-position:-189px -24px;}
#pressTab{width:48px; background:url(images/menubg.gif) -276px 0 no-repeat;}
#pressTab:hover{background-position:-276px -24px;}
#downloadTab{width:92px; background:url(images/menubg.gif) -324px 0 no-repeat;}
#downloadTab:hover{background-position:-324px -24px;}
#shopTab{width:47px; background:url(images/menubg.gif) -416px 0 no-repeat;}
#shopTab:hover{background-position:-416px -24px;}
#contactTab{width:68px; background:url(images/menubg.gif) -463px 0 no-repeat;}
#contactTab:hover{background-position:-463px -24px;}

.navigation{height:50px; margin-left:100px; width:800px;}

.content{ margin-left:100px; font-size:.73em; letter-spacing:0.03em; width:800px;}
.left{width:234px; height:auto; float:left;}
.right{width:480px; margin-left:275px; text-align:left}
.footer{background-color:#300A0C; margin-top:40px; width:928px; padding:10px 10px 10px 10px; font-size:.7em; word-spacing:.3em; color:#CC6600; letter-spacing:.1em;}
.copyright{word-spacing:-0.1em; color:#CC0000; font-size:.8em}

.footer a:link{color:#FF0000;}
.footer a:visited{ color:#CC0000;}

.right h3{padding:0px; margin:0px; color:#FFFFFF}
.right img{margin-top:12px;}
.right h4{padding-bottom:0px; margin-bottom:0px; color:#FFFFFF}
p strong{ color:#FFFFFF;}

.greyLink,.greyLink a:link,.greyLink a:hover,.greyLink a:Visited{color:#cccccc; font-size:1em; padding-left:2px; padding-right:2px;}
.small{ font-size:.9em}

#sponge-fest img { border:0; }

a{
color:#cccccc;
}

.twitter-share-button {
padding-bottom:5px;
}
.social-icons {
padding-top:20px;
}

 /* signup box */
#sign-up {
position: relative;
bottom: 270px;
left: 322px;
^left: 352px;
font-size: 0.73em;
font-family: arial;
^margin-left: -40px;
}

#sign-up li {
list-style:none;
float:left;
padding:3px;
}

#signup {
background: #990000;
position: absolute;
left: 410px;
top: 18px;
padding-bottom:2px;
padding-right:3px;
padding-left: 3px;
color: #ffffff;
font-weight: bold;
}

#signup:hover {
background: #ffffff;
color: #990000;
font-weight: bold;
}

.prefer {
position: relative;
right:825px;
top: 50px;
}

#sign-up label {
padding-right: 55px;
}

.name{
margin-right: 22px;

}

.email {
margin-right:22px;
}


.quote p{
float: left;
position: absolute;
left:-190px;
bottom:-25px;
^bottom: 10px;
^left: -180px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#signup {
position: absolute;
left: 450px;

}

#sign-up {
position: relative;
bottom: 270px;
left: 290px;
font-size: 0.73em;
font-family: arial;
padding:0;
}

.quote p{
float: left;
position: absolute;
left:-155px;
bottom:-25px;
}

.prefer {
position: relative;
right:780px;
top: 50px;
}

.forms {
padding-right:50px;
}



/*end signup box */