.hidden { display: none; }

html, body {
	color: #FFFFFF;
    font-family: Myriad Pro, Arial, Verdana, sans-serif;
	font-size: 10pt;
	background-color: #2a1735;
	background-image: url(http://www.mysabisabi.com/themes/mysabisabi/img/bg_header.png);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 101%;
	margin:0px 0px; padding: 0px;
	}
    
table, tr, td {
	padding: 0px;
	border-collapse: collapse;
	}

a, a:link, a:visited, a:active  {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #e8b8ff;
	}

img { border: 0px; }
img, div { behavior: url(http://www.mysabisabi.com/themes/mysabisabi/iepngfix.htc) }

#inside {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    }
#maindiv {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	}
.nav {
    background-image: url(http://www.mysabisabi.com/themes/mysabisabi/img/nav.png);
    background-repeat: repeat-x;
    height: 42px;
    }
.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }
    
#footer {
    position: absolute;
    bottom: 20%;
    height: 185px;
    width: 100%;
    background-image: url(http://www.mysabisabi.com/themes/mysabisabi/img/bg_footer.png);
    background-repeat: repeat-x;
    z-index: 1;
    }

.boxgrid {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    }

.boxgrid img { 
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	}

.form td {
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    }

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


        .lavaLampWithImage {
            position: relative;
            margin-top: 0px;
            top: 5px;
            height: 29px;
            width: 510px;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url(http://www.mysabisabi.com/themes/mysabisabi/img/lava.png) no-repeat right -30px;
                        width: 9px; height: 30px;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url(http://www.mysabisabi.com/themes/mysabisabi/img/lava.png) no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        z-index: 200;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
ul { padding-top: 0px;
     padding-bottom: 10px;
     margin-top: 0px;
     margin-bottom: 0px; }
h1 {
    font-weight: normal;
    font-size: 12pt;
    margin: 2px;
    }
h2 {
    font-weight: normal;
    font-size: 26pt;
    text-align: center;
    font-style: oblique;
    margin: 10px;
    }
h3 {
    font-weight: normal;
    font-size: 24pt;
    margin-bottom: 20px;
    margin-top: 0px;
    }
h4 {
    font-weight: bold;
    font-size: 13pt;
    margin-bottom: 0px;
    margin-top: 0px;
    }
#maintext {
    font-size: 11pt;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    }
.text {
    font-size: 11pt;
}

.tablespacing td { vertical-align: top; padding: 15px; }
.g_left {
    width: 42px;
	background-image: url(http://www.mysabisabi.com/themes/mysabisabi/img/g_left.png);
	background-repeat: repeat-y;
	background-position: top left;
}
.g_right {
    width: 42px;
	background-image: url(http://www.mysabisabi.com/themes/mysabisabi/img/g_right.png);
	background-repeat: repeat-y;
	background-position: top right;
}
.gray {
   width: 779px;
   background-color: #8c8c8c;
   }
.g_body {
   background-color: #8c8c8c;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 0px;
   }
   
input {
	padding:0.35em;
	width: 250px;
	border:1px solid #ddd;
	background:#ffffff;
	font: 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input:hover, input:focus {
	border-color:#a301e6;
	background:#faefff;
}

textarea {
	border:1px solid #ddd;
	padding: 4px;
	background:#ffffff;
	font: 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
textarea:hover, textarea:focus {
border-color:#a301e6;
	background:#faefff;
} 
.submit { width: 100px; margin-top: 5px; }

#copyright {
	position: fixed;
	background-color: #222222;
	bottom: 0px;
	z-index: 200;
	height: 28px;
	width: 100%;
}
#copyright td {
	color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
	height: 25px;
	vertical-align: middle;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#copyright table { width: 100%; }

#copyright a { color: #FFFFFF; text-decoration: none; }
#copyright a:hover, #nav a:hover { color: #009eef; }