* {
margin:0;
padding:0;
}

body {
font:.75em Verdana, Arial, Sans-Serif;
margin:0;
padding:0;
color:#272727;
line-height:1.8em;
background:#ccc;
background:url('/chrome/site/cubicbglight.png');
}

p {
line-height:1.6em;
margin:0 0 1.4em 1em;
}

a {
color:#b62e01;
text-decoration:none;
background:inherit;
}

a:hover {
color:gray;
background:inherit;
}

ul {
list-style:none;
}

li {
margin-left:1em;
line-height: 1.2em;
margin-bottom: 1em;
}

.subcat {
margin-left:1em;
}

h1,h2,h3 {
font-weight:400;
margin:0 0 .8em;
}

h1,h2 {
color:#b62e01;
font-size:2em;
background:inherit;
}

.blog-title :link, .blog-title :visited {
	text-transform: lowercase;
}

h3 {
font-size:1.3em;
margin:1.2em 0 .5em;
}

.blog-title link {
text-transform: lowercase;
}

#wrapper {
width:90%;
background:#fff;
margin:10px auto 10px;
padding:10px;
padding-top: 20px;
border: 3px solid #666;
}

#header {
height:75px;
}

#banner {
width:100%;
background:url('/chrome/site/cubicbg.png');
color:#666;
line-height:25px;
height:110px;
}

#logo h1 {
font-size:2.4em;
letter-spacing:-1px;
margin:30px 0 0;
}

#logo img {
border:0px;
}

#top {
float:right;
text-align:right;
width:40%;
}

#metanav {
margin-top: -98px;
clear:left;
}

#search  div {
	margin-right: 5px;
}

#mainnav {
	margin-top:0px;
	border: 1px solid #000;
}

#topmenu li {
font-size:1em;
display:inline;
}

#topmenu li a {
color:white;
margin:0 5px;
}

#topmenu li a:hover {
text-decoration: underline;
}

#search {
float:right;
clear:both;
text-align:right;
margin:0;
padding: 5px 0 0;
}

input {
vertical-align:middle;
padding:2px;
}

input.searchfield {
width:255px;
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}

input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}

#crumbs {
clear:left;
background:#eee;
margin:0 auto;
padding:10px;
}

#content {
padding:20px 10px;
}

#content p.subcat {
margin-left:30px;
}

#main {
margin-bottom:40px;
}

.code {
  margin-left: 10px;
  font-family: mono;
  padding: 3px 3px 3px 10px;
  background: #eee;
  border: 1px solid #ccc;
}

#side {
width:25%;
float:right;
}

#side h3 a {
color:#272727;
}

.single {
width:40%;
float:right;
padding:0 15px;
}

#footer {
clear:both;
margin-top:30px;
border-top:2px solid #eee;
}

#w3validator {
clear:both;
border:none;
margin:auto 0 auto;
}

#main input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}


fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
color:gray;
background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}

#commentsbox_wrapper {
margin: 0;
padding: 0;
}

.date {
border-top:1px solid #eee;
margin:0 0 20px;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}


/* pure css tooltips */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:underline;
    color:#272727;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em;width:20em;
    border:1px solid #b62e01;
    background-color:#ffd400; color:#000;
    text-align: center
}


div.newsflash {
    border: solid 2px #EEEED1;
    width: 400px;
    float: right;
    background: #FFFFE0;
    font-size: 0.8em;
    margin: 0em;
    padding: 0.5em 1em 0.5em 1em;
}

div.newsflash h1 {
    font-size: 1.2em;
    padding: 0em;
    margin: 0em;
}

div.newsflash .post hr {
    display: none;
}

