/* ALL */

/* HEADLINES */
#bdyLeft .bdyCol1 .articleSuperHead {
 font-size:18px;
 color:#043d63;
 text-transform:none;
}

#bdyLeft .bdyCol1 .articleHead, #bdyLeft .articleHead {
	font-size: 26px;
	color: #053C63;
	text-transform: none;
	font-family: georgia;
	margin:0px;
	padding:0px;
	text-align:left;
}

#bdyLeft .bdyCol1 .bdySubTitle {
	margin-top: 3px;
	font-size:14px;
	color: #333;
	text-transform:none;
	font-style: italic;
	font-family: arial;
}


/* ARTICLE TOOLS */
#bdyLeft .bdyCol1 #artTools {
	padding: 5px 0;
	position: relative;
}

#printArt, #emailArt {
	color: #053C63;
  text-decoration:none;
  padding-right: 7px;
}

#printArt img, #emailArt img {
	margin-right: 3px;
	vertical-align: bottom;
}


#mailAFriend {
	float:left;
	clear:left;
	margin-top:10px;
	width:300px;
	padding:0;
	text-align:left;
}

#textSizer {
	padding-left: 75px;
	display: inline;
	text-align: right;
	color: #333;
}

#textSizer a {
	font-weight: bold;
	color: #053C63;
}

#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 {
	background:transparent url(http://static.djlmgdigital.com/tsr/recordnet/graphics/mini_tabbed_bg.gif) repeat-x scroll 0pt;
	border-top:3px solid #053C63;
	float:left;
	margin-bottom:5px;
	padding-top:5px;
	width:100%;
}

.shareTools span {
	font-size:1.3em;
	font-weight:bold;
	padding:0pt 0pt 0pt 5px;
	text-transform:uppercase;
	color:#043D63;
	font-family:Geneva,Arial,Helvetica,sans-serif;
}


.shareTools ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 255px;
}

.shareTools ul li {
	float: left;
	display: inline;
	width: 48%;
	height: 20px;
	vertical-align: bottom;
}


/* MAIN PHOTO */
#bdyLeft .bdyCol1 .photoContainer {
 border:1px solid #B2B2B2;
 width:380px;
 padding:2px;
 padding-bottom: 7px;
 background:#F1F1F1;
}

#bdyLeft .bdyCol1 .photoContainer .caption {
 width: 96%;
 margin-left: 2%;
}

#bdyLeft .bdyCol1 .photoContainer .photoTools {
	display: block;
	margin-bottom: 10px;
}

a#imgZoom {
	display: block;
	font-size: 11px;
	padding: 3px;
	margin: 0;
	color: #0C4790;
}

a#imgZoom * {color: #0C4790;}
a#imgZoom:hover * {
text-decoration: underline;
color: #0000ff;
}

#bdyLeft .bdyCol1 .photoContainer .photoTop {
	margin-bottom: 5px;
}

#bdyLeft .bdyCol1 .photoContainer .photoTop a {
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding:3px 0 3px 0;
}

#bdyLeft .bdyCol1 .photoContainer #imgCap {
 font-size: 11px;
 line-height: 12px;
 text-align: justify;
}

#bdyLeft .bdyCol1 .photoContainer .photoCredit {
	display: block;
	color:#333;
	text-align:right;
	margin-top: 8px;
}

#bdyLeft .bdyCol1 .photoContainer #imgShowing {
 color: #043d63;
 width: auto;
 font-weight: bold;
 padding: 0;
 margin: 0;
 font-size: 11px;
}

#bdyLeft .bdyCol1 .photoContainer #mainImg {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

/* MAIN PHOTO FOR ARTICLE ZOOM */
#bdyArtPhotos {float:left; background-color:#ffffff; background-image:none; width: 850px !important;}

#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 {

}

#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;
}

/* 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/tsr/recordnet/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/tsr/recordnet/graphics/buyPhotoBtn.gif') 0px -25px no-repeat;}


/* ARTICLE BODY */

/* BYLINE AND DATE */
.bylineText {margin-top: 5px;}

.byline {
	font-size:1.2em;
	font-style:italic;
	font-family: georgia;
	font-weight: bold;
	color: #222 !important;
}

#bdyLeft .bdyCol1 .byline a {
	color: #222;
}


