<!--

/*
orange: #FF8600
grey borders: #E0E1E0

*/

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

p {
	margin-bottom: 5px;
}

img {
	border-style: none;	
	vertical-align: middle;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 75%; /* Resets 1em to 12px */
	color: #000000;	
	text-align: center;
	background: #FFFFFF url(../img/article_bg_001.gif) no-repeat right top;
	}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 15px 0 10px 0;
}

a {
	font-weight: bold;
	color: #FF8600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

blockquote {
	margin: 15px;
	padding: 20px;
	border: 1px solid #E0E1E0;
	
	/* rounded border effects */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* 1st bg images (opening quote) */
	background: url(../img/doublequote_open.png) #fff no-repeat top left;
	
	/* multiple bg images - only Safari supports multiple bg
	images at time of writing */
	background-image: url(../img/doublequote_close.png), url(../img/doublequote_open.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, top left;
	
	/* opacity effects */
	opacity: 0.50;
	filter: Alpha(Opacity=50);


}

blockquote p {
	margin-top: 5px;
}


#aboveFold {
	padding: 40px 0 20px;
	clear: both;
}

#information {
	background: #F7F7F7;
	border-top: 1px solid #E0E1E0;
	padding: 20px 0;
	clear: both;
}

.content {
	width: 80%;
	text-align: left;
	margin: 0 auto 0;
	min-width: 740px;
	max-width: 1000px;
}

#sidebar {
	float: left;
	width: 30%;
	margin: 0 0 40px 0;
	/* background: #F7F7F7; */
}

#navPanel {
	background: url(../img/nav_panel_base.gif) no-repeat bottom;
	width: 210px;
	margin-bottom: 30px;
	font-size: 0.9em;
}

#navPanel h1 {
	background: url(../img/nav_panel_top.gif);
	display: block;
	height: 157px;
	width: 210px;
	text-indent: -9999px;
	border-bottom: 1px solid #d8d8d8;
}

#navPanel ul {
	list-style: none;
	/* margin: 0px 50px 15px;
	padding: 0px; */
}

#navPanel li {
	display: inline; /* KLUDGE - removes IE/Win whitespace problem */
}

#navPanel ul a {
	display: block;
	/* background-color: #f7f7f7; */
	color: #999999;
	text-decoration: none;
	vertical-align: middle;
	padding: 4px 5px;
	border: 1px solid #d8d8d8;
	border-top: none;
	border-bottom: none;
	background: url(../img/cmxform-divider.gif) left bottom repeat-x;
}
#navPanel ul ul a {
	padding-left: 20px;
}

#navPanel ul a:hover {
	background-color: #999999;
	color: #ffffff;
}

#navPanelFooter {
	padding: 20px 5px 30px;
	font-size: 0.9em;
	font-weight: normal;
}

#search {
	margin: 0 auto 0 auto;
}

#search input.sbox {
	color: #80808C;
	height: 15px;
	width: 151px;
	border: 0;
	background: white url(../img/search_bg.gif) repeat-x;
	background-position: left top;
	font-size: 11px;
	vertical-align: middle;
	padding: 2px;
}

#search .searchImage {
	vertical-align: middle;
}

/*\*/
html>body*#search .searchImage { display:none; }
html>body*#search input.sbox { width:187px; }

/**/

#shortLinks {
	background: url(../img/shortLinks_side.gif) no-repeat left top;
	padding: 0 88px 0 24px;
}

#youMightAlsoLike {
	background: url(../img/ymal_side.gif) no-repeat left top;
	padding: 0 88px 0 24px;
	margin: 20px 0 0 0;
}

#shortLinks p, #youMightAlsoLike p {
	color: #999999;
}

#shortLinks a, #youMightAlsoLike a {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

#shortLinks  ul, #youMightAlsoLike ul {
	list-style: none;
	margin: 0 5px 0 5px;
}

#shortLinks  li, #youMightAlsoLike li {
	margin: 0px 0 7px;
	color: #666666;
	font-size: 0.9em;
}

#shortLinks ul a, #youMightAlsoLike ul a {
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}

