﻿/* ###################   
   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:400px;
	margin-right: 10px;
	float:left;
	}
	
.photoTop {clear:both;}
.photoTools {background: #f8d329;font-size:0.9em;font-weight:bold;padding:2px 4px;width:auto;}
.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:#181818;
	font-size: .9em;
	text-align: justify;
	float:left;
}

/* BUY PHOTO */
#leftcol .photoContainer {position:relative;}
#leftcol .photoContainer .photoTools{height:20px;margin-bottom:2px;}
#leftcol .photoContainer #purchasePhoto{position:absolute; top:1px; right:1px;}
#purchasePhoto{background:transparent url('http://static.djlmgdigital.com/scn/seacoastonline/graphics/buyPhotoBtn.gif') 0px 0px no-repeat; height:20px; width:100px; display:inline; float:right; color:transparent; font-size:0px; text-decoration:none;}
#purchasePhoto:hover{background:transparent url('http://static.djlmgdigital.com/scn/seacoastonline/graphics/buyPhotoBtn.gif') 0px -25px no-repeat;}

.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 {margin:6px;color:#DDD;}
.photoCredit {width:auto;font-size:9px;padding:0 0 6px;color:#efefef;clear:left;float:right;}


.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;

}

#rightCol	{
	border:none;
	}
	
.artTools {
	font-size:1em;
	margin:24px 0 0 0;
	padding:0;
	position:relative;
	line-height:1.8em;
	font-weight:bold;
	width:170px;
}

.artToolsAction	{
	}

a#printArt span, a#emailArt span {
	}


#textSizer #smallResize {
	font-size: 11px;
}

#textSizer #medResize {
	font-size: 13px;
	color: #999;
}

#textSizer #largeResize {
	font-size: 16px;
}

.Article	{
	margin:8px 0 0 0;
	}
	
.Article h2	{
	clear:both;
	font-size:1.2em;
	margin: 12px 0 0;
	}
	
.Article h3 {
	font-size:1.8em;
	}
	
.Article h4 {
	font-size:1.4em;
	}
	
.ArticleBody	{
	float:left;
	clear:both;
	width:100%;
	}

.ArticlePhotoBox {
	float:left;
	clear:both;
	}
	
.ptNoCommentMsg {
	margin:0 8px;
	}
	
#forumFootLinks	{
	margin:0 8px;
	}
	
.ptTextBox {
	margin:0 8px;
	}
	
#extraInfo	{
	margin:0 8px;
	}
	
a#imgZoom, a:link#imgZoom {
	color:#FFF;
	}
	
#sharethis_0	{
	margin:4px 0 0 11px;
	float:left;
	}
	

.FactBox, .relatedlinks {
	width:200px;
	float:right;
	border: 1px solid #555;
	font-size:.9em;
	margin-left:8px;
	}
	
.FactBox h3, .relatedlinks h3 {
	font-size:1.6em;
	}
	
.relatedlinks {
	clear:right;
	margin-top:8px;
	}
	
		/* Active Content, Mzinga Forums*/

#ReaderReaction {
	clear:both;
	display:block;
	width:610px;
	border:1px solid #FFF;
	background-color:#333;}

#ReaderReaction .readerHd {
	display:inline;
	float:left;
	margin: 0px;
	color:#EFEFEF;
	font-family:'Trebuchet MS',Trebuchet,Arial;
	font-size:20px;
}

#ReaderReaction .readerWarning {
	display:block;
	font-size:.9em;
	line-height: 1.25em; 
	padding:5px;
	color: #FFF;
	padding:8px;
}

#ReaderReaction .readerWarning a {
	color: #F8D329;
	text-decoration: underline;
}

#ReaderReaction .readerWarning a:hover {
	color: #F8D329;
	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, #CFCFCF 0%, #EBEBEB 100%) !important;
	background-image: -o-linear-gradient(bottom, #CFCFCF 0%, #EBEBEB 100%) !important;
	background-image: -moz-linear-gradient(bottom, #CFCFCF 0%, #EBEBEB 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #CFCFCF 0%, #EBEBEB 100%) !important;
	background-image: -ms-linear-gradient(bottom, #CFCFCF 0%, #EBEBEB 100%) !important;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #CFCFCF),
		color-stop(1, #EBEBEB)
	) !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;
}
