/* @group RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* @end */

/* @group Main */

body {
  margin: 0px 0px 20px 0px;
  text-align: left;
  font: normal 16px Georgia, "Times New Roman", Times, serif;
  line-height: 1.5em;
  color: #111;
  background: top left url(bg_top.jpg) repeat-x;
}

H1, H2, H3, H4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 8px 0px 14px 0px;
}

H1 { font-size: 2.2em; }
H2 { font-size: 2.0em; line-height: 1.4em; letter-spacing: -1px; margin-top: 12px;}
H3 { font-size: 1.2em; }
H4 { font-size: 1.0em; }

A {
  color: #2671cc;
}

A:hover {
  color: #d46a11;
}


P {
  margin: 16px 0px;
}

UL, OL {
  padding-left: 1.9em;
}

UL {
    list-style-type: disc;
}

OL {
    list-style-type: decimal;
}

LI {
  list-style-position: outside;
}

BODY.xxx div.post p:first-child:first-letter {
   font-size: 52px;
   padding-top: 12px;
   height: 30px;
   float: left;
}

STRONG {
  font-weight: bold;
  font-family: helvetica;
  font-size: 0.95em;
}

EM {
  font-style: italic;
}

/* @end */

/* @group Blocks */

#content {
  float: left;
  width: 666px;
  padding-left: 0px;
  padding-right: 8px;
}  /* 612 */

#logo {
  position: absolute;
  left: 0px;
  top: 29px;
}

.post {
    border-left: 1px solid #ccc;
	padding-left: 12px;
}

.post H3 {
  border-bottom: 1px dotted #000;
  padding-top: 1.1em;
  display: inline;
  line-height: 1.5em;
}

#header {
  margin-top: 0px;
  height: 144px;
}

#header #search {
  position: absolute;
  right: 0px;
  top: 0px;
  background: top right url(spotlight.gif) no-repeat;
  width: 284px;
  height: 53px;
}

#search INPUT.search-text {
  position: absolute;
  left: 85px;
  border-width: 0px;
  top: 30px;
  height: 13px;
  font-size: 11px;
  width: 160px;
  font-family: "Lucida Grande", arial, helvetica;
}
#search INPUT.submit { display: none; }

#footer {
  margin-top: 10px;
  border-top: 1px solid #999;
  padding-top: 10px;
  font-size: 13px;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header H1 {
  color:  #c00;
  font-size: 129px;
  letter-spacing: -1px;
}

#navigation {
  margin-left: 694px;
  width: 251px;
  padding: 0px;
} /* 640 - 265 */

BODY.leftnav #content {
  float: right;
  border-left-width: 0px;
  border-right-width: 0px;
  padding-right: 0px;
  padding-left: 8px;
  width: 622px;
}

BODY.leftnav .post {
  padding-right: 12px;
  padding-left: 0px;
  border-left-width: 0px;
}

BODY.leftnav #navigation {
  margin-left: 0px;
}

#page {
  width: 950px;
  margin: 0 auto;
  position: relative;
}

.inline {
  margin: 10px 15px 10px 0px;
  float: left;
}

.box {
  width: 190px;
}

BLOCKQUOTE {
  background-color: #def;
  padding: 10px;
  margin: 2em 1em;
  position: relative;  
}

blockquote span.a, blockquote span.b { 
  font-family: helvetica, arial; font-size: 50px; color: #8ac;
}

blockquote span.a {position:absolute;top:0px;left:-10px; }
blockquote span.b {position:absolute;bottom:-20px;right:0px; height: 20px;}

blockquote.yellow { background-color: #fe7; }
blockquote.yellow span.a, blockquote.yellow span.b { color: #dc5; }

blockquote.green { background-color: #df7; }
blockquote.green span.a, blockquote.green span.b { color: #cd5; }

blockquote.comment { background-color: #f0f0f0; }
blockquote.comment span.a, blockquote.comment span.b { color: #ddd; }

blockquote.usercomment { background-color: #def; }
blockquote.usercomment span.a, blockquote.usercomment span.b { color: #8ac; }

blockquote cite {
  font-style: italic;
  display: block;
  text-align: right;
}

/* @end */

/* @group Content */

#content .metadata {
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  color: #999;
  margin: 0px; margin-top: 0px;
  border-bottom: 4px solid #ccc;
  padding-bottom: 0px;
  line-height: 17px;
}

#comments {
  border-top: 4px solid #ccc;
  margin-top: 18px;
}

#comments H3 {
  color: #44689b;
  margin-top: 0.8em;
}

#comments A {
  color: #44689b;
}

#comments A:hover {
  color: #ff0000;
}

/* @end */

/* @group Navigation */

#navigation .subblock {
  padding: 0px;
  background-color:  #fff;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

#navigation .innerblock {
  background-color: #fff;
  margin-bottom: 10px;
}

#navigation A {
  font-family: helvetica, arial, sans-serif;
}

#navigation .innerblock UL {
  list-style-type: none;
  padding-left: 0px;
  padding-right: 0px;
  margin:  0px;
}

#navigation .innerblock UL LI {
  border-bottom: 1px solid #eee;
  padding: 5px 23px;
  background: url(grayblock.gif) no-repeat;
  background-position: 10px 11px;
}

#navigation .innerblock UL LI A {
  display: block;
  font-size: 13px;
  line-height: 1.4em;
  font-family: helvetica, arial;
}

#navigation .innerblock UL LI A:visited {
  color: #777;
}

#navigation .subblock H3 {
  padding: 3px 22px;
  margin: 0px;
  font-size: 1.0em;
  background: top left no-repeat url(bluehbg.jpg) #2671cc;
  color: #fff;
}

#navigation H4 {
  padding: 0px 22px;
  margin: 0px 0px;
  background-color: #f0f0f0;
  color: #111;
  font-size: 0.9em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

#navigation .subblock.gray H3 { background-color: #888; background-image: none; }
#navigation .subblock.green H3 { background-color: #449b68; background-image: none; }


/* @end */

/* @group Fixes */
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
.floatcontainer { display: inline-block; clear: both;}
.float { clear: both; }

* html #content {
  height: 1%;
}



/* @end */

/* @group Misc */

.ad {
  width: 125px;
  height: 125px;
  border: 1px solid #000;
}

P.message {
  background-color: #eee;
  padding: 8px;
  border: 1px solid #999;
  margin-bottom: 10px;
}

#comments TEXTAREA {
width: 500px; height: 220px;
}

.thumby { float: left; margin-top: 0px; border: 1px solid #ccc; width: 150px; }

.post.thumbed { margin-left: 165px; border-left-width: 0px; padding-left: 0px }

.post.thumbed H2 A { text-decoration: none; color: #111; }

BODY.homepage H2 {
font-size: 1.6em
}

.post.thumbed H2 {
  margin-bottom: 0px;
  font-size: 1.4em;
}

#bjaq-question-textarea {
   width: 200px;
   height: 60px;
}

#bjaq-div {
padding-top: 8px;
text-align: center;
}

#bjaq-result {
  font-size: 0.9em;
  font-family: helvetica, arial, sans-serif;
  padding: 6px;
  border: 1px solid #999;
  background-color: #eee;
  margin: 4px 24px;
}
/* @end */