@charset "utf-8";
/* CSS Document */

#main {
  position: relative;
}
#main p#msg {
  font-size: 1.4em;
}
#main a {
  font-weight: bold;
}
#main p.postDate {
  color: #660;
  font-weight: bold;
}
#main p a.technorati:hover {
  background: none;
}
#main p a.technorati img {
  border: none;
  position: relative;
  top: 5px;
}
#main h2 {
  margin-bottom: 1em;
}
#previews h3 {
  padding: 0;
  border: none;
  font-size: 1.7em;
  margin-bottom: 0.3em;
}
div#rp {
  margin-top: 6em;
  width: 100%;
}
div#rp ul{
  width: 75%;
}
div#rp li {
  border-bottom: 1px dotted #666;
}
div#rp li:first-child {
  border-top: 1px dotted #666;
}
div#rp li a {
  display: block;
  padding: 0.4em 0;
  padding-right: 1.2em;
  padding-left: 0.3em;
  font-weight: bold;
}
div#rp li a:visited {
}
div#rp li a:hover {
  background: #9c6;
}
div#rp li a span {
  color: #c60;
  line-height: 1.5em;
}
div#rp li a span.rpDate {
  display: block;
  color: #660;
}
div#rp p {
  width: 30%;/* so the length of the paragraph doesn't extend beyond the page*/
  position: relative;
  left: 50%;
  margin-top: 0.5em;
}
div#rp p a {
  font-weight: bold;
  background: url(/imgs/links.gif) left 0.2em no-repeat;
  padding-left: 2em;
}
div#rp p a:hover {
  background-position: left 98%;
}
div.postPreview {
 position: absolute;
 background: #f9f8f6;
 font-size: 12px;
 padding: 8px;
 width: 300px;
 overflow: hidden;
 border: dashed 1px #333;
}
div#tagCloud {
  width: 100%;
  float: left;
  margin: 2em 0;
  margin-bottom: 3em;
}
div#tagCloud h3 {
  
}
div#tags {
  padding: 0.5em;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  width: 75%;
}
div#tags a{
  color: #c60;
  line-height: 1.9em;
  padding: 0 0.3em;
}
div#tags a.base_size {
  font-size: 1.1em;
}
div#tags a.a_size {
  font-size: 1.4em;
  font-weight: bold;
}
div#tags a.b_size {
  font-size: 1.6em;
  font-weight: bold;
}
div#tags a.c_size {
  font-size: 1.8em;
  font-weight: bold;
}
div#tags a.d_size {
  font-size: 2.0em;
  font-weight: bold;
}
div#tags a:hover {
  text-decoration: underline;
}
div#tagCloud p {
  width: 30%;/* so the length of the paragraph doesn't extend beyond the page*/
  position: relative;
  left: 55%;
  margin-top: 0.5em;
}
div#tagCloud p a {
  font-weight: bold;
  background: url(/imgs/links.gif) left 0.2em no-repeat;
  padding-left: 2em;
}
div#tagCloud p a:hover {
  background-position: left 98%;
}
div#reading {
  float: left;
  width: 100%;
}
div#reading h3 {
  margin: 0 0 0.5em 0;
}
div#reading p {
  float: left;
  margin: 0 9px 9px 0; /* these margins are not fluid or elastic to maintain a grid-like structure */
  font-size: 1em;
}
div#reading p.lastBook {
  margin-right: 0;
}
div#reading a {
  display: block;
}
div#reading a img {
  border: #666 solid 4px;
  width: 6.2em;
  height: 7.8em;
}
div#reading a:hover img {
  border: #ffc solid 4px;
}
div#bookDesc {
  position: absolute;
  width: 275px;
  padding: 10px 0px 0px 0px;/* T R B L */
  background: url(/imgs/blog/top.gif) left top no-repeat;
}
div#bookDesc div {
  position: relative; /* for exact positioning of child elements */
}
div#bookDesc a {
  text-decoration: underline;
  font-weight: bold;
}
div#bookDesc a:hover {
  color: #690;
}
div#bookDesc dl {
  float: left;
  width: 255px;/* needed this for IE and Opera */
  background: url(/imgs/blog/bottom.gif) left bottom no-repeat;
  padding: 0px 10px 10px 10px;/* T R B L */
}
div#bookDesc dt {
  float: left;
  margin-right: 2%;
  font-weight: bold;
  font-size: 1.2em;
}
div#bookDesc dd {
  line-height: 1.8em;
}
div#bookDesc dl div {/* this div is for displaying the ajax loader gif and is created dynamically via JavaScript */
  background: url(/imgs/ajax-loader.gif) center center no-repeat;
  height: 200px;
}
div#main a[rel^='tag'] {
  background: url(/imgs/blog/tags.gif) right top no-repeat;
  padding-right: 17px;
}
#main #post-details {
  float: left;
  width: 100%;
  margin: 0.5em 0;
  padding: 0.8em 0;
  border: dotted 1px #663;
  border-right: none;
  border-left: none;
}
#main #post-details a#rss-sub{
  display: block;
  width: 48px;
  height: 48px;
  background: url(/imgs/blog/rss-icon.png) left top no-repeat;
  text-indent: -999em;
  float: left;
  margin-right: 10px;
}
#main #post-details dl {
  float: left;
  line-height: 2em;
  width: 75%;
  position: relative;
  margin-top: 2px;
}
#main #post-details dt {
  font-size: 1.2em;
  font-style: italic;
  width: 50%;
}
#main #post-details dd {
  font-size: 1.1em;
  width:50%;
  float: left;
}
#main #post-details dd#p-comments {
}
#main #post-details dd#p-comments a {
  padding-left: 20px;
  background: url(/imgs/blog/comments.gif) left -2px no-repeat;
}
/********************************************************************post styles start here *********************************/
div.post {
  clear: both;
  margin-top: 1em;
  margin-bottom: 2em;
}
#main div.post a:hover {
  background: #666;
}
div.post img {
  padding: 4px;
  border: solid 1px #996;
  border-right: solid 1px #663;
  border-bottom: solid 1px #663;
}
div.post p {
  margin-top: 1em;
  text-align: justify;
}
#main div.post p.caption {
  font-size: 10px;
  padding: 1px 4px;
  margin: 2px 0; 
  border: 1px dotted #663; 
  border-left: none; 
  border-right:none
}
div.post code {
  font-size: 1.4em;
}
div.post pre.code {
	white-space:nowrap;/* Necessary to prevent white space inbetween <code></code> blocks */
	padding-left: 4%;
	overflow: auto;
	border: 1px solid #999;
	background: #f9f8f6;
}
div.post pre.code code {
    font-size: 1.5em;
	display: block;
	white-space: pre;
	line-height: 18px;
	padding: 2px 0;
	background: #f9f8f6;
}
div.post pre.code code.striped {
    background: #edebe5;
}
div.post pre.code code span.kw {
  color: #0000FF;
}
div.post pre.code code span.str {
  color: #CC3300;
}
div.post pre.code code span.grn {
  color: #009900;
}
div.post pre.code code span.this {
  color: #0099cc;
}
div.post pre.code code span.notes {
  color: #FF9900;
}
div.post pre.code code span.rowNum {
    margin: 0 15px 0 7px;
	color: #999;
}
div.post p.toggleCodeView {
  margin-bottom: 0.2em;
}
div.post p.toggleCodeView a {
  font-size: 0.9em;
}
#main div.post p.toggleCodeView a:hover {
  text-decoration: underline;
  background: none;
  color: #000;
}
div.post ul {
  margin: 1em 0 1em 5%;
}
div.post ul li {
  font-size: 1.2em;
  color: #660;
  font-weight: bold;
  line-height: 1.7em;
  list-style: disc;
}
div.post dl.copy ul li {/* so li font is not so large when nested inside of a dl */
  font-size: inherit;
}
div.post ol {
  margin: 1em 0 1em 5%;
}
div.post ol li {
  font-size: 1.2em;
  line-height: 1.7em;
  list-style: inside decimal;
}
div.post ol li span {
}
div.post pre.other {
  font-size: 1.5em;
  overflow: auto;
  margin-top: 1em;
  padding: 10px 0 10px 5px;
  background-color: #9c9;
  border: 1px dashed #999;
  color: #006;
}
div.post dl {
  margin-top: 1.2em;
}
div.post dt, div.post dd {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
div.post dt {
  text-decoration: underline;
}
div.post dd {
  margin-left: 2%;
}
div.post dl.copy {
  margin-bottom: 1.5em;
}
div.post dl.copy dt {
  font-size: 1.4em;
  text-decoration: none;
  font-weight: bold;
  color: #690;
  margin-top: 1em;
}
div.post h4 {
  margin-top: 1em;
  color: #690;
  font-size: 1.5em;
}
div.post strong.no-bold {
  font-weight: normal;
}
div.post .update {
	color: #c60;
	font-weight: bold;
	text-transform: uppercase;
}
div.post pre.other .highlight {
   background-color: #CCCC99;
}
/**************************************************post styles end here ******************************************************/
div#commentForm {
  width: 100%;
  min-width: 375px;
  float: left;
  margin-top: 2em;
}
div#commentForm h5, h5#share-post {
  font-size: 1.4em;
  color: #690;
}
div#commentForm p#htmlRules {
  margin-top: 5px;
}
div#commentForm p#htmlRules em {
  font-size: 1.1em;
}
div#commentForm p#htmlRules sup {
  color: #c60;
}
div#commentForm form fieldset {
  width: 35%;
  float: left;
  margin-right: 2%;
  border: none;
}
div#commentForm form fieldset.wide {
  width: 63%;
  margin-right: 0;
  border: none;
}
div#commentForm form {
  width: 98%;
  padding: 4px 1%;
  float:left;
  border: double 4px #888;
  background-color:#d7ccbc;
}
div#commentForm input.text {
  width: 98%;
  padding: 4px 1%;
  margin-bottom: 1.5em;
  border-left: inset 1px #888;
  border-top: inset 1px #888;
  border-bottom: inset 1px #999;
  border-right: inset 1px #999;
}
div#commentForm input[type='submit']{
  padding: 0.1em;
}
div#commentForm input#cmHuman {
  display: none;
  visibility:hidden;
}
div#commentForm textarea {
  width: 97%;
  padding: 5px 5px;
  border-left:  inset 1px #999;
  border-top: inset 1px #999;
  border-bottom: inset 1px #888;
  border-right: inset 1px #888;
}
div#commentForm label {
  display: block;
  color: #000;
}
div#commentForm label#spamGuard {
  display: inline;
}
div#commentForm input#cmSpam {
  margin-bottom: 0;
  width: 25px;
}
div#commentForm form p#spamTest {
	margin: 18px 0 10px 0;
}
div#commentForm p span {
  color: #FF0000;
}
div#commentForm input#frmSubmitBtn {
	width: 100%;
	padding: 6px 0;
}
div#commentForm p#stretch {
	margin: 2px 0 0 0;
	float: right;
	width: 63%;
}
div#pastComments  {
 float: left;
 width: 100%;
 margin-bottom: 2em;
}
div#pastComments h4#numComments {
  background: #ffc;
  font-size: 1.2em;
  padding: 0.3em 0.3em 0.3em 0.5em;
  border-left: 10px solid #690;
  margin-bottom: 2em;
  color: #690;
}
div#pastComments h4#numComments span{
  color: #666;
}
div#pastComments div.comment {
  padding: 0.7em 2%;
  float: left;
  width: 96%;
  border-bottom: 1px dotted #000;
}
div#pastComments div.cmFirst {
  border-top: 1px dotted #000;
}
div#pastComments div.morgan {
  background: url(/imgs/blog/response.gif) right top no-repeat #999;
}
div#pastComments div.comment dl {
  margin-bottom: 0.7em;
  float: left;
  width: 100%;
}
div#pastComments div.comment dt {
  font-size: 3.2em;
  float: left;
  color: #690;
}
div#pastComments div.comment dt sup {
  font-size: 0.6em;
  color: #000;
}
div#pastComments div.comment dd {
  font-size: 1.2em;
  width: 89%;
  float: right;
}
div#pastComments div.comment dd.cmName {
  font-size: 1.3em;
}
div#pastComments div.comment dd.tstamp {
  color:#660;
  font-style: italic;
}
div#pastComments div.comment div.cmComment {
  margin-left: 11%;
  float: right;
  width: 89%;
}
div#pastComments div.comment div.cmComment pre {
  font-size: 1.4em;
}
p.errorMsg {
  color: #f00;
  margin-bottom: 10px;
}
p.errorMsg a {
  color: #f00;
  text-decoration: underline;
}
p.cmMsg {
  color: #06f;
}
/* remove default anchor behavior from permalink */
#main h2 a {
  color: #690;
}
#main h2 a:hover {
  color: #ffc;
  background: #666;
}
/*************************************/
h5#share-post {
  margin-bottom: 2px;
}
ul.bookmarks, ul.bookmarks2{
  float: left;
  width: 98%;
}
ul.bookmarks {
  margin-bottom: 3em;
  border: 1px dotted #663;
  border-left: none;
  border-right: none;
  padding: 1em 1%;
}
ul.bookmarks2 {
  width: 100%; 
  margin-bottom: 2em;
}
ul.bookmarks li, ul.bookmarks2 li {
  float: left;
  margin-right: 15px;
}
ul.bookmarks a, ul.bookmarks2 a {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/imgs/blog/social-bookmarking-sprite-16.png);
  text-indent: -999em;
}
ul.bookmarks2 a {
  background: url(/imgs/blog/social-bookmarking-sprite-16.png) left -18px;
}
#main ul.bookmarks a:hover {
  background: url(/imgs/blog/social-bookmarking-sprite-16.png);
}
ul.bookmarks a.delicious-bm {
  background-position: 0px top;
}
ul.bookmark2 a.delicious-bm {
  background-position: 0px -18px;
}
#main ul.bookmarks a.delicious-bm:hover {
  background-position: 0px -18px;
}
ul.bookmarks a.digg-bm {
  background-position: -18px top;
}
#main ul.bookmarks a.digg-bm:hover {
  background-position: -18px -18px;
}
ul.bookmarks2 a.digg-bm {
  background-position: -18px -18px;
}
ul.bookmarks a.stumble-bm {
  background-position: -36px top;
}
#main ul.bookmarks a.stumble-bm:hover {
  background-position: -36px -18px;
}
ul.bookmarks2 a.stumble-bm {
  background-position: -36px -18px;
}
ul.bookmarks a.technorati-bm {
  background-position: -54px top;
}
#main ul.bookmarks a.technorati-bm:hover {
  background-position: -54px -18px;
}
ul.bookmarks2 a.technorati-bm {
  background-position: -54px -18px;
}
ul.bookmarks a.twitter-bm {
  background-position: -72px top;
}
#main ul.bookmarks a.twitter-bm:hover {
  background-position: -72px -18px;
}
ul.bookmarks2 a.twitter-bm {
  background-position: -72px -18px;
}
ul.bookmarks a.reddit-bm {
  background-position: -90px top;
}
#main ul.bookmarks a.reddit-bm:hover {
  background-position: -90px -18px;
}
ul.bookmarks2 a.reddit-bm {
  background-position: -90px -18px;
}
ul.bookmarks a.magnolia-bm {
  background-position: -108px top;
}
#main ul.bookmarks a.magnolia-bm:hover {
  background-position: -108px -18px;
}
ul.bookmarks2 a.magnolia-bm {
  background-position: -108px -18px;
}
ul.bookmarks a.facebook-bm {
  background-position: -126px top;
}
#main ul.bookmarks a.facebook-bm:hover {
  background-position: -126px -18px;
}
ul.bookmarks2 a.facebook-bm {
  background-position: -126px -18px;
}
ul.bookmarks a.linkedin-bm {
  background-position: -144px top;
}
#main ul.bookmarks a.linkedin-bm:hover {
  background-position: -144px -18px;
}
ul.bookmarks2 a.linkedin-bm {
  background-position: -144px -18px;
}
ul.bookmarks a.newsvine-bm {
  background-position: -162px top;
}
#main ul.bookmarks a.newsvine-bm:hover {
  background-position: -162px -18px;
}
ul.bookmarks2 a.newsvine-bm{
  background-position: -162px -18px;
}
ul.bookmarks a.buzz-bm {
  background-position: -180px top;
}
#main ul.bookmarks a.buzz-bm:hover {
  background-position: -180px -18px;
}
ul.bookmarks2 a.buzz-bm {
  background-position: -180px -18px;
}
ul.bookmarks a.mixx-bm {
  background-position: -198px top;
}
#main ul.bookmarks a.mixx-bm:hover {
  background-position: -198px -18px;
}
ul.bookmarks2 a.mixx-bm {
  background-position: -198px -18px;
}