body {
margin : 0;
padding : 0;
font : normal 62.5% Verdana, "Trebuchet MS", Arial, sans-serif;
text-align : left;
line-height : 2em;
background : #3c3c3c;
color : #333333;
}
html {
font-size : 100%;
}
#wrap {
width : 700px;
margin : 0 auto;
text-align : left;
border : 10px solid #fff;
background : #fdf6e8;
}
#header {
height : 170px;
border : 1px solid #dbd7d7;
border-width : 0 1px;
background : #a4d500 url(images/shade_footer.gif) repeat-x;
color : #333;
}
#header h1 {
float : left;
width : 50%;
margin : 0;
padding : 60px 0 80px 60px;
letter-spacing : 1px;
font-size : 2em;
background : transparent url(images/h1.jpg) no-repeat center left;
color : #fff;
}
#header h2 {
float : right;
width : 40%;
margin : 0;
padding : 50px 0 0 0;
letter-spacing : 2px;
font-size : 2em;
background : transparent;
color : #000;
}
#menu {
height : 100px;
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
text-transform : lowercase;
background : #3c3c3c;
}
#menu li {
float : left;
width : 10em;
border-right : 1px solid #eee;
}
#menu a {
display : block;
height : 70px;
width : 10em;
padding : 30px 0 0 0;
font-weight : bold;
line-height : 30px;
letter-spacing : 3px;
text-align : center;
color : #fff;
background : #1EAEE1;
}
#menu li#home a:hover {
background-image : url(images/home.jpg);
}
#menu li#about a:hover {
background-image : url(images/about.jpg);
}
#menu li#portfolio a:hover {
background-image : url(images/portfolio.jpg);
}
#menu li#links a:hover {
background-image : url(images/links.jpg);
}
#menu li#contact a:hover {
background-image : url(images/contact.jpg);
}
#content {
position : relative;
width : 700px;
padding : 0;
background : #fff;
color : #333;
}
#l-col {
float : left;
margin-top : 0;
width : 145px;
text-align : left;
background : transparent;
color : #333;
}
#cont {float:right;
width : 525px;
margin-top : 0;
padding : 0 0 20px 0;
border : 1px solid #dbd7d7;
border-width : 1px 1px 0 1px;
text-align : left;
background : #efefdf;
color : #999;
}
#footer {clear:both;
margin-top : 10px;
text-align : center;
border : 1px solid #fff;
background : #3c3c3c;
color : #fff;
}
#footer a {
color : #FF8511;
}
#footer a:hover {
color : #fff;
}
a:link, a:visited {
color : #439cbe;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #6a8534;
}
.sidenav {
margin : 10px 10px;
padding : 0;
list-style-type : none;
background : inherit;
color : #fff;
}
.sidenav a {
letter-spacing : 1px;
border-bottom : 1px solid #aaa;
margin-bottom : 5px;
padding-left : 20px;
display : block;
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #4099BB;
}
.sidenav a#current, .sidenav a:hover {
text-decoration : none;
background : url(images/arrow2.jpg) no-repeat left center;
color : #6a8534;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
.clear {
clear : left;
overflow : hidden;
width : 0;
height : 0;
}
blockquote {
padding : 15px;
border : 3px solid #ddddca;
}
blockquote p {
font-size : 1.5em;
background : inherit;
color : #FF9B00;
}
p {
color : #585947;
margin : 0;
padding : 0 10px;
}
h3 {
margin : 0 0 0 10px;
padding : 10px 0;
letter-spacing : 3px;
font-size : 1.2em;
background : inherit;
color : #3c3c3c;
}
legend {
font-weight : bold;
color : #000;
background : url(images/bg.gif) no-repeat;
}
input {
background : #ddddca;
color : #333;
}