html * {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
font-size: 62.5%; /* 2.5em now equals 25px etc */
font-family: arial, sans-serif;
background: #f9ebf9;
color: #000000;
}

div#wrapper {
width: 880px;
margin: 0 auto; /* center for most browsers */
background: #a58382;
padding-left: 10px;
padding-right: 10px;
}

a {
color: #ffffff;
}

a:hover {
text-decoration: none;
color: #b82e33;
}

img {
border: none;
}

div#header {
width: 900px;
height: 125px;
margin: 0 auto;
text-align: left;
background: url(/images/sexysomeone2.jpg) top left no-repeat;
}

h1 {
padding-top: 102px;
margin-left: 14px;
font-size: 1.6em;
}

h2 {
width: 100%;
background: #be9795;
text-align: center;
padding-top: 10px;
font-size: 2em;
color: #ffffff;
height: 35px;
letter-spacing: 1px;
font-style: italic;
margin-bottom: 10px;
}

div#lefty {
width: 220px;
float: left;
background: #be9795;
padding: 10px;
}

div#righty {
width: 620px;
float: right;
background: #fdcac7;
padding: 10px;
}

div#righty img {
margin-right: 10px;
}

p.pointer {
color: #a58382;
font-size: 1.4em;
letter-spacing: 1px;
margin-top: 10px;
margin-left: 15px;
font-weight: bold;
}

h3 {
text-align: center;
color: #ffffff;
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.6em;
}

h4 {
font-size: 2em;
text-align: center;
}

p.explan {
margin-left: 15px;
margin-bottom: 10px;
font-size: 1.2em;
letter-spacing: 1px;
text-align: justify;
}

div#joinbox {
float: right;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 10px;
border: 1px solid #000000;
padding: 10px;
}

p#jointitle {
font-weight: bold;
text-align: center;
font-size: 1.2em;
margin-bottom: 10px;
}

p#stripjoin {
text-align: center;
font-size: 1.6em;
font-weight: bold;
margin-bottom: 10px;
}

p#stripjoin a {
color: #b82e33;
}

ul#navi {
list-style-type: none;
margin-top: 10px;
}

ul#navi li {

}

ul#navi li a {
font-size: 1.4em;
font-weight: bold;
}