/* ALL */
#leftCol{width:654px;}

/* HEADLINES */
#leftCol .articleSuperHead {
 font-size:18px;
 color:#043d63;
 text-transform:none;
}

#leftCol .articleHead {
	display:block;
	font-size: 26px;
	color: #D0012D;
	text-transform: none;
	font-family: Arial;
	margin-bottom: 4px;
	margin-top: 10px;
	font-weight:normal
}

#leftCol .bdySubTitle {
	margin-top: 3px;
	font-size:14px;
	color: #333;
	text-transform:none;
	font-style: italic;
	font-family: arial;
}

#leftCol h2.brkTitle {display: inline; margin: 0; color: #404040; font-size: 18px;font-weight:normal}

/* ARTICLE TOOLS */
#leftCol .artTools {
	padding: 5px 0;
	position: relative;
	width: 245px;
	float: right;
	margin: 0 5px;
}


#printArt, #emailArt {
	color: #D0012D;
  text-decoration:none;
  padding-right: 7px;
}

#printArt img, #emailArt img {
	margin-right: 3px;
	vertical-align: bottom;
}

#textSizer {
	color: #333;
	margin-bottom: 5px;
}


#textSizer a {
	font-weight: bold;
	color: #016664;
}

#textSizer a:hover {
	text-decoration: none;
}

#textSizer span {
	font-weight: normal;
}

#textSizer #smallResize {
	font-size: 11px;
}

#textSizer #medResize {
	font-size: 13px;
	color: #999;
}

#textSizer #largeResize {
	font-size: 16px;
}

.shareTools {
	float: left;
	display: inline;
	border-top: 1px solid #CCC;
	margin-top: 13px;
	padding-top: 5px;
}

.shareTools span {color: #555; font-size: 1.1em; font-weight: bold;}


.shareTools ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 245px;
}

.shareTools ul li {
	float: left;
	display: inline;
	width: 48%;
	height: 20px;
	vertical-align: bottom;
}


/* MAIN PHOTO */
#leftCol .photoContainer {
 border:1px solid #B2B2B2;
 width:380px;
 padding:0;
 padding-bottom: 7px;
 background:#F1F1F1;
 clear:left;
}

#leftCol .photoContainer .caption {
 width: 96%;
 margin-left: 2%;
}

#leftCol .photoContainer .photoTools {
	display: block;
	margin: 0px;
	padding: 0;
	background: transparent;
}

a#imgZoom {
	display: block;
	font-size: 11px;
	padding: 3px;
	margin: 0;
}

a#imgZoom #imgShowing * {color: #016664;}
a#imgZoom:hover * {text-decoration: underline;}


#leftCol .photoContainer .photoTop {
	margin-bottom: 5px;
}

#leftCol .photoContainer .photoTop a {
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding:0 0 3px 0;
}

#leftCol .photoContainer #imgCap {
 font-size: 11px;
 line-height: 12px;
 text-align: justify;
}

#leftCol .photoContainer .photoCredit {
	display: block;
	color:#333;
	text-align:right;
	margin-top: 8px;
}

#leftCol .photoContainer #imgShowing {
 color: #043d63;
 width: auto;
 padding: 0;
 margin: 0;
 font-size: 11px;
}

#leftCol .photoContainer #mainImg {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

/* MAIN PHOTO FOR ARTICLE ZOOM */
#bdyArtPhotos {width: 850px !important;margin:0;padding:0;top:-15px;position:relative;}
#bdyPhotoGall {width: 850px !important;margin:0;padding:0;}
#bdyArtPhotosMast {background: url('http://static.djlmgdigital.com/nbt/southcoasttoday/graphics/graphics/masthead.jpg') 0 0 no-repeat; background-color:#016664; width: 828px; height: 76px;padding:0;margin:0;}

#morePhotos {
	border-left: 1px solid #346699;
	float: right;
	width: 160px; height: 420px;
	padding: 5px;
	margin:20px 10px 20px 0;
	overflow: auto;
}

.imgThumb {
	float: left;
	padding: 5px 15px;
	clear: both;
}

.imgThumb a {
	float: left;
	border: 1px solid #B2B2B2;
}

.imgThumb a:hover {
	border: 1px solid #B2B2B2;
}	

.GalleryBack {
	margin: 0px;
	float: left;
	background: #E1E8EC;
	width:100%;
}

#photoContainerZoom {
 border:1px solid #B2B2B2;
 width:380px;
 padding:2px;
 text-align:right;
}

#photoContainerZoom .caption {

}

#mailAFriend {
	float:left;
	clear:left;
	margin-top:10px;
	width:300px;
	padding:0;
	text-align:left;
}

