body { margin: 0px; padding: 0px; background: #242323; text-align: justify; font: 13px Arial, Helvetica, sans-serif; color: #444444; } h1, h2, h3 { margin-top: 0px; font-weight: normal; color: #FFFFFF; } h1 { font-size: 2.4em; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; } p, ol, ul { margin-bottom: 1.8em; line-height: 160%; } a { color: #000000; } a:hover { text-decoration: none; color: #FF0000; } a img { border: none; } #wrapper { width: 900px; margin: 0 auto; border: 10px solid #FFFFFF; } /* Header */ #header { width: 900px; height: 100px; margin: 0px auto; } #header a { text-decoration: none; color: #FFFFFF; } /* Logo */ #logo { float: left; padding-left: 20px; } #logo h1, #logo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #logo h1 { padding: 25px 0px 0px 0px; } /* Menu */ #menu { float: right; } #menu ul { margin: 0px; padding: 49px 0px 0px 0px; list-style: none; line-height: normal; } #menu li { float: left; margin: 0px; } #menu a { display: block; width: auto; padding: 6px 20px; } #menu a:hover { text-decoration: underline; } #menu .active { background: #404040; } #menu .active a { background: url(images/img02.gif) no-repeat 100% -40px; } /* Page */ #page { width: 900px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #FFFFFF; } #header-pic { background: url(images/img05.jpg) no-repeat left top; width: 900px; height: 210px; } /* Content */ #content { float: right; width: 570px; } .post { margin: 0px 0px 30px 0px; } .post .title { margin: 0px; background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } .post .title h1 { } .post .entry { padding: 0 20px; } .post .meta { font-weight: bold; padding-left: 20px; } .post .byline { margin: 0px; padding-left: 20px; } /* Sidebar */ #sidebar { float: left; width: 300px; } #sidebar-bgtop { } #sidebar-bgbtm { background: url(images/img03.jpg) no-repeat left bottom; } #sidebar-content { background: url(images/img01.jpg) repeat-y left top; } #sidebar ul { padding: 0px 0 5px 0; margin: 0px; list-style: none; } #sidebar li li { margin-left: 20px; margin-right: 20px; line-height: 30px; padding-left: 15px; border-bottom: 1px dashed #BDBDBD; background: url(images/img04.jpg) no-repeat left 50%; } #sidebar li ul { margin-bottom: 1.8em; list-style: none; } #sidebar h2 { background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } /* Search */ #search { } #search form { margin-bottom: 1.8em; padding: 0px; } #search fieldset { margin-left: 20px; padding: 0px; border: none; } #search #s { width: 160px; } /* Footer */ #footer { clear: both; width: 900px; height: 50px; margin: 0px auto 30px auto; color: #FFFFFF; } #footer p { margin: 0px; padding: 19px 0px 0px 0px; text-align: center; line-height: normal; font-size: smaller; } #footer a { color: #FFFFFF; }
body {
margin: 0px;
padding: 0px;
background: #242323;
text-align: justify;
font: 13px Arial, Helvetica, sans-serif;
color: #444444;
}
h1, h2, h3 {
margin-top: 0px;
font-weight: normal;
color: #FFFFFF;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
p, ol, ul {
margin-bottom: 1.8em;
line-height: 160%;
}
a {
color: #000000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a img {
border: none;
}
#wrapper {
width: 900px;
margin: 0 auto;
border: 10px solid #FFFFFF;
}
/* Header */
#header {
width: 900px;
height: 100px;
margin: 0px auto;
}
#header a {
text-decoration: none;
color: #FFFFFF;
}
/* Logo */
#logo {
float: left;
padding-left: 20px;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
}
#logo h1 {
padding: 25px 0px 0px 0px;
}
/* Menu */
#menu {
float: right;
}
#menu ul {
margin: 0px;
padding: 49px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
margin: 0px;
}
#menu a {
display: block;
width: auto;
padding: 6px 20px;
}
#menu a:hover {
text-decoration: underline;
}
#menu .active {
background: #404040;
}
#menu .active a {
background: url(images/img02.gif) no-repeat 100% -40px;
}
/* Page */
#page {
width: 900px;
margin: 0px auto;
padding: 10px 0px 0px 0px;
background: #FFFFFF;
}
#header-pic {
background: url(images/img05.gif) no-repeat left top;
width: 900px;
height: 210px;
}
/* Content */
#content {
float: right;
width: 570px;
}
.post {
margin: 0px 0px 30px 0px;
}
.post .title {
margin: 0px;
background: #444444 url(images/img02.jpg) no-repeat left 50%;
padding: 7px 25px;
font-size: 1.4em;
}
.post .title h1 {
}
.post .entry {
padding: 0 20px;
}
.post .meta {
font-weight: bold;
padding-left: 20px;
}
.post .byline {
margin: 0px;
padding-left: 20px;
}
/* Sidebar */
#sidebar {
float: left;
width: 300px;
}
#sidebar-bgtop {
}
#sidebar-bgbtm {
background: url(images/img03.jpg) no-repeat left bottom;
}
#sidebar-content {
background: url(images/img01.jpg) repeat-y left top;
}
#sidebar ul {
padding: 0px 0 5px 0;
margin: 0px;
list-style: none;
}
#sidebar li li {
margin-left: 20px;
margin-right: 20px;
line-height: 30px;
padding-left: 15px;
border-bottom: 1px dashed #BDBDBD;
background: url(images/img04.jpg) no-repeat left 50%;
}
#sidebar li ul {
margin-bottom: 1.8em;
list-style: none;
}
#sidebar h2 {
background: #444444 url(images/img02.jpg) no-repeat left 50%;
padding: 7px 25px;
font-size: 1.4em;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Search */
#search {
}
#search form {
margin-bottom: 1.8em;
padding: 0px;
}
#search fieldset {
margin-left: 20px;
padding: 0px;
border: none;
}
#search #s {
width: 160px;
}
/* Footer */
#footer {
clear: both;
width: 900px;
height: 50px;
margin: 0px auto 30px auto;
color: #FFFFFF;
}
#footer p {
margin: 0px;
padding: 19px 0px 0px 0px;
text-align: center;
line-height: normal;
font-size: smaller;
}
#footer a {
color: #FFFFFF;
}