
/* Jello layout */
body { padding: 0 350px 0 350px; margin: 0;	text-align: center; background: #fff url(images/faded_top.gif) repeat-x; }
#banner { margin: 0; padding: 0; background-color: transparent; }
#quicknav { margin: 0 0 30px 0; padding: 0; background-color: transparent; }
#sizer { margin: 0 auto 0 auto; width: 50%; max-width: 300px; background-color: transparent; }
#expander {	background-color: transparent; margin: 0 -350px 0 -350px; min-width: 700px; position: relative; }
/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
#wrapper { width: 100%; background-color: transparent; } 

#content { width: 66%; margin-right: 2%; text-align: left; float: right; display: inline; padding-left: 1em; }
#sidebar { width: 26%; float: left; display: inline; text-align: left; margin-left: 1%; padding-top: 8em; }
#footer { border-top: 1px solid #a8a8a8; }


/* hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---------------- BELOW HERE IS ALL STYLE NO SUBSTANCE -------------------- */

/* sitewide elements */
body { font: normal 1em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 120%; color: #222222; }
p { }
h1 { }
h2 { font: normal 2.0em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; line-height: 120%; margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.1em 0; }
h3 { font: normal 1.5em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; margin: 32px 0 -0.75em 0; }
h4 { font: normal 1.2em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.4px; margin: 20px 0 -0.75em 0; }

span.strike { color: #b4b4b4; text-decoration: line-through; }

em { color: #363636; }

a { color: #0099EB; }
a:link { color: #0099EB; }
a:hover { color: #dc143c; }
a:visited { color: #9370db; text-decoration: none; }
a:visited:hover { color: #dc143c; }

a.img { border: 0px; text-decoration: none; }

hr { border: 0; width: 60%;  color: #daa520; background-color: #daa520; height: 1px; }

/* DIV specific elements and style */

#banner { font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

#quicknav { color: #a8a8a8; font: normal 0.76em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }
#quicknav a { color: #F09000; }
#quicknav a:hover { color: #dc143c; }
#quicknav a:visited { color: #9370db; }

#content { font: normal 0.9em Georgia, 'Times New Roman', Times, serif; line-height: 135%; }

.navpara { margin: 0; padding: 0; }

.blogpost { margin-bottom: 88px; }
.blogpostfooter { font-size: 0.78em;  color: #696969; }
.postdate { font: normal 0.73em Georgia, 'Times New Roman', Times, serif; color: #a8a8a8; margin: 0; padding: 0.4em 0 0 0; }
.postdate a { text-decoration: none; }
.postdate a:hover { text-decoration: underline; }

#sidebar { color: #696969; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 110%; }
#sidebar a { color: #F09000; text-decoration: none; }
#sidebar a:hover { color: #dc143c; text-decoration: underline; }
#sidebar p { margin: 0 0 10px 0; }
#sidebar h4 { margin: 30px 0 0 0; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}

#searchbox { margin: 1em; padding: 0; text-align: right;}
.searchform { padding: 0; margin: 0; } 
.search { width: 180px; height: 14px; font-size: 100%; color: #bbb; padding: 0; border: 1px solid #E8E8E8; font-family: lucida sans unicode, lucida grande, verdana, arial, sans-serif; font-size: 0.8em; } 
input { background-color: #f5f5f5; border: 1px solid #E8E8E8; color: #999; height: 18px; }

#footer { color: #696969; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }
#comments, #respond { margin: 2em 0 0 5px; }
#commentform { margin:10px;	padding:10px; }
#outer .commentlist { margin: 0; padding: 0; }
.commentlist li { list-style:none; margin: 1em 0; padding: 0.5em; }
.commentlist li p { margin:0 1em; }
.commentlist li.alt .cmtinfo { font-size:1em; background: url(images/a34.gif) repeat-x top;	padding:5px; margin-bottom: 10px; position:relative; border:#ddd 1px solid; }
.commentlist li .cmtinfo { font-size:1em; background: url(images/a32.gif) repeat-x top;	padding:5px; margin-bottom: 10px; position:relative; border:#eee 1px solid; }
.commentlist li .cmtinfo em { margin:0;	padding:0 1em; text-align:right; font-style:normal; color:#999;	}
.commentlist li cite { font-style:normal; font-weight:bold; }
textarea { width: 90%; padding:5px;	height: 20em; border: 1px solid #ccc; background:#F9F9F7; }
#outer input.text {	background:#F9F9F7;	border:#ccc 1px solid; }

.commentlist li.highlight { background-color: #fbfbfb; border: solid 1px #f5f5f5; }

.blogroll { }
.leftlinks { width: 130px; float: left; text-align: left; padding: 0; margin: 0 0 0 4px; background-color: transparent; }
.rightlinks { width: 130px; float: right; text-align: left; padding: 0; margin: 0 0 0 6px; background-color: transparent; }

.miniposts { margin: 12px 0 20px 0; }
#minipost p { margin-bottom: 50px; }
p.minipost { padding: 0 0 12px 0; }

blockquote { margin: 26px; font-size: 0.96em; padding-left: 16px; border-left: 1px solid #daa520; line-height: 110%; font-style: italic; }

