/* ----------- general --- */

body {
color: #FFFFFF ;
color: black ;		
}

/* ----------- typography --- */


p {
text-align: justify ; 
vertical-align: top ;
}

#homebutton{
}

/* ----------- images --- */

img {
border: none ;
border: #000000 ;
}


/* ----------- Innocence Page Semester 1 2009 --- */


#innocence {
width: 1024px ;
height: 768px ;
border: 0px ;
margin: 0 auto;
}

#innocence1 {
width: 979px ;
height: 761px ;
border: 0px ;
margin: 0 auto;
}

#playlist1 {
position: absolute ;
left: 370px ;
top: 910px ;
border: 0px ;
}


#stories {
position: relative ;
font-size: 13px;
top: -15px ;
left: 86px ;
width: 450px ;
height: 680px ;
border: 10px ;
z-index: 1 ;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#container1{
width: 95px ;
height: 190px ;
position: relative ;
margin-top: 90px ;
left: -200px ;
margin-left: 220px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: 1 ;
}

#container3{
width: 95px ;
height: 96px ;
position: absolute ;
margin-top: 60px ;
left: -190px ;
margin-left: 220px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: 1 ;
}

#container4{
width: 120px ;
height: 175px ;
position: absolute ;
margin-top: 300px ;
left: -200px ;
margin-left: 220px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: 1 ;
}

#container6{
width: 120px ;
height: 140px ;
position: absolute ;
margin-top: 615px ;
left: -200px ;
margin-left: 220px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: 1 ;
}

#container5{
width: 120px ;
height: 110px ;
position: absolute ;
margin-top: 930px ;
left: -200px ;
margin-left: 220px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: 1 ;
}

#container2{
width: 600px ;
height: 5890px ;
position: absolute ;
margin-top: -281px ;
left: 260px ;
border-color: black ;
border: solid 5px;
background: white ;
padding: 40px ;
z-index: -1 ;
}

#homelist{
position: absolute ;
left: 30px ;
top: 10px ;
width: 1000px ;
font-size: 15px;
color: red ;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#innocencelist{
position: relative ;
left: 6px ;
top: -63px ;
width: 700px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#puritylist{
position: relative ;
left: 6px ;
top: -63px ;
width: 700px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#puritylist1{
position: relative ;
left: 6px ;
top: -63px ;
width: 700px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#deflist1{
position: relative ;
left: -25px ;
top: -63px ;
width: 175px ;
font-size: 13px;
text-align: left ; 
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#deflist2{
position: relative ;
left: -25px ;
top: -60px ;
width: 175px ;
font-size: 13px;
text-align: left ; 
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
z-index: 2 ;
}

#title1 {
position: relative ;
left: -33px ;
top: -43px ;
width: 700px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title2 {
position: relative ;
width: 700px ;
left: 40px ;
font-size: 25px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title3 {
position: relative ;
left: -16px ;
top: -43px ;
width: 700px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title4 {
position: relative ;
left: 100px ;
top: 2px ;
width: 700px ;
font-size: 25px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title5 {
position: relative ;
left: 30px ;
top: -43px ;
width: 70px ;
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title6 {
position: relative ;
left: -23px ;
top: -43px ;
width: 200px ; 
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#title6a {
position: relative ;
left: -5px ;
top: -40px ;
width: 200px ; 
font-size: 15px;
font-family: arial, helvetica, verdana, "lucida sans", sathu ;
}

#sound {
width: 100px ;
height: 0px ;
border: 0px ;
margin: 0 auto;
}

#movie {
position: relative ;
width:  640px ;
height: 496px ;
border: 0px ;
top: 100px ;
margin: 0 auto ;
}

#back {
position: relative ;
top: 100px ;
left: 590px ;
font-size: 16px ;
text-decoration: none ;
font-family: sans-serif; 
}


/* ----------- links --- */

a:link{ 
color: black ;
}
a:visited{ 
color: black ;
}
a:hover{ 
color: #ffffff;
background-color: #7c43c1;
text-decoration: none;
}
a:active{ 
color: #7c43c1;
}

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

ul{list-style-type: none ;}
il{list-style-type: none ;}