/* ###################   
   ARTICLE - ONLY ON ARTICLE TEMPLATE
   ################### */
/* COLUMN ONE 
   ------------------- */         

/* COLUMN TWO 
   ------------------- */      
#bdCol2 .columnists, 
#bdCol2 .interacts, 
#bdCol2 .spcReports, 
#bdCol2 .topStories, 
#bdCol2 .latestPhotos {
	width:inherit;
  border-top:solid 5px #346699;}	
  #leftcolA{width:430px;float:left;color:#efefef;}
#bdCol2 .singlePhotoGall li.photoSingleImg {list-style:none;}
#bdCol2 .poll {width:96%;}
  
/*   ---- INTERACT */
#divArti #bdCol2 .interacts {background:#FDF3B6;}
#divArti #bdCol2 .interacts ul {width:inherit;list-style-type:disc;list-style:disc inside;}
#divArti #bdCol2 .interacts li {border-bottom: solid 1px #efefef;padding:4px 4px;}

.singleBox {
	border-bottom: 5px solid #F8D329;
	width: 400px !important;
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #efefef;
	padding-left: 2px;
	margin-top: 15px;
}

/*   ---- LATEST PHOTOS */
#divArti #bdCol2 .latestPhotos img {float:left;max-width:95px;max-height:74px;}
#divArti #bdCol2 .latestPhotos ul.listB {width:100%;}

/*   ---- SPECIAL REPORTS */
#divArti .spcBox a,
#divArti .spcList a
 {display:block;
		width:auto;
		height:auto;		
		text-transform:none;
		}	
#divArti #bdCol2 .spcReports .spcReport{width:237px;}
#divArti #bdCol2 .spcReports .spcBox{
    height: 100px;
    margin:0 0 8px 0;
    border-top: solid 1px #A1B9D0;
    border-left: solid 1px #A1B9D0; 
    border-bottom: solid 1px #A1B9D0; 
    border-right: solid 1px #A1B9D0;}

#divArti #bdCol2 .spcReports .spcBox a.spcTitlA {		
		padding:10px 0 0 100px;}

#divArti #bdCol2 .spcReports .spcBox a.spcTextA {
		 padding:7px 0 0 103px;}					
		
#divArti #bdCol2 .spcReports .spcBox	a.spcTitlB {		
		padding:10px 0 0 10px;}

#divArti #bdCol2 .spcReports .spcBox a.spcTextB {
		 width:50%;
		 padding:7px 0 0 10px;}	
	
.spcBox a.spcTitlB, 
.spcBox a.spcTitlA, 
.spcList a.spcTitlA  {
		margin: 4px 0 4px 0;		
		color:#336799;
		letter-spacing:1px;
		font-weight:bolder;
		font-size:1.2em;}

/*   ---- ARTICLE LAYOUT */

.photoContainer {width:200px;margin-right: 10px;float:left;}
.photoTop {border-left: 1px solid #efefef;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;clear:both;}
.photoTools {background: #f8d329;padding: 3px 0px;width:auto;height:13px;}
.photoTool {vertical-align: bottom;float:left;}

#mainImg{clear:both;}

#imgShowing {
	float: right;
	width: auto;
	text-align: right;
	font-weight: bold;
	color: #efefef;
	padding-right:3px;
}

#imgCap {
  background:#666666;
	border-left: 1px solid #2E4E6B;
	border-right: 1px solid #2E4E6B;
	border-bottom: 1px solid #2E4E6B;
	font-size: 10px;
	line-height: 12px;
	text-align: justify;
	clear:both;
}

.articleGrafs {margin-top: 5px;}
p.articleGraf {margin: 0px;padding: 5px 0px;color: #efefef;}
li.inGraf {list-style-position: inside;}

.readerReacBox {
	width: inherit;
	padding: 0px;
	background: #F8D329;
	border-top:solid 5px #efefef;
}

.readerReacBox h2 {
	color: #efefef;
	padding-left: 3px;
	margin-bottom: 5px;
}

.photoContainer .caption {width:185px;margin:3px 3px;clear:right;color:#efefef;}
.photoCredit {width:auto;font-size:9px;padding:0px 3px;color:#efefef;clear:left;}


.imgThumb {
	float: left;
	padding: 8px;
	float: right;
	clear: right;
}

.imgThumb a {
	float: left;
	border: 1px solid #2E4E6B;
}

.imgThumb a:hover {
	border: 1px solid #99001F;
}	

#morePhotos {
	float: right;
	width: 140px;
	padding: 5px;
	height: 365px;
	overflow: auto;
}

.GalleryBack {
	margin: 0px;
	float: left;
	background: #EBF0FA;

}

/* UGC Comments */

#ReaderReaction {
	clear:both;
	display:block;
	margin:5px 0px;
	width:610px;
	border:1px solid #999;
	background-color:#DDD;
	color:#000;}

#ReaderReaction .readerHd {
	display:inline;
	float:left;
	margin: 0px;
	color:#3A6891;
	font-family:'Trebuchet MS',Trebuchet,Arial;
	font-size:20px;
	margin:0;
	padding:3px 5px;
}

#ReaderReaction .readerWarning {
	display:block;
	font-size:.9em;
	line-height: 1.25em; 
	padding:5px;
	color: #000;
	background-color:transparent;
	padding:8px;
}

