/* My Kinky Secret Stylesheet v1 */

body{
padding: 0;
margin: 5px 0 0 0;
background-color: #000;
font-family: arial, helvetica, sans-serif;
font-size: small;
color: #fff;
}

body#home .homeLink,
body#about .aboutLink,
body#characters .charactersLink,
body#show .showLink,
body#join .joinLink,
body#resources .resourcesLink,
body#music .musicLink,
body#contact .contactLink{
color: #ffa200;
}

#wrapper{
margin: 0 auto;
width: 925px;
border: solid 0px #333;
}

/* header styles ------------------------------------------------- */

#header{
height: 26px;
background: #000 url(images/mks_Header.jpg) left top no-repeat;
}

/* member login styles ------------------------------------------------- */

#membersLogin{
width: 500px;
height: 23px;
padding: 0 30px 0 0;
text-align: right;
float: right;
}

#membersLogin form{
padding: 0;
margin: 5px 0 0 0;
float: right;
}

#membersLogin label{
padding: 0 3px 0 3px;
margin: 0;
font-size: 11px;
color: #fff;
vertical-align: top;
}

#membersLogin .field{
width: 90px;
padding: 0 0 1px 1px;
margin: 0;
height: 12px;
margin-right: 10px;
font-family: arial, sans-serif;
font-size: 10px;
color: #000;
vertical-align: top;
}

#membersLogin input{
padding: 0;
margin: 0;
border: none;
}

/* nav bar styles ------------------------------------------------- */

#nav{
width: 100%;
padding: 0;
margin: 0;
height: 22px;
float: left;
}

#nav ul{
padding: 0;
margin: 0;
list-style: none;
font-family: verdana, sans-serif;
font-size: 15px;
color: #ff0000;
float: left;
line-height: 130%;
}

#nav li{
float: left;
}

#nav ul a{
padding: 0 32px 0 30px;
margin: 0 6px 0 0;
color: #ff0000;
text-decoration: none;
display: inline;
border: solid 1px #666;
border-left: none;
border-right: none;
float: left;
}

/* content box styles ------------------------------------------------- */

#content{
height: 568px;
padding: 0;
margin: 0;
background: url(images/index_Bg_Dark.jpg) left top no-repeat;
clear: both;
}

#home #content{
height: 568px;
padding: 0;
margin: 0;
background: url(images/index_Bg.jpg) left top no-repeat;
clear: both;
}

/* index page text styles ------------------------------------------------- */

#indexText{
width: 500px;
position: relative; top: 400px; left: 80px;
text-align: center;
}

#indexText p{
padding: 8px 0 11px 11px;
margin: 0;
font-family: verdana, sans-serif;
font-size: 115%;
color: #ffffff;
line-height: 150%;
}

/* page text styles ------------------------------------------------- */

#defaultText{
width: 540px;
padding: 25px 0 0 60px;
margin: 0;
float: left;
}

#defaultText h1{
padding: 0;
margin: 0 20px 5px 0;
font-size: 25px;
border-bottom: solid 2px #ff0000;
}

#defaultText p{
padding: 5px 0 0 0;
margin: 0;
font-family: verdana, sans-serif;
font-size: 15px;
color: #ffffff;
line-height: 140%;
}

/* characters styles ------------------------------------------------- */

#characters p{
padding: 0;
margin: 0;
font-size: 11px;
}

#characterThumb
{
/* border: solid 1px #ffffff; */
width: 125px;
height: 135px;
padding: 0;
margin: 5px 5px 2px 0;
text-align: center;
float: left;
}

#characterThumb img{
padding: 0;
margin: 2px 0 0 0;
border: solid 1px #fff;
}

#characterThumb p{
padding: 1px 1px 4px 1px;
margin: 0;
font-size: 10px;
color: #ffffff;
text-align: center;
}

#characterThumb p span{
padding: 0;
margin: 0;
font-size: 11px;
color: #ffa200;
font-weight: bold;
}

/* resources styles ------------------------------------------------- */
#resources h2{
font-size: 14px;
}

/* footer styles ------------------------------------------------- */

#footer{
margin: 0 50px;
padding: 2px 0 2px 20px;
font-size: 10px;
color: #fff;
background: #111;
clear: both;
}






