img { border: 0; }

a { color: #89131D; text-decoration: none; }
a:hover { text-decoration: underline; }

p, li {
	font: 12px/16px arial, sans-serif;
	color: #777;
}

/* STRUCTURE */



#content-left {
	float: left;
	width: 690px;
	overflow: hidden;
}

#content-right {
	float: left;
	width: 210px;
	margin-left: 13px;
	w\idth: 197px;
}

#footer {
	clear: both;
	background: #dad8d6;
	padding: 5px;
	margin: 10px auto 0 auto;
	width: 900px;
	w\idth:890px;
}


/* MASTHEAD */


h1 {
	font: 24px/24px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	float: left;
}
*html h1 { font: 24px/26px arial, sans-serif; }

h1 a { color: #000; }
h1 a:hover { text-decoration: none; }




/* CONTENT LEFT */

.blog-post {
	background: #f2f2f2;
	padding: 25px 15px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.blog-post .headline {
	padding-bottom: 10px;
	overflow: hidden;
}

.blog-post .headline h2.date {
	float: left;
	font: 14px/14px arial, sans-serif;
	font-weight: bold;
	width: 250px;
	padding-left: 3px;
	margin: 0;
	w\idth: 247px;
}

.blog-post .headline h2.title {
	float: left;
	width: 410px;
	font: 14px/14px helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}
*html .blog-post .headline h2.title { margin-bottom: 10px; }

.blog-post .post-body {
	padding: 30px 0 0 250px;
	background: url("images/headline_bgd.gif") top left repeat-x;
}

.blog-post p { margin: 0 0 20px 0; }

.blog-post p.byline {
	float: left;
	margin: 0 3px 0 0 !important;
	color: #000;
	font-weight: bold;
}

.blog-post .post-body .left-image {
	margin: 0 10px 10px -250px;
	float: left;
}

p.post-footer { 
	font: 10px/14px arial, sans-serif;
	margin: 0 0 0 250px;
	clear: both;
}

p.search-result { margin-bottom: 30px; }

.blog-post p.post-footer a.permalink, .blog-post p.post-footer a.trackbacklink { color: #777; }

/* Individual Archives */

h3 {
	font: 14px/14px helvetica, sans-serif;
	padding: 0 0 10px 2px;
	margin: 0;
	background: url("images/headline_bgd.gif") bottom left repeat-x;
}
#content-left h3 { margin-top: 30px !important; }


/* Trackbacks and Comments */


#post-a-comment p { 
	clear: both; 
}

#post-a-comment label {
	font: 11px/11px arial, sans-serif;
	width: 100px;
	float: left;
	display: block;
	margin: 0 0 10px 0;
}

#post-a-comment input#comment-author, #post-a-comment input#comment-email, #post-a-comment input#comment-url, #post-a-comment textarea#comment-text {
	width: 300px;
	float: right;
	display: block;
	margin: 0 0 10px 0;
}

#comment-buttons {
	clear: both;
	text-align: right;
	margin: 10px 0 0 0;
}

/* Date-based Archives */

h2.archive-header {
	background: #f2f2f2;
	padding: 15px;
	margin: 0 0 10px 0;
	font: 16px/16px helvetica, sans-serif;
	font-weight: bold;
}



/* CONTENT RIGHT */


.right-module { margin: 0 15px 40px 0; }

#content-right h3 { font: 12px/12px helvetica, sans-serif; }

#content-right p {
	font: 10px/16px arial, sans-serif;
}

#recent-comments p {
	line-height: 12px;
	margin: 6px 0;
}

#tagcloud .rank1, #tagcloud .rank2, #tagcloud .rank3, #tagcloud .rank4, #tagcloud .rank5, #tagcloud .rank6 {
	line-height: 16px;
	font-family: arial, sans-serif;
	margin: 0 2px 0px 2px;
	padding: 0;
	display: inline;
	background: #fff;
	float: none;
}

