* {
margin:0;
padding:0;
font-family:Arial, sans-serif;
}
li {
font:11px/18px Arial, sans-serif;
width:300px;
height:18px;
overflow:hidden;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:red;
}
a img {
border:0;
}
#wrapper-header,
#wrapper-content,
#wrapper-footer {
width:100%;
clear:both;
}
#header,
#content,
#footer {
width:990px;
margin:0 auto;
}
#wrapper-header {
background: url('./images/header-gradient.png') repeat-x left top;
height:100px;
}
#logo {
float:left;
width:80px;
height:80px;
margin:10px;
}
#title {
font:30px/50px Arial, sans-serif;
float:left;
margin:5px 25px 15px;
}
#wrapper-footer {
background: url('./images/footer-gradient.png') repeat-x left top;
height:50px;
position:fixed;
left:0;
bottom:0;
}
#footer p {
text-align:center;
font-size:.9em;
padding:10px 0 0 0;
color:#666;
}
#footer-links {
text-align:center;
font-size:.8em;
padding-top:5px;
}
#footer-links a {
color:#666;
}
/* navigation */
#nav-main {
float:left;
width:850px;
margin-left:25px;
}
#nav-main li {
float:left;
font-size:16px;
height:19px;
width:auto;
padding:3px 25px 3px 0;
}
/* rss blocks */
#content .block-feed {
width:308px;
height:210px;
margin:5px;
padding:5px;
float:left;
border:1px solid #ccc;
background-color:#fcfcfc;
-moz-border-radius:10px;
}
#content .block-feed h2 {
font:14px/20px Arial, sans-serif;
width:300px;
height:22px;
overflow:hidden;
}
#content .block-feed-info {
text-align:right;
margin:-10px 5px 0 0;
}
/* classes */
.spacer50 {
height:50px;
clear:both;
width:100%;
}
.clear {
clear:both;
}