body {
background : url(img/llama2.png);
font-family : georgia;
}
h1 {
font-size : 18px;
color : #8B2374;
font-weight : normal;
text-transform : lowercase;
font-style : italic;
}
h2 {
font-size : 13px;
letter-spacing : 7px;
max-width : 350px;
font-family : arial;
text-transform : uppercase;
margin : 0;
text-align : center;
color : #6d8f8e;
background : #dce1e1;
}
p, blockquote, ul, ol {
font-size : 11px;
color : #ffffff;
}
blockquote {
border-left : 9px solid #a0a0a0;
background : url(img/block.png);
padding-left : 5px;
}
ul {
list-style: lower-roman;
}
li {
font-style: italic;
}
b {
text-transform : uppercase;
color : #B90091;
}
a {
text-decoration : none;
font-style : italic;
color : #DC63C2;
}
a:hover {
color : #3b716c;
}
#image {
left : 0px;
bottom : 0px;
width: 1100px;
position : absolute;
}
#navigation { overflow:auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 230px; left: 593px; width: 75px; height: 332px; margin-right: -75px; margin-bottom: -332px; text-align: right;
}
#navigation a, #navigation a:visited {
color : #439781;
font-size : 10px;
font-family: arial;
font-weight: bold;
text-decoration : none;
text-transform : uppercase;
display : block;
background: #e1e7d1;
margin-bottom: 4px;
border-bottom: 3px #a1d5c8 solid;
}
#navigation a:hover, #navigation a:active {
color : #bd219a;
border-bottom: 0px;
border-top: 3px #de42bb solid;
display : block;
}
#content {
overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 230px; left: 672px; width: 392px; height: 332px; margin-right: -392px; margin-bottom: -332px;
}