it/itf/static/css/modules/emailer.css

#wrapperEmailer {
	width:570px;
	background:#fff;
	color:#888;

}

.clear {
	clear:both;
}

/* HEADER EMAILER*/

#headerEmailer {
	position:relative;
	width:550px;
	margin:0 auto;
	border-bottom:2px solid #f8c92d;
}

#logoItfSmall {
	margin-top:16px;
	float:right;}

/*#emailerDescription {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:14px;
	color:#fff;
	width:60%;
	background-color:#f7bd00;
	padding:8px;
	margin-top:6px;
}*/

#logoImg {
/*	position:absolute;
	top:10px;
	left:0px;*/
	margin-bottom:10px;
	float:left;
}

#issueNo, #issueDate {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	line-height:14px;
}

#issueDate {
	margin-left:12px;
}

#issueNo {
	float:left;
}

#subscribeForm {
    display:none;
    float:right;
}

#subscribeBtn {
background-color: #F7BD00;
color: white;
font-size: 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 2px 8px;
border: 1px solid transparent;
font-family: 'Century Gothic', Arial, 'DejaVu Sans', sans-serif;
cursor: pointer;
}

#subscribeInput {
    border: 1px solid #E3E3E3;
    padding: 2px 2px 3px 4px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 2px 2px 6px #d7d7d7;
    -webkit-box-shadow: inset 2px 2px 6px #d7d7d7;
    box-shadow: inset 2px 2px 6px #d7d7d7;
    margin-bottom: 10px;
}

#navEmailer {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	float:right;
}

#navEmailer li {
	list-style:none;
	text-transform:uppercase;
	display:inline;
}

#navEmailer li a {
	color:#ffcc00 !important;
}

#navEmailer li:hover a {
	text-decoration:none !important;
}

/* HEADER EMAILER CLOSING */

/* ------------------------------- */

/* CONTENT */

#bottomRight {
    font-size: 13px !important;
}

#contentEmailer {
	width:570px;
	margin:0 auto;
}

.contentBoxes {
	background-color:#f7bd00;
	color:#fff;
	text-align:center;
	width:245px; /* fixed, can be changed*/
	height:170px; /* fixed, can be changed, character limit accordingly*/
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	float:left;
	position:relative;

}

.contentBoxes h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:8px;
	text-transform:uppercase;
}

.contentBoxes p {
	text-align:justify;
	padding:4px 8px;	
}

.contentBoxes a {
	color:#fff !important;
	text-decoration:none !important;
}

.contentBoxesMore {
	position:absolute;
	right:8px;
	bottom:8px;
}

.articleEmailer a {
	color:#0066ff !important;
	text-decoration:none!important;
}

.articleTitle {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffcc00;
	padding-left:12px;
	text-transform:uppercase;
	float:left;
	line-height:26px;
}

.articleAuthor {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-right:12px;
	float:right;    
}

.authorBio {
    padding-left:8px;
    padding-right:8px;
}

.articleImg {
	margin-top:10px;
}
	
.articleImg img {
	display:block;
	border:1px solid #f7c00c;
	max-width:560px; /* SUBJECT TO CHANGE*/
	margin:0 auto;
}

.articleCaption {
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}

.articleText p {
	margin-bottom:8px;
	padding:0px 8px;
}

.contentLinks {
	margin:14px 0 14px 0;
}

.contentLinks h1 {
background-color:#f7bd00; 
font-family:'Century Gothic', Arial, Helvetica, sans-serif;
font-size:24px; 
color:#fff; 
padding:14px 14px 18px 14px; 
}

.contentLinks a {
	text-decoration:none!important;
}

.contentLinks p {
	padding:0px 12px;
}

.contentLinks h2 {
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 12px;
	font-size:16px;
	line-height:20px;
}

/* COMMENtS */

.comment {
    margin-bottom:10px;
}

.comment_user {
    font-weight:bold;
    color:#f7bd00;
}

/* COMMENtS */

/* CONTENT EMAILER CLOSING */

/* ------------------------------- */


/* FOOTER EMAILER*/

#footerEmailer {
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	color:#999;
}

#footerEmailer a {
	color:#0066ff !important;
	text-decoration:none !important;
}

#footerEmailer p {
	padding:8px;
}

#footerEmailer p:first-child {
	border-top:2px solid #f8c92d;
	border-bottom:2px solid #f8c92d;
}

#footerEmailer p:last-child {
	border-top:2px solid #f8c92d;
	padding-bottom:30px;
} /* last child don't work with IE8 also, have added JS libraries; will test when site goes live */

/* FOOTER EMAILER CLOSING */

/* ------------------------------- */