html, body {
margin: 0;
padding: 0;
background: white;
color: black;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#top {
height: 85px;
width: 100%;
position: fixed;
background: black;
border-bottom: 3px solid #680148;
}

#navbar {
display: block;
margin: 0 auto;
width: 960px;
height: 85px;
background: black;
border-bottom: 3px solid #680148;
}

#logo { 
font-size:53px;
font-family:Georgia, serif;
float: left;
margin: 10px 20px 8px 15px;
position:absolute;
color: #7DB4B5;
} /*h1 bannerissa */

#nav {
 float:right;
 margin:10px 8px 0px 20px;
}

#nav li {
display:inline;
background: #E0EFF1;
border: 3px solid #7DB4B5;
padding: 8px 0px 4px 0px;
margin: 0px 8px 10px 0px;

border-radius: 60px 0 60px 0;
 -moz-border-radius: 60px 0 60px 0;
 -webkit-border-radius: 60px 0 60px 0;
 -khtml-border-radius: 60px 0 60px 0;	
}

#nav li a {
color: #680148;
text-decoration:none;
font-size: 20px;
padding: 10px 20px;
}

#nav li:hover {
background:#7DB4B5;
}

#header {
color: #680148;
font-size: 35px;
text-align: left;
margin: 0px 15px 0px 95px;
} /*h3 alaotsikko: Kirjat, Näytelmät*/

h4 {
font-size:20px;
text-align:center;
}/*kirjannimi*/

.naytelmaOtsikko {
text-align: left;
}
/*naytelman otsikko, pohjana h4*/

.naytelmaTeksti {
clear:both;
}

p {
font-size:14px;
font-weight: normal;
text-align:left;
}

.special{
font-weight: bold;
}

#rest {
padding: 125px 0 0 0;
width: 960px;
margin: 0 auto;
background: #E0EFF1;
border-left: 3px solid #7DB4B5;
border-right: 3px solid #7DB4B5;
}

.book {
width: 330px;
margin: 15px 74px 40px 74px;
}

.book p {
text-align:center;
}

.book img {
display:block;
width: 250px;
margin: 0 auto;
border: 3px solid #7DB4B5;
}

.book a {
color: black;
}

.writerImage img{
width: 250px;
margin: 5px 90px 15px 0;
border: 3px solid #7DB4B5;
}

.shortText {
font-size: 13px;
width: 440px;
margin: 15px 30px 50px 80px;
text-align: left;
} /*Siteeraus*/

.wideText {
width: 770px;
margin: 0px 40px 40px 100px;
}


h2 {
color: #680148;
margin-bottom: 10px;
margin-top: 0;
}/*h2 siteeraus*/

#smallTextUnder {
font-size: 13px;
text-align:right;
font-weight: bold;
color: #680148;
float:right;
width:220px;
} /*h2 siteerauksen alla oleva lahde*/

.naytelmaSitaatti {
clear: left;
font-size: 20px;
text-align: center;
color: #680148;
margin: 45px 250px 65px 30px;
font-weight: bold;
width: 500px;
float: right;
}/*h2 siteeraus*/

.longText {
clear:left;
padding-top: 0;
margin: 0px 80px 40px 80px;
}

.longText p {
margin: 17px 0;
}

.floatRight {
float:right;
}

.floatLeft {
float:left;
}

.lastChapter {
padding-bottom: 205px;
font-size: 16px;
color: #680148
}

.contactInfo {
font-size: 14px;
color: #680148
}

footer {
margin-top:30px;
clear: both;
border-top: 3px dotted #680148;
padding:15px 15px 10px 0;
font-size: 11px;
font-weight: normal;
text-align:right;
background: #7DB4B5;
color: #680148;
}