/*** CONTENT DIVS ***/

hr {
border: 0px;
border-top: solid 1px #ffffff;
border-bottom: transparent;
}

#body {
position: absolute;
top: 0px;
left: 175px;
width: 649px;
height: auto;
}

.bodytop {
background-image: url(../images/layout/summer/body_topm.jpg);
background-repeat: no-repeat;
width: 649px;
height: 146px;
}

.bodybg {
background-image: url(../images/layout/summer/body_centerm.jpg);
background-repeat: repeat-y;
width: 651px;
}

.bodybottom {
background-image: url(../images/layout/summer/body_bottomm.jpg);
background-repeat: no-repeat;
width: 651px;
height: 150px;
}

.bodycontent {
position: relative;
left: 22px;
top: 30px;
width: 609px;
height: auto;
margin-left: 5px;
margin-right: 4px;
margin-bottom:50px;
}

#footer {
width: 651px;
height: auto;
background-image:none;
text-align: center;
}

/*** NAV DIV ***/

#nav {
position: absolute;
top: 80px;
left: 20px;
width: 142px;
height: auto;
}

.navtop {
background-image: url(../images/layout/summer/nav_topm.jpg);
background-repeat: no-repeat;
width: 143px;
height: 45px;
}

.navbg {
background-image: url(../images/layout/summer/nav_centerm.jpg);
background-repeat: repeat-y;
width: 143px; 
}

.navbottom {
background-image: url(../images/layout/summer/nav_bottomm.jpg);
background-repeat: no-repeat;
width: 143px;
height: 30px;
}

.navcontent {
position: relative;
left: 5px;
width: 132px;
height: auto;
margin-left: 3px;
}

/*** TABS DIV ***/

#tabs {
position: absolute;
top: 28px;
left: 823px;
width: 29px;
height: auto;
}

.home {
background-image: url(../images/layout/summer/t_1.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.homea {
background-image: url(../images/layout/summer/t_1a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .home {
background-image: url(../images/layout/summer/t_1a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.lists {
background-image: url(../images/layout/summer/t_2.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.listsa {
background-image: url(../images/layout/summer/t_2a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .lists {
background-image: url(../images/layout/summer/t_2a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.avatars {
background-image: url(../images/layout/summer/t_3.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.avatarsa {
background-image: url(../images/layout/summer/t_3a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .avatars {
background-image: url(../images/layout/summer/t_3a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.pets {
background-image: url(../images/layout/summer/t_4.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.petsa {
background-image: url(../images/layout/summer/t_4a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .pets {
background-image: url(../images/layout/summer/t_4a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.graphics {
background-image: url(../images/layout/summer/t_5.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.graphicsa {
background-image: url(../images/layout/summer/t_5a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .graphics {
background-image: url(../images/layout/summer/t_5a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.battle {
background-image: url(../images/layout/summer/t_6.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.battlea {
background-image: url(../images/layout/summer/t_6a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .battle {
background-image: url(../images/layout/summer/t_6a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.misc {
background-image: url(../images/layout/summer/t_7.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

.misca {
background-image: url(../images/layout/summer/t_7a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

a:hover .misc {
background-image: url(../images/layout/summer/t_7a.jpg);
background-repeat: no-repeat;
width: 29px;
height: 82px;
padding:1px;
}

/*** FONTS ***/

body, font, td, a, p, table, div, tr {
color: #2f627f;
font-family: century gothic;
font-size: 9pt;
line-height: 1.4;
font-weight: none;
text-decoration: none;
text-transform: none;
}

b {
color: #5674b4;
}

h1 {
color: #7b5838;
font-size: 10pt;
font-weight: normal;
width: 90%;
border-bottom: 1px dashed #ccb58c;
margin-top: 0px;
}

u {
color: #ccb58c;
}

i {
color: #ba9470;
}

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

#nav a:link, #nav a:active, #nav a:visited {
color: #7a532c;
font-weight: none;
text-decoration: none;
text-transform: none;
}

#body a:hover, #nav a:hover {
color: #cd5f8c;
font-weight: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
}

body {
scrollbar-track-color: #356885;
scrollbar-face-color: #356885;
scrollbar-highlight-color: #356885;
scrollbar-shadow-color: #356885;
scrollbar-3dlight-color: #356885;
scrollbar-darkshadow-color: #c20d1c;
scrollbar-arrow-color: #c20d1c;
}

/*** OTHER ***/


.textbox, input, textarea {
font-family: verdana;
font-size: 8pt;
color: #694920;
overflow: auto;
border: 1px solid #d4b682;
background-color: #ddc59f;
}

html {
background-color: #bbe3e3;
background-image: url(../images/layout/summer/background_rptm.jpg);
background-repeat: repeat-y;
background-position: top left;
}

a img {
border: 0;
}

/*
 * Edited by Keith Kurson
 */
#male_wrapper {
	    width: 125px;
    height: 250px;
}

#male_base {
    background-image: url('../images/human/Maker/base_male_2.png');
    width: 125px;
    height: 250px;
    color: white;
}

#male_clothing_preview {
    width: 125px;
    height: 250px;
    color: white;
    position: relative;
    bottom: 250px;
}

#female_wrapper {
	    width: 125px;
    height: 250px;
}

#female_base {
    background-image: url('../images/human/Maker/base_female_2.png');
    width: 125px;
    height: 250px;
    color: white;
}

#female_clothing_preview {
    width: 125px;
    height: 250px;
    color: white;
    position: relative;
    bottom: 250px;
}

#no_preview
{
	width: 125px;
    height: 250px;
    color: white;
    background-image: url('../images/human/Male/default_preview.jpg');
}