/* mamelnick.com styles */

html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0; 
    padding: 0;
    text-align: center;
    background: #ffffff;
}

.titleimage {
    width: 80px;
    border: none;
}

.nav_unselected_home, .nav_unselected_bio, .nav_unselected_stories,
.nav_unselected_surplus, .nav_unselected_contact, .nav_unselected_signup {
    border: 0px;
    display: block;
    width: 56px;
    height: 56px;
}

.nav_selected_home, .nav_selected_bio, .nav_selected_stories,
.nav_selected_surplus, .nav_selected_contact, .nav_selected_signup {
    border: 0px;
    display: block;
    width: 56px;
    height: 56px;
}

a {
    text-decoration: none;
    color: #000000;
}

a:link {
    text-decoration: none;
    color: #000000;
}

a:visited {
    text-decoration: none;    
    color: #000000;
}

a:active {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: none;
    color: red;    
}

.bio {
    padding-top: 275px;
    font-size: 12pt;
}

.storylist {
    list-style: none;
    margin-top: 38px;
    margin-left: -15px;
}

.storytitle, .storytitlecurrent, .storytitle_static {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 12pt;
}

.storytitlecurrent, .storytitle:hover, .surplustitle:hover {
    color: red;
}

.surplustitle, .surplustitlecurrent {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 12pt;
    padding-bottom: 30px;
}

.surplustitlecurrent {
    color: red;
}

.storydate, .storypub {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #706f6a;
    font-size: 9pt;
}

.storydate {
    margin-bottom: 20px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.overlayhidden, .overlayshow {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 903px;
    height: 646px;
}

.biooverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    width: 903px;
    height: 646px;
    background: url(../images/picbio2.jpg) 28px center no-repeat;	 
}

.centertext {
    width: 100%;
    text-align: center;
}

.overlayshow {
    z-index: 2;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.storyhome {
    margin-top: 0px;
    padding-right: 0px;
    width: 580px;
    height: 565px;
    border-color: #000000;
    border: 0px;
    overflow: hidden;   
}

.message {
	font-size: 12px;
}

.credit {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #706f6a;
    font-size: 8px;
    text-align: left;
    margin-left: 28px;
    position: relative;
    top: 495px;
}

#formmargin {
	padding-top: 60px;
}

#storypanel {
    margin-top: 18px;
    padding-right: 20px;
    width: 580px;
    height: 565px;
    border-color: #000000;
    border: 0px;
    overflow: auto;    
}

#header{
    position:relative; 
    height:20px; 
    background-color:#ffffff; 
    width:100%;
    display:block;
}

#pagewidth { 
    width: 1067px; 
    text-align: left; 
    margin: 0 auto; 
} 

#leftcol {
    width: 80px; 
    float: left; 
    position: relative; 
    background-color: #ffffff;
    z-index: 1;
}

#twocols {
    width: 987px; 
    float: right; 
    position: relative;
    z-index: 1;
}

#rightcol {
    width: 60px; 
    float: right; 
    position: relative; 
    background-color: #ffffff;
    padding: 150px 0 0 20px;
    z-index: 1;
}

#rightcol a {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    margin: auto;
}

#maincol, #maincolhome {
    background-color: #ffffff;  
    float: left; 
    position: relative; 
    width: 903px;
    height: 646px;
    z-index: 1;
}

#maincolhome {
    background: url(../images/bay.jpg) center center no-repeat;	
}

/* Obediently Yours */
#bottle_1 {
    width: 81px;
    height: 171px;
    background: transparent url(../images/bottles.png) 0 0 no-repeat;
    position: absolute;
    top: 350px;
    left: 300px;
}

#title_1 {
    position: absolute;
    top: 372px;
    left: 365px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
    width: 70px;
    text-align: center;
}

/* Art of Breathing */
#bottle_2 {
    width: 61px;
    height: 151px;
    background: transparent url(../images/bottles.png) -100px 0 no-repeat;
    position: absolute;
    top: 270px;
    left: 230px;
}

#title_2 {
    position: absolute;
    top: 315px;
    left: 285px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

/* Crash */
#bottle_3 {
    width: 61px;
    height: 151px;
    background: transparent url(../images/bottles.png) -170px 0 no-repeat;
    position: absolute;
    top: 290px;
    left: 430px;
}

#title_3 {
    position: absolute;
    top: 335px;
    left: 485px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

/* The Nesessary Arrangements */
#bottle_4 {
    width: 50px;
    height: 75px;
    background: transparent url(../images/bottles.png) -250px -38px no-repeat;
    position: absolute;
    top: 300px;
    left: 560px;
}

#title_4 {
    position: absolute;
    top: 320px;
    left: 620px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

#bottle_5 {
    width: 50px;
    height: 65px;
    background: transparent url(../images/bottles.png) -320px -45px no-repeat;
    position: absolute;
    top: 240px;
    left: 430px;
}

#title_5 {
    position: absolute;
    top: 258px;
    left: 490px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

#bottle_6 {
    width: 40px;
    height: 65px;
    background: transparent url(../images/bottles.png) -390px -45px no-repeat;
    position: absolute;
    top: 220px;
    left: 620px;
}

#title_6 {
    position: absolute;
    top: 242px;
    left: 670px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

#bottle_7 {
    width: 40px;
    height: 50px;
    background: transparent url(../images/bottles.png) -470px -50px no-repeat;
    position: absolute;
    top: 190px;
    left: 475px;
}

#title_7 {
    position: absolute;
    top: 200px;
    left: 510px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #464646;
    display: none;
}

#maincol {
    border-color: #000000;
    border: 2px solid;
    z-index: 1;
}

#contenttwocols {
    width: 645px;
    float: right;
    position: relative;
}

#contentleftcol {
    width: 258px;
    height: 646px;
    float: left; 
    position: relative; 
    background-color: #ffffff; 
}

#contentmaincol {
    width: 590px;
    height: 606px;
    float: right;
    position: relative;
    padding: 20px;
    background-color: #ffffff;
}

#contentdividercol {
    background-color: #ffffff;  
    float: left; 
    position: relative; 
    width: 10px;
    height: 646px;
}

#biopic {
    padding-left: 28px;
    padding-top: 163px;
}

#footer {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #706f6a;
    font-size: 10px;
    height: 20px; 
    background-color: #ffffff; 
    clear: both;
    display: block;
    text-align: right;
    width: 983px;
}

#whw_col1, #whw_col2 {
	float: left;
	width: 200px;
}


#stories_pic {
    background: url(../images/bottles.jpg) center center no-repeat;
    height: 565px;
    width: 584px;
}

fieldset { 
    border:0px 
}

.connecttitle {
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 14pt;
    padding-bottom: 30px;
}

.connectsubtitle {
    color: #706f6a;
    margin-top: 10px;
}

#connectsidebar {
    margin: 30px;
    font-family: Futura, Helvetica, Arial, sans-serif;
    color: #706f6a;
    font-size: 10pt;
}