#tagcloud .rank6 { font-size: 10px; }
#tagcloud .rank5 { font-size: 10px; }
#tagcloud .rank4 { font-size: 10px; }
#tagcloud .rank3 { font-size: 10px; }
#tagcloud .rank2 { font-size: 15px; }
#tagcloud .rank1 { font-size: 20px; }

#tagcloud h1 a { color: #89131D; }
#tagcloud h1 a:hover { text-decoration: underline; }

/* For the view-by-topic page */

.blog-post #tagcloud .rank1, .blog-post #tagcloud .rank2, .blog-post #tagcloud .rank3, .blog-post #tagcloud .rank4, .blog-post #tagcloud .rank5, .blog-post #tagcloud .rank6 {
	line-height: 30px;
	display: inline;
	background: none;
}

.blog-post #tagcloud .rank6 { font-size: 10px; }
.blog-post #tagcloud .rank5 { font-size: 15px; }
.blog-post #tagcloud .rank4 { font-size: 20px; }
.blog-post #tagcloud .rank3 { font-size: 30px; }
.blog-post #tagcloud .rank2 { font-size: 35px; }
.blog-post #tagcloud .rank1 { font-size: 40px; }

p.view-by-topic {
	float: right;
	margin: 0;
	width: 81px;
	w\idth: 86px;
	font: 10px/10px arial, sans-serif;
}

h3.archives { padding-top: 2px; }

.archive-list-left {
	float: left;
	width: 101px;
	margin: 10px 15px 0 0;
	w\idth: 81px;
}

.archive-list-right { margin-top: 10px; }

/* BLOG COMMENTS */

/* Submit Comment */
form input.submit_comment {
	margin:			8px 0 0 0;
	width:			91px;
	height:			22px;
	background:		url(../images/button_submit_comment.gif) no-repeat left top;
	text-indent:	-9999px;
}
form input.submit_comment:hover,
form .hover input.submit_comment {
	background:		url(../images/button_submit_comment_over.gif) no-repeat left top;
}
/* Edit Message */
form input.edit_message {
	margin:			8px 0 0 0;
	width:			48px;
	height:			22px;
	background:		url(../images/button_submit.gif) no-repeat left top;
	text-indent:	-9999px;
}
form input.edit_message:hover,
form .hover input.edit_message {
	background:		url(../images/button_submit_over.gif) no-repeat left top;
}
/* Cancel */
form input.cancel {
	margin:			8px 0 0 0;
	width:			45px;
	height:			22px;
	background:		url(../images/button_cancel.gif) no-repeat left top;
	text-indent:	-9999px;
}
form input.cancel:hover,
form .hover input.cancel {
	background:		url(../images/button_cancel_over.gif) no-repeat left top;
}
div#container {
	height:			1%;
}
div.viewTemplate {
	font-size:		10px;
}
div.viewTemplate #discussion {
	float:			left;
	width:			672px;
}
div.viewTemplate #discussion h3 {
	float:			left;
	display:		inline;
	margin:			20px 0 0 0;
	padding:		0 0 7px 0;
	font-size:		1.4em;
	font-weight:	normal;
	color:			#000;
	background:		none;
}
div.viewTemplate #discussion p.link {
	margin:			22px 14px 0 0;
	float:			right;
}
div.viewTemplate #discussion p.signin {
	font-size:		1.1em;
}
div.viewTemplate #discussion div.add_comment {
	margin:			0 14px 0 0;
	background:		url(../images/border_dotted.gif) repeat-x left top;
}
div.viewTemplate #discussion div.add_comment p {
	margin:			0;
	padding:		10px 0 5px 0;
	font-size:		1.1em;
	font-weight:	bold;
	color:			#595959;
}
div.viewTemplate #discussion div.add_comment p em {
	margin:			0;
	padding:		0;
	font-weight:	normal;
	font-style:		italic;
}
div.viewTemplate #discussion div.add_comment form {
	text-align:		right;
}
div.viewTemplate #discussion div.add_comment textarea {
	width:			650px;
	padding:		4px;
	height:			88px;
	font-size:		1.1em;
	border:			1px solid #dcdcdc;
	color:			#777;
}
div.viewTemplate #discussion ul {
	margin:			7px 0 0 0;
	padding: 0;
	list-style:		none;
}
div.viewTemplate #discussion ul li.edit_comment {
	margin-bottom:	7px;
}
div.viewTemplate #discussion ul li.divide {
	margin:			0 13px 0 0;
	background:		url(../images/border_dotted.gif) repeat-x left top;
}
div.viewTemplate #discussion ul li h4 {
	padding:		7px 0 6px 16px;
	font-size:		1.1em;
	font-weight:	bold;
	background:		url(../images/blog_talk_bub.gif) no-repeat 1px 9px;
}
div.viewTemplate #discussion ul li h4 a {
	color:			#000;
	font-size:		0.9em;
}
div.viewTemplate #discussion ul li h4 span {
	font-weight:	normal;
	font-size:		0.9em;
}
div.viewTemplate #discussion ul li p {
	margin:			0 0 7px 0;
	padding:		0 70px 0 0;
	font-size:		1em;
	line-height:	1.36em;
	color:			#777;
}
div.viewTemplate #discussion ul li ul.actions {
	float:			right;
}
div.viewTemplate #discussion ul li ul.actions li {
	display:		inline;
	color:			#89131D;
	font-size:		1em;
}
div.viewTemplate #discussion ul li ul.actions li.flag {
	padding:		0 0 0 20px;
}
 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after {
    content:			"."; 
    display:			block; 
    height:				0; 
    clear:				both; 
    visibility:			hidden;
}

