/*regular styles*/

html, body {
height:100%;
}


body{
width:100%;
height:100%;
margin:0 auto;
padding:0;
font-family:"Helvetica", Arial, Verdana, sans-serif;
font-size:12px;
}

a{
border:none;
outline: none;}

img{border:none;}

.clear{
clear:both;}

.bigtxt{
font-size:2em;}

#distance { /*used this to achieve vertical centering*/
width:1px;
height:50%;
margin-bottom:-300px; /* half of container's height */
float:left;
}


#container{
width:870px;
height:600px;
margin:0 auto;
clear:left;
}

#gallery, #posters{
display:inline;
width:870px;
height:500px;
margin:0 auto;
padding:0;
background:#c8c0b5;
z-index: 100;
}


#contact{
width:870px;
height:500px;
margin:0 auto; /*bumps up the contact pic to same position*/
padding:0;
background:url(http://www.lizwolfe.com/ken/images/contact_alt.jpg);
}

#profile{
width:870px;
height:500px;
margin:0 auto;
padding:0;
background:#7cdadf;}


#profile img{
margin:0;
padding:0;
float:left;
}

#profile p{
font-size:30px;
margin-left:45px;
margin-top:423px;
padding:0;
color:#fff;
text-decoration: none;
float:left;}


/*plate and nav*/



.sitenav{
width:870px;
height:27px;
margin:0 auto;
margin-bottom: 10px;
padding:0;
}

span.name{
display: inline;
width:150px;
height:2em;
margin-top:3px;
margin-left:5px;
padding:0;
float:left;
}

span.name a{
font-size:2em;
font-weight:bold;
letter-spacing: 0.07em;
color:#ff59b2;
text-decoration: none;
}

ul.navs{
text-align: left;
list-style-type: none;
height:12px;
margin-right:0px;
margin-top:12px;
padding:0;
float:right;
}

ul.navs li{
display: inline;}

ul.navs li a{
font-size:12px;
text-decoration:none;
font-weight: bold;
color:#b0a494;
margin:0 6px 0 20px;
padding:0;
//margin-left:1.5em; //1.5em;
//letter-spacing: 0.05em;
}


ul.navs a:hover{
color:#FF0000;}


ul li.active a{
color:#ff59b2;
}



/*photo gallery*/


ul#s2{
margin:0 auto;
background:white;
}

ul#s2 li{
list-style-type: none;}

ul#s2 li div{
height:550px;
}

.pics { 
padding:0; 
margin:0 auto;
}

.pics img {
width:870px;
height:500px;}


.nav{
width:120px;
height:50px;
margin-right:0px;
margin-top:506px;
padding:0;
position:relative;
float:right;
z-index:100;
}




#prev2{
width:50px;
height:50px;
margin-left:20px;
float:left;}

#prev2 img, #next2 img{
padding:5px;}


#next2{
float:right;
}



span.title em {
font-style: normal;
color:#ff59b2;
margin-right:4px;
}

span.title em a{
font-style: normal;
color:#ff59b2;
}

.title span.hello{
color:#ff59b2;
}

.title span.goodbye{
color:#b0a494;}

span.title{
font-size:12px;
letter-spacing: 0.02em;
color:#a89a8e;
margin-top:13px;
margin-left:5px;
padding:0;
float:left;
}

span.count{
width:50px;
height:12px;
margin-top:13px;
margin-right:25px;
color:#a89a8e;
padding:0;
float:right;
text-align:center;
}


/*IE6 + 7 HACK*/
span.count{
*margin-top:8px;
*margin-right:25px;
_margin-right:26px;}



/*shop page*/


.sugarposter, .creatureposter{
width:435px;
height: 500px;
margin:0;
padding:0;
float:left;
z-index:50;
display: inline;}

.caption1{
color:#FFF;
font-size:0.85em;
font-weight:bold;
letter-spacing:1px;
position:relative;
left:20px;
top:-475px;}
	
.caption1 p{
margin:0;
padding:0;}


/*#b0a7a6*/



/*CONTACT PAGE*/


.contact_form{
display: inline;
width:300px;
float:left;
text-align: left;
margin-top:75px;
margin-left:50px;
padding:0;
color:#ff59b2;
text-decoration:none;
}


.contact_form div{
height: 70px;
margin:0;
padding-bottom:30px;}




.contact_form h4{
margin:0;
padding:0;}

.info p{
font-size:1.2em;}

.info a{
color:#ff59b2;
font-family:'Arial', Helvetica, Verdana, sans-serif;}

form#mail_form{
margin-bottom:0px;
padding:0;}

.contact_form input#email{
width:160px;
height:12px;
}

input.blur {
color: #999;}

.contact_form input#joinbtn{
width:75px;
height:22px;
color:#fff;
border:1px solid #CCC;
background:#ff59b2; 
}


.contact_form a:hover{
text-decoration:underline;
color:#333;
}

div.contact_form input#joinbtn:hover{
background:#333;}

.facebook h3 a{
color:#ff59b2;}

.facebook a{
color:#ff59b2;
}

p.thanks{
font-size:16px;
color:#826b57;
}

div.mail_list h4{
margin-bottom: 20px;}
 
 
.credit{
color:#ff59b2;
float:right;
margin-right: 10px;}

.credit a{
color:#ff59b2;}

.credit a:hover{
color:#333;}