#ReaderReaction .readerWarning a {
	color: #CC3366;
	text-decoration: underline;
}

#ReaderReaction .readerWarning a:hover {
	color: #CC3366;
	text-decoration:none;
}

/* RealTidBits COMMENTS */

#comments{clear:both;margin:5px 10px;background-color:transparent !important;padding-top:0px !important;}
#comments .echo-primaryFont{font-size:12px !important;font-family: Lucida grande,Tahoma,Verdana,Arial !important;}
#comments .echo-primaryColor{color:#222 !imporant;}
#comments .echo-submit-auth{display:inline;float:left;}
#comments .echo-submit-auth .echo-auth-logout, #comments .echo-auth-anonymous{position:absolute;right:0px;}
#comments .echo-submit-header{display:inline;float:left;position:relative !important;}
#comments .echo-submit-body{clear:both;}
#comments .echo-clear, #comments .echo-item-re{height:0px !important;padding:0px !important; margin:0px !important;}
#comments .echo-submit-userInfoWrapper{line-height:25px}
#comments .realtidbits-comments-header{clear:none !important;display:inline;float:right;text-align:right;}
#comments .realtidbits-comments-title{margin:5px 0px !important;padding:0px !important;}
#comments .realtidbits-comments-submit{clear:both !important;margin-top:5px !important;}
#comments .realtidbits-comments-content{clear:both;}
#comments .realtidbits-comments-submit .realtidbits-comments-flash-message{text-align:right;font-weight:bold;margin:10px 0px;}
#comments .echo-submit-forcedLoginUserInfoMessage{color:#222222;}

/* individual comments */
.echo-item-container-root{padding:0px !important;}
.echo-item-content {
    background-color: #FFFFFF;
    margin: 5px 0px;
    padding: 5px;
    border: 1px solid #DDDDDD !important;
    border-radius: 8px 8px 8px 8px;
}
.echo-item-children .echo-item-content { background-color: #FFFFFF; margin: 2px 0px 3px 0px; padding: 0px; border: 0px !important; border-radius: 0px;}
.echo-item-content .echo-item-children .echo-item-content .echo-item-container-child{background-color: #FFFFFF; border:1px solid #D2D2D2;border-radius: 8px 8px 8px 8px;}
.echo-item-content .echo-trinaryBackgroundColor{background-color:#FFF;}
.echo-author-role{background:transparent !important;}
.echo-item-text{font-size:11px !important;line-height:1.2em !important;}
.echo-item-content .echo-item-childrenMarker, .echo-stream-toggleModerationControls, .echo-item-modeSwitch, .echo-upload-control-container-button, .echo-submit-upload-button-container, #echo-notification-container {display:none !important;}
#comments a, #comments .echo-linkColor, #comments .echo-secondaryColor a {
    color: #3A6891;
}
.echo-stream-more{background-color:#3A6891;color:#FFF;}

/* Logout & Flag buttons weren't styled by RealTidBits - Gotta love it! */
#comments .echo-auth-logout {
	background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(235,235,235) 100%) !important;
	background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(235,235,235) 100%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(235,235,235) 100%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(235,235,235) 100%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(235,235,235) 100%) !important;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(207,207,207)),
		color-stop(1, rgb(235,235,235))
	) !important;
	color: #545454;
	border: 1px solid #999 !important;
	text-shadow: -1px 1px 1px #fff !important;
	font-size: 12px !important;
	padding: 4px 14px !important;
	font-weight: bold !important;
	margin: 0px !important;
	-webkit-border-radius: 3px !important;	
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	display: inline-block !important;
}

#comments .echo-item-control { 
	display: inline;
	text-align: center;
	text-shadow: 0px 0px 0px #FFF !important;
	cursor: pointer;
	background-color: transparent !important;
	border: 0px solid #FFF !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF !important;
	-moz-box-shadow: 0px 0px 0px #FFFFFF !important;
	box-shadow: 0px 0px 0px 0px #FFFFFF !important;
	font-size: 11px;
	color: #777777 !important;
	margin-top: 0px;
}

#comments .echo-item-control span{color: #777 !important;}
#comments .echo-item-control span:hover{color: #555 !important;}

#comments .echo-item-control:hover{
	background: transparent !important;
	border: 0px solid #FFF !important;
	border-bottom-color: 0px !important;
	color: #555 !important;
	margin-top: 0px;
}