/* --------------------------------------------------------
	LATEST COLUMN
   -------------------------------------------------------- */

	.latest-column {
		background: #474740;
        overflow: hidden;
        margin-bottom: 30px;
	}
	
	.latest-column img {
		margin: 20px;
		float: left;
	}
	
	.latest-column h3 {
		float: left;
		font-weight: bold;
		margin-top: 20px;
	}
	.latest-column h2 a,
	.latest-column h3 a {
		color: #FFF
	}
	
	.latest-column .holder {
		margin: 10px 20px 10px 0;
		float: left;
		width: 420px;
	}
	
	
	.latest-column p,
	.latest-column p.columnist,	
	.latest-column p.columnist a {
		color: #FFF;
	}
	
	.latest-column p.columnist {
		margin-bottom: 10px;
	}
	
	.latest-column .more-story-button {
		float: right;
		width: 150px;
		margin-right: 20px;
		margin-bottom: 20px;
	} 


	


/* --------------------------------------------------------
	STAR SAYS
   -------------------------------------------------------- */


	.star-says {
		clear: both;
		overflow: hidden;
		
		/* Edited by Razan 20130521 
		margin-bottom: 40px;
        */
	}
	
	.star-says h1 {
		margin-bottom: 20px;
        box-shadow: 0 1px 2px #DDD;
	}
	
	.star-says h1 img {
		display: block;
	}
	
/* --------------------------------------------------------
	LETTERS
   -------------------------------------------------------- */
	/*
    Dillon 20130329 - Created a more generic class name for reusability purposes and not interfere other classes which might be in used - starts
    */
	
	.headercontent {
		clear: both;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 620px;
	}
   
   .headercontent h1 {
		margin: 0;
        margin-bottom: 20px;
        line-height: 50px;
	}
	
	.headercontent img {
		position: absolute;
		top: 0px;
		right: 10px;
	}
	/*
    Dillon 20130329 - Created a more generic class name for reusability purposes and not interfere other classes which might be in used - ends
    */
   
	.letters {
		clear: both;
		overflow: hidden;
		margin-bottom: 60px;
		padding-top: 10px;
		position: relative;
	}
	
	.letters h1 {
		margin: 0;
		margin-bottom: 30px;
		line-height: 50px;
		box-shadow: 0 1px 2px #DDD;
		
	}
	
	.letters img {
		position: absolute;
		top: 0px;
		right: 10px;
	}
	
	.letters .top-story {
		margin-bottom: 20px;
	}
	
	
	.letters .top-story p {
		font: 14px/20px Lato, Tahoma, Helvetica, sans-serif;
	}
	
	.letters .top-story p.date  {
		font: 11px/14px Lato, Tahoma, Helvetica, sans-serif;
		color: #666;
		margin-bottom: 10px;
	}
	
	
	.letters-list ul li {
		padding-bottom: 15px;
	}
	
	.letters-list ul li:last-child {
		border-bottom: 0;
	}

/* --------------------------------------------------------
	LETTERS FOOTER
   -------------------------------------------------------- */
   
	.letters-footer {
	    clear: both;
        overflow: hidden;
        margin: 0px 0 40px 0;
        border-bottom: solid 1px #DBDBDB;
        border-top: solid 1px #DBDBDB;
        padding-top: 10px;
        background: none;
        border-radius: 0;
	}

/* --------------------------------------------------------
	SMS FROM READERS
   -------------------------------------------------------- */

	.readers-sms {
		background: #E5E5E2;
		position: relative;
		height: 50px;
		border-radius: 5px;
	}
	
	.readers-sms img {
		position: absolute;
		bottom: 2px;
		right: 10px;
	}
	
	.readers-sms h1 {
		line-height: 50px;
	}
	

/* --------------------------------------------------------
	COLUMNIST PAGE: FEATURED COLUMN
   -------------------------------------------------------- */

	.featured-column {
		overflow: hidden;
        margin-bottom: 30px;
	}
	
	.featured-column img {
		float: left;
		margin-bottom: 20px;
	}
	
	.featured-column h3 {
		float: left;
		font-weight: bold;
	}
	
	.featured-column p.columnist {
		float: left;
	}
	
	.featured-column p.date {
		clear: both;
		
	}
	
	a.more-articles {
		color: #B00;
        background: #E5E5E2;
        padding: 5px 15px;
        float: right;
        margin-top: 15px;
        font: 11px/14px Lato, Tahoma, Helvetica, sans-serif;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
	}

    /*Moved From ColumnListing_OptionalFilteringAndMoreButton*/
    .archives {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
/* --------------------------------------------------------
	COLUMNIST PAGE: POPULAR COLUMNS
   -------------------------------------------------------- */
   
   .popular-columns {
		overflow: hidden;
        margin-bottom: 20px;
	}
	
	.popular-columns h4 {
		font-weight: bold;
		height: 50px;
	}
	
	.popular-columns p.columnist {
		font: 12px/16px Lato, Tahoma, Helvetica, sans-serif;
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: solid 1px #D9DFE6;
		margin-bottom: 10px;
	}
	
/* --------------------------------------------------------
	BLOG PAGE: SOCIAL MEDIA BUTTONS FOR PROFILE
   -------------------------------------------------------- */


	.sm-profile a {
		display: block;
		margin-top: 10px;
		font: 12px/24px Lato, Tahoma, sans-serif;
		padding-left: 34px;
	}
	
	.sm-profile a.email {
		background: url('/Themes/TSOL/img/email_bw.png') no-repeat;
	}
	
	.sm-profile a.email:hover {
		background: url('/Themes/TSOL/img/email_color.png') no-repeat;
	}
	
	.sm-profile a.facebook {
		background: url('/Themes/TSOL/img/facebook_bw.png') no-repeat;
	}
	
	.sm-profile a.facebook:hover {
		background: url('/Themes/TSOL/img/facebook_color.png') no-repeat;
	}
	
	
	.sm-profile a.twitter {
		background: url(/Themes/TSOL/img/twitter_bw.png) no-repeat;
	}
	
	.sm-profile a.twitter:hover {
		background: url(/Themes/TSOL/img/twitter_color.png) no-repeat;
	}

    .sm-profile a.website {
		background: url(/Themes/TSOL/img/website_bw.png) no-repeat;
	}
	
	.sm-profile a.website:hover {
		background: url(/Themes/TSOL/img/website_color.png) no-repeat;
	}
	
	
	.tag-cloud {
		font-family: Lato, Helvetica, Tahoma, sans-serif;
		margin-bottom: 30px;
		background: #F5F5F5;
		border-radius: 3px;
		padding: 10px;
	}
	
	.tag-cloud a {
		margin-right: 10px;
	}