* {
padding : 0;
margin : 0;
}
body {
margin : 0;
padding : 0;
font : 0.72em/1.4em Verdana, Tahoma, Helvetica, sans-serif;
color : #666666;
background : #f2e7db url(bg.gif) repeat-x;
text-align : center;
}
a {
color : #ec0000;
background-color : inherit;
}
a:hover {
color : #9ec068;
background-color : inherit;
}
h1, h2, h3 {
font : bold 1em 'Trebuchet MS', Arial, Sans-serif;
color : #ba1543;
}
h1 {
font-size : 1.5em;
color : #fd6325;
}
h2 {
font-size : 1.4em;
text-transform : uppercase;
}
h3 {
font-size : 1.3em;
}
p, h1, h2, h3 {
margin : 10px 15px;
}
ul, ol {
margin : 10px 30px;
padding : 0 15px;
color : #4284b0;
}
ul span, ol span {
color : #666666;
}
img {
border : 0 solid #ccc;
}
img.no-border {
border : none;
}
img.float-right {
margin : 5px 0 5px 15px;
}
img.float-left {
margin : 5px 15px 5px 0;
}
a img {
border : 0 solid #568eb6;
}
a:hover img {
border : 1px solid #ccc !important ;
border : 1px solid #568eb6;
}
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;
border-left : 4px solid #4284b0;
}
acronym {
cursor : help;
border-bottom : 1px solid #777;
}
blockquote {
margin : 15px;
padding : 0 0 0 20px;
background : #fafafa;
border : 1px solid #f2f2f2;
border-left : 4px solid #4284b0;
color : #4284b0;
font : bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}
form {
margin : 10px;
padding : 0;
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 : 300px;
padding : 2px;
font : normal 1em Verdana, sans-serif;
border : 1px solid #eee;
height : 100px;
display : block;
color : #777;
}
input.button {
margin : 0;
font : bold 1em Arial, Sans-serif;
border : 1px solid #ccc;
background : #fff;
padding : 2px 3px;
color : #4284b0;
}
form.searchform {
background : transparent;
border : none;
margin : 0;
padding : 0;
}
form.searchform input.textbox {
margin : 0;
width : 120px;
border : 1px solid #9ec630;
background : #fff;
color : #333;
height : 14px;
vertical-align : top;
}
form.searchform input.button {
margin : 0;
padding : 2px 3px;
font : bold 12px Arial, Sans-serif;
background : #fafafa;
border : 1px solid #f2f2f2;
color : #777;
width : 60px;
vertical-align : top;
}
#wrap {
background : #fff;
width : 820px;
height : 100%;
margin : 0 auto;
text-align : left;
}
#content-wrap {
clear : both;
margin : 0;
padding : 0;
background : #fff;
}
#header {
position : relative;
height : 85px;
background : #000 url(headerbg.gif) repeat-x 0% 100%;
}
#header h1#logo {
position : absolute;
margin : 0;
padding : 0;
font : bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing : -2px;
text-transform : lowercase;
top : 0;
left : 5px;
}
#header h2#slogan {
position : absolute;
top : 37px;
left : 95px;
color : #666666;
text-indent : 0;
font : bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform : none;
}
#header form.searchform {
position : absolute;
top : 0;
right : -12px;
}
#main {
float : left;
margin-left : 15px;
padding : 0;
width : 50%;
}
.post-footer {
background-color : #fafafa;
padding : 5px;
margin : 20px 15px 0 15px;
border : 1px solid #f2f2f2;
font-size : 95%;
}
.post-footer .date {
background : url(clock.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post-footer .comments {
background : url(comment.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post-footer .readmore {
background : url(page.gif) no-repeat left center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
#sidebar {
float : left;
width : 24%;
margin : 0;
padding : 0;
display : inline;
}
#sidebar ul.sidemenu {
list-style : none;
margin : 10px 0 6px 8px;
padding : 0;
}
#sidebar ul.sidemenu li {
margin-bottom : 2px;
border : 0 solid #ba1543;
}
#sidebar ul.sidemenu a {
display : block;
font-weight : bold;
color : #333;
text-decoration : none;
padding : 2px 5px 2px 10px;
background : #ffffff;
border-left : 5px solid #fd6325;
min-height : 20px;
}
* html body #sidebar ul.sidemenu a {
height : 18px;
}
#sidebar ul.sidemenu a:hover {
padding : 2px 5px 2px 10px;
background : #f2f2f2;
color : #fd6325;
border-left : 4px solid #ffffff;
}
#rightbar {
float : right;
width : 23%;
padding : 0;
margin : 0;
}
#footer {
clear : both;
color : #fff;
background : #ff9900;
border-top : 5px solid #fd6325;
margin : 0;
padding : 0;
height : 50px;
font-size : 75%;
}
#footer a {
text-decoration : none;
font-weight : bold;
color : #fff;
}
#footer .footer-left {
float : left;
width : 65%;
}
#footer .footer-right {
float : right;
width : 30%;
}
#header ul {
z-index : 999999;
position : absolute;
margin : 0;
padding : 0;
list-style : none;
right : 0;
bottom : 6px !important ;
bottom : 5px;
font : bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
#header li {
display : inline;
margin : 0;
padding : 0;
}
#header a {
float : left;
background : url(tableft.gif) no-repeat left top;
margin : 0;
padding : 0 0 0 4px;
text-decoration : none;
}
#header a span {
float : left;
display : block;
background : url(tabright.gif) no-repeat right top;
padding : 6px 15px 3px 8px;
color : #fff;
}
#header a span {
float : none;
}
#header a:hover span {
color : #fff;
}
#header a:hover {
background-position : 0% -42px;
}
#header a:hover span {
background-position : 100% -42px;
}
#header #current a {
background-position : 0% -42px;
color : #fff;
}
#header #current a span {
background-position : 100% -42px;
color : #fff;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.clear {
clear : both;
}
.green {
color : #ba1543;
}
.gray {
color : #bfbfbf;
}
.left {
margin : 0 12px 0 0;
float : left;
border : 0 solid #bbbbbb;
}
.right {
margin : 0 0 5px 10px;
float : right;
}