.clearfix {
	display:			inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Header Navigation */
div.nav {
	position:			relative;
	height:				1%;
	margin-bottom:		0px;
	padding:			0;
}


div.nav img {
	float:				left;
	margin:				0 0px 0 0;
	padding:			17px 0 41px 0;
}
div.nav ul {
	float:				left;
	display:			block;
	list-style:			none;
	width:				160px;
	margin-top:			15px;
	margin-left:		0;
	padding:			0;
	border-top:			1px solid #8d8d8d;
}
div.nav ul li {
	border-bottom:		1px solid #e2e2e2;
}
div.nav ul li a {
	display:			block;
	margin:				0;
	padding:			2px 0 0 3px;
	height:				15px;
	border-top:			1px solid #fff;
	border-bottom:		1px solid #fff;
	font-size:			1em;
	color:				#888;
}
div.nav ul.main {
	width:				135px;
	margin-right:		11px;
}
div.nav ul.main li a {
	font-weight:		bold;
	color:				#222;
}
div.nav ul li a:hover,
div.nav ul li a:active {
	color:				#89131D;
	background-color:	#ededed;
	text-decoration:	none;
}
div.nav ul li a.selected {
	background-color:	#ededed;
}
/* Logged in message */
div.message_layer {
	padding:			0 0 0 620px;
	background-color:	#ececec;
}
div.message_layer p {
	margin:				0;
	padding:			6px 0;
	color:				#545454;
}
div.have_message {
	padding-left:		477px;
}

/* FOOTER */


#footer #logo {
	float: left;
	width: 50px;
	margin: 0;
}

#footer #newsletter {
	float: right;
	width: 200px;
	margin: 0;
}

#newsletter input.text {
	width: 190px;
	padding: 3px 2px 0 2px;
	font: 11px/13px helvetica, sans-serif;
	color: #cecece;
	margin: 0;
	font-weight: bold;
}
*html #newsletter input.text { padding: 0 2px; }

#footer p {
	text-align: center;
	font: 10px/20px arial, sans-serif;
	font-weight: bold;
	margin: 0;
	color: #fff;
}

#footer p a { color: #fff; }