#photoContainerZoom .photoTop a {
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding:3px 0 3px 0;
}

#photoContainerZoom #imgCap {
 font-size: 11px;
 text-align: justify;
 border:none !important;
}

#photoContainerZoom .photoCredit {
 font-size:10px;
 color:#333;
 margin-left:5px;
 text-align:right;
}

#photoContainerZoom .photoTools {
 background:#E1E8EC;
 padding:5px 0 5px 0;
}

#photoContainerZoom .photoTools #prevImg {
 float:right;
 padding:0 5px 0 0;
 margin:0;
}


#photoContainerZoom .photoTools #nextImg {
 float:right;
 padding:0;
 margin:0 2px 0 0;
}

#photoContainerZoom .photoTop {

}

#photoContainerZoom #imgShowing {
	color:#043d63;
	font-weight: bold;
	float:left;
}

#photoContainerZoom #mainImg {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

#morePhotos .photoGallThumbs ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}

#morePhotos .photoGallThumbs ul li {
	padding: 5px 15px;
}

.photoGallTitle {
	width:575px;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
}

.photoGallPicTitle {
	clear:both;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0;	
}

.photoGallControls {
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
}

/* ARTICLE BODY */

/* BYLINE AND DATE */
.bylineText {margin-top: 5px;}
.bylineDate {margin-bottom: 10px;}

.byline {
	font-size:1.2em;
	font-weight: bold;
	color: #222 !important;
}

#leftCol .byline a {
	color: #222;
}


p.articleGraf {
	margin: 0 0 10px 0;
	font-family: Arial;
	font-size:13px;
	line-height: 1.35em; 
}

li.inGraf {
 list-style-position: inside;
}

.readerReacBox {
	width: inherit;
	padding: 0px;
	background: #FDF3B6;
	border-top:solid 5px #346699;
}

.readerReacBox h2 {
	color: #fff;
	padding-left: 3px;
	margin-bottom: 5px;
}

/* RELATED CONTENT */

.relatedLinks {
 border: 1px solid #B2B2B2;
 border-top: 3px solid #016664;
 background:#E1E8EC;
 width:230px;
 display:block;
 float:right;
 margin:5px;
 padding: 5px;
 clear: both;
}


/* FACT BOX */
#yMap {float: right; display: inline;}

#leftCol #factBox h2, #leftCol #xtraFactWrapper #factBox h2, .relatedLinks h2{
 color: #043d63;
 font-size: 12pt;
 background-color: transparent;
 background-image: none;
 border: none;
 text-transform: uppercase;
}

#leftCol #factBox, #leftCol #xtraFactWrapper #factBox, #ymapContainer{
 border: 1px solid #B2B2B2;
 border-top: 3px solid #016664;
 background:#E1E8EC;
 width:230px;
 display:block;
 float:left;
 margin:5px;
 padding: 5px;
 clear: both;
}

#leftCol #factBox {
	float: right;
	margin:5px;
}

#ymapContainer {margin-left: 5px; height: 260px;}
#leftCol #xtraFactWrapper {float: left; display: inline; width: 638px;  margin: 0 0 5px 0;}

#leftCol #xtraFactWrapper #factBox {
	width: 100%;
	margin: 0;
}

#leftCol #factBox p {
	margin: 0 0 5px 0; padding: 0;
}

/* LINK TO LANDING PAGE */
#leftCol #landPageLink {
 float:left;
 margin:0;
 padding:0;
 font-size:1.1em;
 color:#043d63;
}

#leftCol #landPageLink ul {
 list-style-position:outside;
 padding:0 0 0 8px;
 margin:5px;
}

#leftCol #landPageLink ul li {
 color:#043d63;
}

#leftCol #landPageLink ul li a {
 color:#043d63;
 text-decoration:none;
 outline:none;
}

#leftCol #landPageLink ul li a img {
 padding-right:5px;
}


/* Comments */

#ReaderReaction {
	clear:both;
	display:block;
	width:644px;
	padding:0px;
	margin:5px 0px;
	color:#222;
	border:1px solid #999999;
	background-color:#F7F5E7;}

#ReaderReaction .readerHd {
	display:inline;
	float:left;
	margin: 0px;
	color:#D0012D;
	font-family:'Trebuchet MS',Trebuchet,Arial;
	font-size:20px;
	padding:0px;
}

#ReaderReaction .readerWarning {
	display:block;
	font-size:.9em;
	line-height: 1.25em; 
	padding:5px;
	color: #222;
	background-color:transparent;
	padding:0px;
	margin:10px;
}

#ReaderReaction .readerWarning a {
	color: #D0012D;
	text-decoration: underline;
}

#ReaderReaction .readerWarning a:hover {
	color: #D0012D;
	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;
}
