html, body {
height : 100%;
background-image : url(images/bkgr.gif);
}
body {
margin : 0;
padding : 0;
background : url(images/header.gif) repeat-x left top;
font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : #000000;
}
form {
margin : 0;
padding : 0;
}
input, textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
color : #000000;
}
h1, h2, h3 {
font-family : "Arial", Arial, Helvetica, sans-serif;
}
h2 {
font-size : 16px;
}
h3 {
font-size : 10px;
}
p, ul, ol {
margin-bottom : 1.8em;
line-height : 160%;
}
a {
color : #777;
}
a:hover {
text-decoration : none;
}
#menu {
height : 47px;
padding-top : 10px;
margin : 0 auto;
margin-left : 10%;
float : left;
width : auto;
display : block;
}
#menu ul {
margin : 0;
padding : 0;
list-style : none;
}
#menu li {
display : inline;
}
#menu a {
text-decoration : none;
font-weight : bold;
padding : 5px;
}
#menu a:hover {
background : #ffffff;
color : #ff6600;
padding : 5px;
}
#menu .current a {
background : #777;
padding : 5px;
color : #ffffff;
}
#logo {
float : left;
width : 100%;
height : 180px;
margin : 0 auto;
color : #ffffff;
position : relative;
display : block;
}
#logo img {
float : right;
margin-right : 10%;
position : relative;
display : inline;
}
#logo h1 {
padding-left : 10%;
letter-spacing : -2px;
font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : 400%;
margin-top : 75px;
color : #ffffff;
}
#logo h2 {
margin-left : 40%;
letter-spacing : 2px;
font-weight : normal;
font-size : 100%;
position : relative;
}
#logo a {
text-decoration : none;
color : #ffffff;
}
#page {
width : 90%;
margin : 0 auto;
padding : 20px 0;
}
#wrapper {
height : 100%;
min-height : 100%;
}
html > body #wrapper {
height : auto;
}
#content {
float : left;
width : 73%;
border : 1px solid #777;
margin-top : 5px;
position : relative;
display : inline;
}
.text {
padding-bottom : 20px;
background-color : #ffffff;
min-height : 200px;
}
.text .title {
padding : 10px 20px;
letter-spacing : 1px;
}
.text .title a {
color : #777;
}
.text .entry {
padding : 10px 20px 0 20px;
}
.entry img {
background : #d7d7d7;
padding : 3px;
border : 1px solid #666;
float : right;
margin : 5px;
position : relative;
display : block;
}
.entry ul {
margin-left : 40px;
}
#sidebar {
float : right;
width : 26%;
border : 1px solid #777;
margin-top : 5px;
position : relative;
display : block;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
margin-bottom : 20px;
}
#sidebar li ul {
padding : 20px;
}
#sidebar li li {
margin : 0;
}
#sidebar p {
padding : 0 20px;
}
#sidebar h2 {
height : 29px;
margin : 0;
padding : 9px 0 0 20px;
background : #777;
border : 1px dotted #000000;
text-transform : lowercase;
font-size : 1.4em;
font-weight : normal;
color : #ffffff;
}
#bookmarks {
margin : 0;
padding : 5px;
float : right;
width : auto;
position : relative;
display : inline;
}
#search form {
padding : 10px;
}
#search br {
display : none;
}
#search #s {
width : 135px;
}
#footer {
background : url(images/footer.gif) repeat-x left bottom;
height : 30px;
margin-top : 10px;
font-size : smaller;
}
#footer p {
margin : 0;
text-align : center;
line-height : normal;
color : #000000;
line-height : 30px;
}
.contactform {
width : 90%;
margin : 10px 10px 10px 20px;
padding : 5px;
margin : 0 auto;
}
label {
float : left;
margin-left : 10px;
position : relative;
overflow : hidden;
display : inline-block;
font-weight : bold;
margin : 5px;
width : 130px;
}
input {
color : #777;
}
textarea {
width : 450px;
padding : 3px;
border : 1px solid #d7d7d7;
height : 100px;
display : block;
color : #777;
}
input.button {
margin : 0 10px 10px 450px;
position : relative;
}
.cell {
padding : 3px;
border : 1px solid #d7d7d7;
}
.right {
float : right;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}