/* Article Page CSS - v1.03 Rev. 020907 */

/* =Page Layout
============================== */
#contentCol { vertical-align: top; width: 100%; }
div#content{ padding: 0 20px 0 10px; }

#sidebar { width: 310px; vertical-align: top; }
div#col2{	
		position: relative;
		z-index: 10;
		margin: 0 10px 0 0;
		background: #fff;
		}
		
/* =Article Content Margins
============================== */
#contentCol, #sidebar { padding-top: 1.25em; }

h1 { margin: -.25em 0 .45em 0; }
.blogEnhancer + .memberTools + h1 { margin-top: 0; } /* h1 disappears over membertools area when BE paragraph appears*/

div#content .tagline, #articleCopy .charCount { margin-bottom: .75em; }
#articleCopy pre { margin-bottom: 1.05em; }
#articleCopy .copyright { font-size: 55%; margin-bottom: 1.1em; }

#dz02 { margin: -.45em 0 0 0; }

.byline { margin-bottom: .65em; }
.entities { margin-bottom: -.30em; }

/* Drop Zone
============================== */
#dz02 { clear: both; line-height: 10px; font-size: 45%; /* Used so IE renders this block correctly; */ }

#dz03 { margin: 0 0 10px 0; }

#dz02, #dz03 { text-align: center; }

.blogEnhancer {
		border-top: 1px solid #ccc;
		margin-top: .05em;
		padding-top: 8px;
		vertical-align: text-bottom;
		line-height: 1.7; 
		color: #930; 
		}
		.blogEnhancer img { vertical-align: bottom; }

/* =Article Content
============================== */
h1 { font-weight: bold; }

.byline dt, .byline dd,
    .entities dt, .entities dd { display: inline; line-height: 1.3; margin: 0; padding: 0; }

.byline {  }
    .byline dt, .byline dd { padding: 0 .25em 0 0; }
    .byline dt { background: url(/img/pipe.gif) no-repeat 0 .35em; padding-left: .70em; }
    .byline dt.first { background-image: none; }
    .byline dt.first, .byline dd { padding-left: 0; }
    .byline dd { font-weight: bold; }

.entities { padding-left: 11.25em; width: auto; }
	.entities dt { margin-left: -11.25em; padding-right: .25em; width: 11em; }
	.entities dd { padding-right: .65em; }
	.entities dd a { font-weight: bold; }
	.entities .previous { padding: 0; }
	.entities .next, .entities .previous { white-space: nowrap; display: inline-block; /* IE Only */ }
	
#articleCopy { 
		z-index: 1;
		font-size: 120%;
		clear: left;
		}
		#articleCopy .logo { float: left; margin: 4px 10px 10px 0; }
		#articleCopy .charCount { font-size: 65%; }
		#articleCopy .copyright { font-size: 55%; }
		#articleCopy table { display: inline; }

div#content .tagline { text-align: center; font-size: 65%; }
		
.memberTools {
        float: right;
        margin-top: .30em;
        padding: 0 0 .95em .95em;
        width: 110px;
    }
    
    .memberTools ul { margin: 0; padding: 0; }
    .memberTools li { padding: 0 0 8px 0; background-image: none; }
    .memberTools li a { display: block; padding-left: 2em; }
    .memberTools li a img { float: left; width: auto; margin-left: -2em; }
    
    /* Member Tools Bubble */
    .memberTools .bubble { margin: 0; }
    .memberTools .bubble, .memberTools .bubble .tl { width: 110px; } /* Total */
    .memberTools .bubble .tr, .memberTools .bubble .br { width: 102px; }
    .memberTools .bubble .bl { width: 8px; }
    
    .memberTools .bubble .content { font-size: 85%; padding: .1em .15em .1em .55em; }	

/* =More Like This 
============================== */ 	
#moreLikeThis { clear: both; margin: 10px 0 0 0; }
		#moreLikeThis h3 { margin: 0 0 0 15px; font-size: 120%; color: #930; }
		#moreLikeThis p.key { margin-top: 0; font-weight:bold; }

		#moreLikeThis .msg { margin: 0 0 20px 15px; font-weight:bold; color: #930; }

		p.moreResults { 
				margin:20px 0 5px 0; 
				font-weight: bold; 
				text-align: center; 
				}


/* More like this - Tabs
============================== */ 	
#moreTabs {  }
		#moreTabs ul {  
				position: relative;
				float:left;
				z-index: 10;
				background: #fff url('../img/more_tab_bg.gif') repeat-x bottom;
				line-height:normal;
				margin: 0 0 -1px 0;
				list-style-type: none; 			
				}
		#moreTabs  li { 		
				float: left;
				margin: 0; 
				padding: 0 0.3em 0 0;
				background: none;
				}	
		#moreTabs  li a { 
				float: left;
				margin: 0; 
				padding: 0 0 0 0.5em; 
				background: transparent url('../img/more_tab_l.gif') no-repeat scroll 0 0; 
				text-decoration: none;
				border-bottom: 1px solid #c63;
				}
		#moreTabs  li a span { 
				display: block; 
				padding: 0.3em 1em 0.1em 0.4em; 
				background: transparent url('../img/more_tab_r.gif') no-repeat scroll 100% 0;
				font-weight: bold;
				letter-spacing: 0.05em;
				color: #930;
				}
		
		#moreTabs  li a:hover { 
				background-position: 0% -50px;
				cursor: pointer;
				cursor: hand;
				}
		#moreTabs  li a:hover span { 
				background-position: 100% -50px;
				cursor: pointer;
				cursor: hand;
				color: #930;
				}
				
		#moreTabs  li a.selected,
		#moreTabs  a:hover.selected  { 
				background: transparent url('../img/more_tab_l.gif') no-repeat scroll 0% -50px; 
				border-bottom: 1px solid #fff;
				color: #930;
				}
		#moreTabs  li a.selected span,
		#moreTabs  li a:hover.selected span {
				background: transparent url('../img/more_tab_r.gif') no-repeat scroll 100% -50px;  
				color: #930;
				cursor:default;
				}
				
#more_tab_bg2  { border-top: 1px solid #c63; }
		#more_tab_bg2 div,
		#more_tab_bg2  {
				height: 19px; 
				background: url(../img/more_tab_bg2.gif) no-repeat; 
				}
		
		#more_tab_bg2 div { background-position: 0 0; }
		#more_tab_bg2 { background-position: 100% 0; }


/* =More Articles
============================== */
.resultsList {  border-collapse: collapse; clear: both; }
		.resultsList .pubLogoCell { 
				vertical-align: top; 
				width: 75px; 
				font-size: 70%;
				}
			
		.resultsList .pubLogo { padding: 4px 10px 10px 6px;	}
				
		.resultsList .articleLink {
				margin:0;
				padding: 0 0 10px 0;
				vertical-align: top;
				font-weight:bold;
				}
		.resultsList .articleLink p { margin: 0; padding: 0 0 0.2em 0; line-height: 1.3; }
		.resultsList .pubDetail { font-weight: normal; }
		
/* =IE Specific Styles
============================== */
#contentColContainer { table-layout: fixed; width: 100%; } /* Used only for PRE tag wrapping in IE */

h1 { _margin-top: -.20em; }
*+html h1 { margin-top: -.20em; }

.memberTools { _margin-top: 0; }
*+html .memberTools { margin-top: 0; }