/* --------------------------------------------
   
----------------------------------------------- */
div#article-data
{
	position: relative;
}

div#article-data p,
div#article-data blockquote
{
	color: #333;
	font-family: georgia, time, serif;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 15px;
}

div#article-data blockquote
{
	margin-left: 25px;
	border-left: 1px solid #000;
	padding-left: 15px;
	padding-right: 40px;
}

div#article-data p a
{
	color: #68b;
}

div#article-data h2
{
	line-height: 12px;
	font-style: italic;
	font-size: 12px;
	text-indent: 0px;

	/* these need to add up to 34px */
	padding-top: 16px;
	height: 18px;
}

div#article-data h2 a
{
	color: #333;
}

div#article-data h3
{
	color: #f00;
	font: italic normal 24px/27px georgia, serif;
	margin-bottom: 6px;
}

div#article-data h4
{
	font-style: italic;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 7px;
}

div#article-data h4 span.title
{
	font-style: normal;
}

div#article-data span.attribution
{
	color: #333;
	float: left;
	margin-right: 7px;
}

div#article-data span.attribution a
{
	color: #666;
	font-weight: bold;
}

div#article-data span.date
{
	color: #999;
	display: block;
	margin-bottom: 50px;
}

div#article-data p span.dropcap
{
	float: left;
	font: 76px georgia, serif;
	line-height: 66px;
	margin-right: 4px;
	color: #000;
	vertical-align: text-top;

	+vertical-align: baseline;
	+margin-top: 0px;

	/*
	vertical-align: text-bottom;
	*/
	
	/*
	+line-height: 89px;
	+margin-top: -43px;
	*/
		
	_vertical-align: text-top;
	_display: inline-block;
	_margin-top: -9px;
	_line-height: 70px;
}

div#article-data div#ad-1
{
	height: 266px;
	margin: 17px 0 30px 0;
	text-align: center;
	/*
	background: url(../images/ads/ad-1.gif) no-repeat 50% 50%;
	text-indent: -2000px;
	overflow: hidden;
	*/
}

div#article-data div#ad-1 img
{
	border: 0;
	width: 297px;
	height: 266px;
	
	display: block;
	margin: 0 auto;
}

div#article-data p.article-tags
{
	font-style: italic;
}

div#article-data p.article-tags a
{
	color: #68b;
}

div#article-data p.article-tags a:hover
{
	color: #00f;
	text-decoration: underline;
}

div#article-data a.subscribe
{
	display: block;
	background: url(../images/global/button-subscribe-1.gif) no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	height: 30px;
	margin: 17px 0 22px 0;
}

div#article-data p img.attribution
{
	width: 21px;
	height: 9px;
}

div#article-data p span.article-end
{
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;

	vertical-align: text-top;
	width: 21px;
	height: 13px;
	margin: 0 0 0 2px;
	text-indent: -2000px;
	font-size: 0;
	line-height: 0;			
	overflow: hidden;
	background: url(../images/article/cjr-attribution.gif) no-repeat 0 1px;
}

/* --------------------------------------------
   these are hacks to get around awkward
   markup in some posts.
----------------------------------------------- */
div#article-data p br
{
	display: none;
}

div#article-data p strong
{
	font-weight: bold;
}

div#article-data p strong br,
div#article-data p.allow-line-breaks br
{
	display: block;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#article-data p.pagination
{
	font-family: arial, sans-serif;
	font-size: 13px;
}

div#article-data p.pagination a
{
	font-weight: bold;
}

/* --------------------------------------------
   darts + laurels
----------------------------------------------- */
div#article-data span.dart
{
	float: left;
	background: url(../images/article/img_dart2.gif) no-repeat;
	width: 95px;
	height: 35px;
	text-indent: -2000px;
	overflow: hidden;
	margin-right: 12px;
	margin-top: 4px;
}

div#article-data span.laurel
{
	float: left;
	background: url(../images/article/img_laurel2.gif) no-repeat;
	width: 128px;
	height: 33px;
	text-indent: -2000px;
	overflow: hidden;
	margin-right: 12px;
	margin-top: 5px;
}

/* --------------------------------------------
   
----------------------------------------------- */
ul#article-actions
{
	float: right;
	border-left: 1px solid #fff;
	padding: 7px 13px;
	margin: 0 10px 10px 10px;
	width: 100px;
}

ul#article-actions li
{
	margin-bottom: 10px;
}

ul#article-actions li.comments
{
	margin-bottom: 0;
}

ul#article-actions li a
{
	display: block;
	color: #68b;
	font-style: italic;
	padding-left: 18px;
	padding-top: 4px;
	text-decoration: none;
	height: 16px;
	line-height: 12px;
	overflow: hidden;
}

ul#article-actions li a:hover
{
	text-decoration: underline;
}

ul#article-actions li.print a
{
	background: url(../images/article/icon-print.gif) no-repeat 0px 2px;
}

ul#article-actions li.email a
{
	background: url(../images/article/icon-email.gif) no-repeat 0px 5px;
}

ul#article-actions li.download a
{
	background: url(../images/article/icon-download.gif) no-repeat 0px 1px;
}

ul#article-actions li.comments a
{
	background: url(../images/article/icon-comments.gif) no-repeat 0px 0px;
}
			
/* --------------------------------------------
   
----------------------------------------------- */
dl#comments
{
	width: 460px;
	margin-bottom: 30px;
}

dl#comments dt
{
	background: url(../images/module-headers/head-comments.gif) no-repeat;
}

dl#comments dd
{
	padding-top: 7px;
	border-bottom: 1px solid #9c9c9c;
	overflow: auto;
}

dl#comments dd.last
{
	border-bottom: 0;
}

dl#comments dd h5
{
	float: left;
	font-weight: bold;
	color: #666;
}

dl#comments dd h5 a
{
	color: #666;
}

dl#comments dd span.date
{
	display: block;
	color: #999;
	float: left;
	clear: left;
	width: 100px;
}

dl#comments dd p
{
	margin-left: 122px;
	line-height: 15px;
	margin-bottom: 12px;
	font-family: arial, sans-serif;
	font-size: 12px;
}

dl#comments dd p.comment-quote-lead
{
	font-weight: bold;
}

/* --------------------------------------------
   
----------------------------------------------- */
dl#post-a-comment
{
	width: 460px;
}

dl#post-a-comment dt
{
	background: url(../images/module-headers/head-post-a-comment.gif) no-repeat;
}

dl#post-a-comment dd
{
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
	font: 13px/20px arial, sans-serif;
}

dl#post-a-comment dd p
{
	font: 13px/20px arial, sans-serif;
	margin-bottom: 10px;
}
		
dl#post-a-comment label,
dl#post-a-comment input,
dl#post-a-comment textarea
{
	float: left;
}

dl#post-a-comment label
{
	width: 108px;
	margin-right: 15px;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	_background: #fff;
}

dl#post-a-comment input.entry,
dl#post-a-comment textarea
{
	border: 1px solid #ccc;
	border-top-color: #666;
	border-left-color: #666;
	background: #eee;
	width: 334px;
	margin-bottom: 10px;
}

dl#post-a-comment textarea
{
	height: 100px;
}

dl#post-a-comment input.submit
{
	clear: both;
	font-size: 11px;
	border-width: 1px;
	width: 140px;
	margin-left: 319px;
}