p.articleGraf {
	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, .mostClicked {
	padding-top: 5px;
	float:left;
	border-top: 3px solid #053C63;
	width:100%;
	margin-bottom: 5px;
	background: url(http://static.djlmgdigital.com/tsr/recordnet/graphics/mini_tabbed_bg.gif) 0 0 repeat-x;
}

.mostClicked {
	background: #DFE7EA;
	border-bottom: 3px solid #053C63;
}

.relatedLinks .bdyTitle, .mostClicked .bdyTitle {
	font-size: 1.3em;
	font-weight: bold;
	padding:0 0 0 5px; 
	text-transform: uppercase;
}
.relatedLinks, .mostClicked {width:100%;float:left;}
.relatedLinks ul, .mostClicked ul {margin:5px 1px !important;padding:0px;}
.relatedLinks ul li, .mostClicked ul li {list-style-type:none !important; border-bottom:1px dotted #B0B0B0 !important;padding: 0px 3px 5px 3px;}
.relatedLinks ul>li:last-of-type, .mostClicked ul>li:last-of-type{border-bottom: 0px !important; padding-bottom: 2px !important;}
.relatedLinks ul li a, .mostClicked ul li a {font-size:13px;}

/* FACT BOX */
#xtraFactWrapper {
float:left;
}

#bdyLeft .bdyCol1 #factBox h2, #bdyLeft .bdyCol1 #xtraFactWrapper #factBox h2{
 color: #043d63;
 font-size: 12pt;
 text-align:center;
}

#bdyLeft .bdyCol1 #factBox, #bdyLeft .bdyCol1 #xtraFactWrapper #factBox {
 border: 1px solid #B2B2B2;
 border-top: 3px solid #053C63;
 background:#E1E8EC;
 width:44%;
 display:block;
 float:left;
 margin:5px 10px 5px 0;
 padding: 5px;
}

#bdyLeft .bdyCol1 #xtraFactWrapper #factBox, #bdyLeft .bdyCol1 #xtraFactWrapper {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0px;
}

#bdyLeft .bdyCol1 #factBox p {
	padding:2px; 
}

#bdyLeft .bdyCol1 #xtraFactWrapper #factBox p {
	padding:5px; 
}
/* LINK TO LANDING PAGE */
#bdyLeft #landPageLink {
 float:left;
 margin:0;
 padding:0;
 font-size:1.1em;
 color:#043d63;
}

#bdyLeft #landPageLink ul {
 list-style-position:outside;
 padding:0 0 0 8px;
 margin:5px;
}

#bdyLeft #landPageLink ul li {
 color:#043d63;
}

#bdyLeft #landPageLink ul li a {
 color:#043d63;
 text-decoration:none;
 outline:none;
}

#bdyLeft #landPageLink ul li a img {
 padding-right:5px;
}


/* Subscriber Promo */

.subscriberContent{
	clear:both;
	width:100%;
	display:block;
	float:left;
	background-color:#F4F4F4;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin:5px auto !important;	
	padding:10px 0px;		
}
.detailedMessage a, .subscriberContent a{color:#053C63;}
.detailedMessage{
	background-color:#F4F4F4;
	border:5px solid #111111;
	clear:both;
	display:block;
	float:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.5em;
	margin:20px auto !important;
	padding:15px;
	text-align:center;
}
.detailedMessage .button{margin: 5px auto ! important; height: 29px;}
.detailedMessage .button a, .detailedMessage .button a:hover{text-decoration:none;border:none;}
.detailedMessage .hr{
	clear:both;margin:12px 5px;padding:0px;height:1px;line-height:1px;background-color:#000;display:block;}
.detailedMessage .AllAccessIncludes{
	font-size:14px;
	margin-bottom:5px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:5px !important;
	text-align:center;
	width:230px;
	clear:both;
	display:block;
	}
.detailedMessage .AllAccessIncludes ul{margin: 2px 0px; padding: 0px; text-align: left;}	

/* Comments */

#ReaderReaction {
	clear:both;
	display:block;
	width:388px;
	padding:0px;
	margin:5px 0px;
	color:#222;
	border:1px solid #C4AE11;
	background-color:#FEF9DB;}

#ReaderReaction .readerHd {
	display:inline;
	float:left;
	margin: 0px;
	color:#043D63;
	font-family:'Trebuchet MS',Trebuchet,Arial;
	font-size:20px;
	padding:0px;
}

#ReaderReaction .readerWarning {
	display:block;
	font-size:1em;
	line-height: 1.25em; 
	padding:5px;
	color: #222;
	background-color:#FEF9DB;
	padding:0px;
	margin:10px;
}

#ReaderReaction .readerWarning a {
	color: #043D63;
	text-decoration: underline;
}

#ReaderReaction .readerWarning a:hover {
	color: #043D63;
	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;
}
