/*
Beeble Brox Company Home Page
peter@theta-g.com 8/2008
*/

.column1,
.column2 {
display: inline;
float: left;
}

.column1 {
width: 580px;
padding-right: 30px;
border-right:  1px solid #ccc;
margin-right:  30px;
}
.column2 { width: 200px; line-height: 1.5em; }

p.nav { text-align: center; }

ul { list-style: none; }


h2, p, ul { margin-bottom: 10px; }
h3        { margin-bottom:  5px; }

h2    { font: bold  1.25em Helvetica, Arial, sans-serif; }
h3    { font: bold  1.10em Helvetica, Arial, sans-serif; }
p, ul { font: normal .94em Verdana, sans-serif; }

p, li { line-height: 1.5em; }

p.quote { margin-top: 30px; }

#page h2 a:link,
#page h2 a:visited,
#page h2 a:hover,
#page h2 a:active { color: black; }

/* LiveJournal Blog Styles */

h2.blog { margin-top: -20px;}

div.blog h1,
div.blog p.Navigation,
div.blog div.ljtags { display: none }

div.blog *     { font-family: Verdana, sans-serif; }
div.blog h2,
div.blog h2 *,
div.blog h3,
div.blog h3 *  { font-family: Helvetica, Arial, sans-serif; }

div.blog h3    { font-size: inherit; font-weight: normal; }
div.blog h3 em { font-size: 1.10em;  font-weight: bold;   }

div.blog pre   { font-family: monospace; font-size: 12px; line-height: 15px;  }

div.blog h2 { color: #999; }

div.blog h2,
div.blog p.Bottom {
margin-top: 10px;
border-top: 1px solid #999;
padding-top: 5px;
}
div.blog { margin-top: -5px; }

div.blog div.Comment {
text-align: right;
font-size: .86em;
}


/*

div.blog { margin-top: -10px; }

div.blog { font: normal .94em Verdana, sans-serif; }

div.blog hr { display: none; }

div.blog .heading,
div.blog font {
display: block;
margin-top: 20px;
border-top: 1px solid #ccc;
padding-top: 5px;
margin-bottom: -5px;
font: normal 11px Verdana, sans-serif !important;
color: gray !important;
}

div.blog pre, .blog div {
font-size: 12px;
line-height: 15px;
}

div.blog pre {
margin: 1em 0;
}

*/