* {
margin : 0;
padding : 0;
}
body {
background : #ffffff;
margin : 0;
padding : 0;
font-family : arial, sans-serif;
font-size : 90%;
color : #22183d;
text-align : justify;
line-height : 16px;
}
.clear {
clear : both;
}
p {
margin-bottom : 1.5em;
}
h2 {
color : #ff008a;
font-family : arial, sans-serif;
font-size : 145%;
margin-bottom : 0.5em;
margin-top : 0.5em;
text-transform : uppercase;
}
a {
color : #b9e637;
text-decoration : none;
}
a:hover {
color : #ff008a;
}
.image {
padding : 0;
}
ul, ol {
margin-left : 2.5em;
margin-bottom : 1.5em;
}
comment {
margin-left : 2.5em;
margin-bottom : 1.5em;
background : #c9eee9;
}
input, textarea {
background : #d9e799;
color : #22183d;
text-transform : none;
width : 50%;
border : 0;
padding : 2px;
font-family : trebuchet ms, sans-serif;
font-size : 110%;
}
#container {
width : 600px;
margin : 0 auto;
text-align : justify;
background : #fff;
}
#nav {
height : 22px;
width : 100%;
text-transform : uppercase;
font-size : 80%;
background : #f3daa1;
float : right;
text-align : center;
}
#nav ul {
list-style-type : none;
margin-left : 0;
}
#nav ul li {
letter-spacing : 1px;
display : inline;
}
#nav ul li a {
color : #22183d;
text-decoration : none;
float : left;
padding : 3px 2px 3px 65px;
}
#nav ul li a:hover {
color : #ff008a;
border : 0;
background : transparent;
}
#content {
width : 580px;
background : #fff;
float : left;
padding : 5px;
}
#footer {
padding : 0;
background : #f3daa1;
text-align : center;
color : #22183d;
}
#footer a {
color : #22183d;
text-decoration : none;
}
#footer a:hover {
color : #ff008a;
border : 0;
background : transparent;
}