* {
margin : 0;
padding : 0;
}
body {
background : #ccc;
font : 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color : #555;
text-align : center;
}
a, a:visited {
text-decoration : none;
color : #2180bc;
background : inherit;
}
a:hover {
color : #2180bc;
background : inherit;
text-decoration : underline;
}
h1, h2, h3 {
font-family : 'Trebuchet MS', Tahoma, Sans-serif;
font-weight : bold;
}
h1 {
font-size : 130%;
}
h2 {
font-size : 120%;
text-transform : uppercase;
color : #88ac0b;
}
h3 {
font-size : 120%;
color : #666666;
}
img.float-right {
margin : 5px 0 10px 10px;
}
img.float-left {
margin : 5px 10px 10px 0;
}
h1, h2, h3, p {
padding : 10px;
margin : 0;
}
ul, ol {
margin : 5px 20px;
padding : 0 20px;
}
ul li {
list-style-image : url(images/bullet.gif);
}
code {
margin : 5px 0;
padding : 10px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background : #fafafa;
border : 1px solid #f2f2f2;
}
acronym {
cursor : help;
border-bottom : 1px solid #777;
}
blockquote {
margin : 10px;
padding : 0 0 0 28px;
border : 1px solid #f2f2f2;
background : #fafafa url(images/quote.gif) no-repeat 5px 5px;
}
table {
border-collapse : collapse;
margin : 10px;
}
th strong {
color : #fff;
}
th {
background : #93bc0c;
height : 29px;
padding-left : 12px;
padding-right : 12px;
color : #fff;
text-align : left;
border-left : 1px solid #b6d59a;
border-bottom : 2px solid #fff;
}
tr {
height : 30px;
}
td {
padding-left : 11px;
padding-right : 11px;
border-left : 1px solid #fff;
border-bottom : 1px solid #ffffff;
}
td.first, th.first {
border-left : 0;
}
tr.row-a {
background : #f8f8f8;
}
tr.row-b {
background : #efefef;
}
form {
margin : 10px;
padding : 0 5px;
border : 1px solid #f2f2f2;
background-color : #fafafa;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
}
input {
padding : 2px;
border : 1px solid #eee;
font : normal 1em Verdana, sans-serif;
color : #777;
}
textarea {
width : 400px;
padding : 2px;
font : normal 1em Verdana, sans-serif;
border : 1px solid #eee;
height : 100px;
display : block;
color : #777;
}
input.button {
font : bold 12px Arial, Sans-serif;
height : 24px;
margin : 0;
padding : 2px 3px;
color : #fff;
background : #8eb50c url(images/button-bg.jpg) repeat-x 0 0;
border : none;
}
.searchform {
background-color : transparent;
border : none;
margin : 0;
padding : 5px 0 15px 0;
width : 190px;
}
.searchform p {
margin : 0;
padding : 0;
}
.searchform input.textbox {
width : 120px;
color : #777;
height : 18px;
padding : 2px;
border : 1px solid #e5e5e5;
vertical-align : top;
}
.searchform input.button {
width : 60px;
height : 24px;
padding : 2px 5px;
vertical-align : top;
}
#wrap {
width : 820px;
background : #ccc url(images/content2.jpg) repeat-y center top;
margin : 0 auto;
text-align : left;
}
#content-wrap {
clear : both;
width : 760px;
padding : 0;
margin : 10px auto;
}
#header {
width : 820px;
position : relative;
height : 103px;
background : #ccc url(images/header.jpg) no-repeat center top;
padding : 0;
color : #fff;
}
#header h1#logo-text {
position : absolute;
margin : 0;
padding : 0;
font : bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing : -2px;
color : #fff;
text-transform : none;
top : 25px;
left : 47px;
width : 255px;
}
#header h2#slogan {
position : absolute;
margin : 0;
padding : 0;
font : normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform : none;
color : #fff;
top : 70px;
left : 55px;
}
#header #header-links {
position : absolute;
top : 20px;
right : 30px;
color : #c6ddee;
font-size : 10px;
}
#header #header-links a {
color : #fff;
text-decoration : none;
}
#header #header-links a:hover {
color : #d4e59f;
}
#menu {
clear : both;
margin : 0 auto;
padding : 0;
background : url(images/menu.jpg) repeat-x 0 0;
font : bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height : 37px;
width : 780px;
}
#menu ul {
float : right;
list-style : none;
margin : 0;
padding : 0;
}
#menu ul li {
display : inline;
}
#menu ul li a {
display : block;
float : left;
padding : 0 10px;
color : #fff;
text-decoration : none;
}
#menu ul li.last a {
padding-right : 20px;
}
#menu ul li a:hover {
color : #d4e59f;
}
#menu ul li#current a {
color : #d4e59f;
}
#main {
float : left;
width : 70%;
padding : 0;
margin : 0 0 0 5px;
display : inline;
}
#main h1 {
margin-top : 10px;
font : bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color : #88ac0b;
padding : 5px 0 5px 25px;
border-bottom : 1px solid #eff0f1;
}
.post-footer {
background-color : #fafafa;
padding : 5px;
margin : 20px 10px 0 10px;
border : 1px solid #f2f2f2;
font-size : 95%;
}
.post-footer .date {
background : url(images/clock.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post-footer .comments {
background : url(images/comment.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post-footer .readmore {
background : url(images/page.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
#sidebar {
float : right;
width : 26.5%;
padding : 0;
margin : 0;
color : #68774a;
}
#sidebar h1 {
margin-top : 10px;
padding : 5px 5px;
font : bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color : #728d26;
}
#sidebar ul.sidemenu {
list-style : none;
text-align : left;
margin : 7px 4px 8px 0;
padding : 0;
text-decoration : none;
}
#sidebar ul.sidemenu li {
list-style : none;
padding : 4px 0 4px 5px;
margin : 0 2px;
color : #68774a;
}
* html body #sidebar ul.sidemenu li {
height : 1%;
}
#sidebar ul.sidemenu li a {
text-decoration : none;
background-image : none;
color : #666666;
}
#sidebar ul.sidemenu li a:hover {
color : #1773bc;
}
#footer {
color : #c6ddee;
background : #ccc url(images/footer.jpg) no-repeat center top;
clear : both;
width : 820px;
height : 65px;
text-align : center;
font-size : 92%;
}
#footer a {
color : #fff;
text-decoration : none;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.clear {
clear : both;
}