/* MAIN BOX FOR STORY PAGE ONLY  */ 
.storymainbox {background-color:black; width:100%; border:4px outset green; padding:2px 3px; margin:5px 0px 0px 150px; font-family: Geneva, Arial, Helvetica, san-serif; font-style: normal; color: #FF0000;clear:both;}

.storymainbox a {color:#FF0000; font-size: 1em; }
.storymainbox a:hover {color:white; text-decoration:none}
.storymainbox h1 {padding: 0px; margin: 0px; text-transform:uppercase; font-size: 1.1em; }
.storymainbox h2 {padding: 0px; margin: 2px 0px; text-transform:uppercase; font-size: 0.9em; }
.storymainbox p {padding: 0px; margin: 2px 0px; font-size: 0.9em; clear:both;}

/* CONTAINER FOR THE PICS */ 
.storycontainer {width:750px; border:1px solid #A0522D; padding:2px; margin:0px;}
.storycontainer img, .storycontainer b {float:left;}
.storycontainer b {color:white; border:2px solid #A0522D; padding:2px;}


/* THIS IS WHERE ALL THE PICS HAVE TO BE LISTED */ 

#Retpage1pic1number1, #Retpage1pic1number2, #Retpage1pic2number1, #Retpage1pic3number1, #Kakipage1pic2number1, #Kakipage1pic3number1 
{display:inline; font-size: 0.9em; color:white; background-color:black; padding:2px; margin:0px; border:2px solid #A0522D;}

/* RETRIBUTION STORY: PICS LISTED FOR TEXT POSITIONING. */ 

#Retpage1pic1number1 {position:relative; top:-1200px; left:20px; width:150px;}
#Retpage1pic1number1 b {float:right; position:relative; left:10px;}

#Retpage1pic1number2 {position:relative; top:-730px; left:340px; width:200px;}
#Retpage1pic1number2 b {float:left; position:relative; left:-10px;}

#Retpage1pic2number1 {position:relative; top:-250px; left:-150px; width:150px;}
#Retpage1pic2number1 b {float:left; position:relative; left:-10px;}

#Retpage1pic3number1 {position:relative; top:-20px; left:10px; width:200px;}
#Retpage1pic3number1 b {float:left; position:relative; top:-10px;}


/* KAKI STORY: PICS LISTED FOR TEXT POSITIONING. */ 
#Kakipage1pic2number1 {position:relative; top:-450px; left:10px; width:200px;}
#Kakipage1pic2number1 b {float:left; position:relative; left:-10px;}

#Kakipage1pic3number1 {position:relative; top:-420px; left:300px; width:200px;}
#Kakipage1pic3number1 b {float:right; position:relative; left:10px;}

/* OTHER */ 

.desctext {border:1px dashed #A0522D; width:600px; height:100px; overflow:auto;}

.navbuttons {text-align:center;}
.navbuttons h1 { display:inline; text-align:center; border:1px solid white; width:100px; margin:2px;}
.navbuttons h1 a {text-decoration:none; color:white;}

.pagenumber {float:right; position:relative; top:-12px;}

.viewthesepictures {clear:both; margin:20px 5px 20px 40px;}
.viewthesepictures .viewpicat {color:red; border:2px solid #A0522D; padding:3px;}