#shortLinks ul a:hover {
	color: #FF8600;
}

#youMightLikeThis ul a:hover {
	color: #64b23f;
}

#article {
	float: left;
	width: 70%;
	margin: 0 0 40px 0;
}

#articleBody p {
	line-height: 1.6em;
	margin-bottom: 10px;
}

#articleBody code {
	font: 1.2em "Courier New", Courier, mono;
}

#articleBody pre code {
	font: 1.2em "Courier New", Courier, mono;
}

#articleBody ul {
	margin: 0 0 0 45px;
}

#articleBody ol {
	margin: 0 0 0 50px;
}

#articleBody {
	clear: both;
}

#comments {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #E0E1E0;
	font-size: 0.9em;
}

.comment {
	margin: 10px 0px;
}

.commentTitle {
	color: #999999;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.3em;
}
.commentMessage {
	background: #F7F7F7;
	border: 1px solid #E0E1E0;
	/* border-bottom: none; */
	padding: 10px;
	line-height: 1.6em;
	
	/* rounded border effects */
	/* disabled moz & webkit specific rules 081206 until I can investigate the moz extra margin bug I discovered */
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	border-radius: 5px;
}

.commentPoster {
	font-weight: bold;
	color: #999999;
	font-size: 0.9em;
	padding-left: 12px;
}

.commentPosterBubbleTail {
	margin-top: -1px;
}

.commentPoster p {
	display: inline;
}


#commentTxpHelp {
	float: left;
	width: 30%;
	margin: 0 0 40px 0;
}

#commentForm {
	float: left;
	width: 70%;
	margin: 0 0 40px 0;
}

.commentForm form fieldset {
  margin-bottom: 10px;
}

.commentForm form legend {
  padding: 0 2px;
  font-weight: bold;
}

.commentForm form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

.commentForm form fieldset ol {
  margin: 0;
  padding: 0;
}

.commentForm form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

.commentForm form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

.commentForm form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

.commentForm form fieldset fieldset label {
  display: block;
  width: auto;
}

.commentForm form em {
  font-weight: bold;
  font-style: normal;
  color: #FF8600;
}

.commentForm form label {
  width: 120px; /* Width of labels */
}

.commentForm form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.commentForm form {
	/*width: 370px;*/
	font-size: 1em;
	color: #333;
	margin: 10px 0 10px 0;
	}
	
/* advanced form styles */

.commentForm form legend { padding-left: 0; }
	
.commentForm form legend { 
	color: #666666;
	padding: 5px 2px 5px 2px;
	}
.commentForm form label { color: #999999; }

.commentForm form fieldset {
	border: none;
	border: 1px solid #d8d8d8;
	background: url(../img/cmxform-fieldset.gif) left bottom repeat-x;
	padding: 3px;
	}
	
.commentForm form fieldset fieldset { background: none; }
	
.commentForm form fieldset li {
	padding: 5px 10px 7px;
	background: url(../img/cmxform-divider.gif) left bottom repeat-x;
	}


.gravatar {
	border: 1px solid #999999;
	vertical-align: top;
	margin-right: 5px;
}

#postDate {
	width: 60px;
	height: 70px;
	text-align: center;
	background: url(../img/postDateBg.gif) center center no-repeat;
	padding: 30px 0 0 0;
	margin: -15px 10px 5px -5px;
	float: left;
	font-size: 10px;
}

#postDate p {
	margin: 0;
    padding: 0;
    color: #666666;
}

#postDate p.postDayNumber {
	font-size: 20px;
	line-height: 1em;
    color: #333333;
}

.articleListItem {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #E0E1E0;
}

.articleListItem img {
	margin: -2px 2px 0 5px;
}

.articleListItem h2 a {
	color: #000000;
	text-decoration: none;
}
.articleListItem h2 a:hover {
	color: #FF8600;
}

.postMeta {
	font-size: 0.8em;
	color: #999999;
}

.postMeta a {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

.postMeta a:hover {
	color: #FF8600;
	text-decoration: none;
}


-->