/*** articles.html ***/
.column {
	/*width: 415px;*/
	height: 100%;
	padding: 0 0 10px;
}
.col-1 {
	float: left;
}
.col-2 {
	float: right;
}
.article-box {
	background: #F2F2F2;
	margin: 20px 0 0;
}
/*.article-box A {
	color: #0D6491;
	text-decoration: none;
}
.article-box A:hover {
	color: #4C7BA9;
	text-decoration: underline;
}*/
A.anchor {
	text-decoration: none;
	font: 1px/1px;
}
.article-box P {color: #222;}

.article-head {
	padding: 10px;
	min-height: 80px;
}
.article-head IMG.userpic, .article-head .art-title {
	float: left;
	min-height: 80px;
}
.article-head .art-title {
	width: 305px;
	padding-left: 10px;
}
.wide {width: 740px !important;}
.wide800 {width: 800px !important;}

.article-head H2, .article-head H2 A {
	display: block;
	font: 24px "Trebuchet MS",sans-serif;
	color: #4C7BA9;	
	overflow: hidden;
	clear: both;
	text-align: left;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
}
.article-dn {
	text-indent: 0;
	margin: 0px 0 0;
	float: left;
}
.article-dn A {
	font-weight: bold;
}
A.expand-link, A.collapse-link, A.keep-reading-link {
	float: right;
	display: block;
	padding-right: 20px;
	background: url(../images/ico-keep_reading.gif) no-repeat 100% 50%;
	font: bold 14px "Trebuchet MS",sans-serif;
}
A.expand-link, A.collapse-link {margin: 7px 0 0;}
A.expand-link {
	background: url(../images/ico-expand.gif) no-repeat 100% 50%;
}
A.collapse-link {
	background: url(../images/ico-collapse.gif) no-repeat 100% 50%;
}
.show {display: block !important;}
.hide {display: none !important;}
.article-body {
	clear: both;
	height: 100%;
	/*text-align: center;*/
	padding: 0 10px 10px;
}
.article-body P {
	text-align: left;
	padding: 0 0 10px;
	margin: 0;
	text-indent: 0;
}
.article-footer {
	border-top: 1px solid #FFF;
	height: 22px;
	padding: 5px 10px;
	background: #E3E3E3;
}
.article-footer A {
	display: block;
	min-height: 22px;
	line-height: 22px;
}
A.comments-link {
	float: left;
	padding-left: 20px;
	background: url(../images/ico-comments.gif) no-repeat 0% 60%;
}
A.keep-reading-link {background: url(../images/ico-keep_reading.gif) no-repeat 100% 50%;}

/*** article.html ***/
.comments {padding: 10px 0 0;}

H2.comments-h2, H2.add-comment {
	display: block;
	font: bold 16px "Trebuchet MS",sans-serif;
	color: #4C7BA9;
	width: 100%;
	text-indent: 10px;
	border-bottom: 3px solid #A5BDD4;
	text-align: left;
}
H2.add-comment {
	padding: 10px 0;
	border: none 0;
}
.comments .article-box {
	background: #FFF;
	border-bottom: 1px solid #A5BDD4;
	margin: 0 0 10px;
}
.comments .last-comment {border-bottom: 3px solid #A5BDD4;}

.comments .article-head {
	padding: 10px;
	min-height: 48px;
}
.comments .article-head IMG.userpic, .comments .article-head .art-title {
	float: left;
	min-height: 48px;
}
.comments .article-head H2 {height: 23px;}

.comments .article-body {padding: 0 10px;}

.comments FORM {
	margin: 0 auto;
	width: 772px;
}
.comments TEXTAREA { /*ie7.css*/
	border: 1px solid #999;
	width: 770px;
	height: 55px;
	overflow-y: auto;
}
.comments INPUT.btnS { /*ie7.css*/
	float: right;
	margin: 10px 0 10px 10px;
	text-transform: capitalize;
	line-height: 22px;
}

img.illustration {
	margin: 0px 10px 0px 0px;
}

.article, .comments {
	text-align: left;
}

.pic-placeholder {
	border:1px solid #fff;
	background: #e3e3e3;
	text-align:center;
	padding: 10px 0;
	margin-bottom:10px;
}