html, body	
{
height:100%;
margin:0;
padding:0;
background-color:#fcfcfc;
/*min-width:960px;
min-height:600px;*/
*overflow:hidden;
/*background-image: url(../img/bg.jpg no-repeat center)*/;
}
/*#bg
{
position:fixed;
top:0;
left:0;
bottom:0;
right:0-
border:solid 3px #000;
background:#0f0;
width:100%;
height:100%;
/*min-width:960px;
min-height:600px;*/
/*width:expression(document.body.clientWidth < 1020? "1020px": "auto" );*/
/*}*/
#bg_top, #bg_right, #bg_bottom, #bg_left {
position:fixed;
background:#000;
}
#bg_top, #bg_bottom {
left:0;
right:0;
height:4px;
}
#bg_top {
top:0;
}
#bg_bottom {
bottom:0;
}
#bg_left, #bg_right {
top:0;
bottom:0;
width:4px;
}
#bg_left {
left:0;
}
#bg_right {
right:0;
}
.logo_desktop {
text-align:center;
margin:auto;
width:90%;
padding-right:43px;
}
a img
{
text-decoration: none;
border: 0 none;
outline: 0; none
padding:0 20px 0 20px;
}
a
{
text-decoration: none;
border: 0 none;
outline: 0; none
}
:-moz-any-link:focus {
  outline: none;
}
#sponge
{
/*height:34%;*/
/*padding-top:13.4%;*/
position:fixed;
top:0;
/*margin-top:-50%;*/
height:50%;
width:100%;
/*background-color:#ff00aa;
border:solid 4px red;*/
}

#theparty
{
/* add css for centreing */
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:90%;
max-width:720px;
height:546px;
/*margin:0 auto;*/
padding:16px 20px 12px 20px;
text-align:center;
/*background-color:#4444ff;*/
}
#byline1
{
position:relative;
margin:0 auto;
/*background-color:#FF0066;*/
padding:34px 34px 0px 30px;
font-family:Verdana, Trebuchet MS, Arial;
font-size:31px;
line-height:36px;
text-align:center;
font-weight:bold;
font-style:italic;
color:#181818;
}
#byline2
{
position:relative;
margin:0 auto;
/*background-color:#FF0066;*/
padding:34px 30px 0px 30px;
font-family:Trebuchet MS, Verdana, Arial;
font-size:18px;
font-weight:bold;
line-height:28px;
text-align:center;
color:#000000;
}
#landline
{
width:90%;
position:relative;
margin:0 auto;
/*background-color:#FF0000;*/
padding:28px 34px 24px 30px;
font-family:Verdana,Trebuchet MS, Arial;
font-size:20px;
line-height:34px;
text-align:center;
font-weight:bold;
color:#181818;
}
#buttons
{
position:relative;
width:690px;
margin:0 auto;
/*background-color:#FF0066;*/
padding:26px 0px 22px 23px;
font-family:Verdana, Trebuchet MS, Arial;
font-size:22px;
line-height:22px;
text-align:center;
font-weight:bold;
font-style:italic;
color:#323232;
}
.post
{
text-align:right;
padding-right:20px;
font-size:0.75em;
}

/*buttons */

.button
{
color:#fff;
padding:6px 27px 8px;
background-color:#1f1f1f;
border:none;
margin-right:25px;
position: relative;
-webkit-user-select: none;
-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.button:hover
{
color:#ddd;
background-color:#020202;
}
.button:active
{
position:relative;
top:3px;
-webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
-moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
}
.button:active:after
{
content: "";
width:100%;
height:3px;
background:#fff;
position:absolute;
bottom:-1px;
left:0;
}
.button:last-of-type
{
margin:0;
}