* { 
  padding : 0;
  margin : 0;
} 
body { 
  margin : 0;
  padding : 0;
  font : 0.7em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
  color : #666666;
  background : #83acca url(../../images/bg.gif) repeat-x;
  text-align : center;
} 
a { 
  color : #4284b0;
  background-color : inherit;
  text-decoration : none;
} 
a:hover { 
  color : #9ec068;
  background-color : inherit;
} 
h1, h2, h3 { 
  font : bold 1em 'Trebuchet MS', Arial, Sans-serif;
  color : #333;
} 
h1 { 
  font-size : 1.5em;
  color : #6297bc;
} 
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 : 2px 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 : 6px solid #c0c0c0;
} 
a:hover img { 
  border : 6px solid #c0c0c0 !important;
  border : 6px 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;
  color : #800000;
  margin : 5px 0;
} 
input { 
  margin : 0 0 0 0;
  padding : 2px 0 0 2px;
  border : 1px solid #bfbfbf;
  width : 98%;
  height : 16px;
  font : normal 1.1em Verdana, sans-serif;
  color : #000;
} 
input:focus {
  background:#ffff00;
  border : 1px solid #808080;
}
input:blur {
  background:#ffffff;
  border : 1px solid #bfbfbf;
}
select { 
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  border : 1px solid #bfbfbf;
  width : 98%;
  height : 18px;
  font : normal 1.1em Verdana, sans-serif;
  color : #000;
} 
select:focus {
  background:#ffff00;
  border : 1px solid #808080;
}
select:blur {
  background:#ffffff;
  border : 1px solid #bfbfbf;
}
input.button { 
  margin : 3px 0px 0px 0px;
  font : bold 1.2em Arial, Sans-serif;
  border : 0 solid #83acca;
  background : #83acca;
  width : 100px;
  height : 25px;
  padding : 2px 3px;
  color : #ffffff;
} 
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(../../images/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 : 70px;
  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 : 58%;
} 
.post-footer { 
  background-color : #fafafa;
  padding : 5px;
  margin : 20px 15px 0 15px;
  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 : left;
  width : 23%;
  margin : 0;
  padding : 0;
  display : inline;
} 
#sidebar ul.sidemenu { 
  list-style : none;
  margin : 10px 0 10px 15px;
  padding : 0;
} 
#sidebar ul.sidemenu li { 
  margin-bottom : 1px;
  border : 1px solid #f2f2f2;
} 
#sidebar ul.sidemenu a { 
  display : block;
  font-weight : bold;
  color : #333;
  text-decoration : none;
  padding : 2px 5px 2px 10px;
  background : #f2f2f2;
  border-left : 4px solid #ccc;
  min-height : 18px;
} 
* html body #sidebar ul.sidemenu a { 
  height : 18px;
} 
#sidebar ul.sidemenu a:hover { 
  padding : 2px 5px 2px 10px;
  background : #f2f2f2;
  color : #339900;
  border-left : 4px solid #9ec630;
} 
#rightbar { 
  float : right;
  width : 38%;
  padding : 0;
  margin : 0;
} 
#footer { 
  clear : both;
  color : #fff;
  background : #568eb6;
  border-top : 5px solid #568eb6;
  margin : 0;
  padding : 0;
  height : 50px;
  font-size : 95%;
} 
#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(../../images/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(../../images/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 : #9ec630;
} 
.gray { 
  color : #bfbfbf;
} 
.red { 
  color : #ff0000;
} 
.orange { 
  color : #ff9900;
} 
.blue { 
  color : #0033cc;
} 
.yellow { 
  color : #ffff00;
} 
.ltgray { 
  color : #c0c0c0;
}