@charset "utf-8";
/********************************************

CSS Styles for NSIDC Monthly Highlights

********************************************/

/******************************************
CHANGES TO THIS STYLE SHEET WILL AFFECT ALL MONTHLY HIGHLIGHT PAGES. PLEASE CONSULT YOUR WEB DESIGN AND MAINTENECE TEAM CONCERNING ANY CHANGE MADE TO THIS FILE!!
*****************************************/

/*******************************

CSS File Contents

1) HTML and Body Styles
2) Global Styles
3) Wrappers & Containers
4) Header Styles
5) Home Page specific styles
6) Post Formatting
7) Navigation
8) Footer Styles
9) Buttons, functions, etc.

******************************/


/*********************

HTML and Body Styles

*********************/
html,body {
	width: 100%;
	height:100%;
	position: relative;
	font-family: "HelveticaNeue", "Helvetica Neue", Calibri, Verdana, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color: #333333;
	background-color: #e5e5e5;
	margin: 0;
	text-align: left;
}

body {
	width: 985px;
	background: #FFFFFF;
	padding: 0;
	margin: 0 auto;
}

/********************

Global Styles 

********************/

a {
	color: #2D4551;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
	color:#2d4551;
}

h1 {
	font-size: 1.5em;
	//white-space: nowrap; /* for IE */
	//margin-bottom: 15px; /* for IE */
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
}

.first {
	padding-top: 0;
	margin-top: 0;
}

.flow {
	width: 100%;
	float: left;
}

.floatRight {
	float: right;
}

/*.floatLeft { MAY BE ENABLED FOR LEFT FLOATED IMAGES AT A LATER DATE
	float: left;
}*/

.clear {
	clear: both;
}

.clearRight {
	clear: right;
}

.clearLeft {
	clear: left;
}

.linebreak { /* this class used to override clear class on br tags for IE */
	//clear: none;
	//height: 0;
}


/*********************

Wrappers & Containers 

*********************/

.contentLong #monthlyNav {
	//padding-bottom: 820px;
}

.contentLong #monthlyFooter {
	//margin-top: 0;
}

.contentExtraLong #monthlyNav {
	//padding-bottom: 900px;
}

.contentExtraLong #monthlyFooter {
	//margin-top: 0;
}

#monthlyWrapper {
	margin:0;
	padding:0;
	background: #FFFFFF;
}

#contentWrapper {
	overflow: hidden;
	min-height: 780px;
	//height: auto;
	width: 100%;
}

#monthlyContent {
	color:#333333;
	background: #FFFFFF;
	font-size:80%;
	line-height: 140%;
	overflow: hidden;
	padding: 50px 20px 20px 20px;
	position: relative;
	z-index: 1;
}

#home #monthlyContent, #postIndex #monthlyContent, #singlePost #monthlyContent {
	color:#333333;
	/*padding-left:15%;*/
	/*padding-right:0;*/
	margin:0;
}

#monthlyContent {
	/*margin: 50px!important;*/
	/*margin-right: 20px!important;*/
}


/***********************

Header Styles

***********************/


#monthlyHeader {
	margin: 0;
	padding: 0;
	height: 94px;
	position: relative;
	background:#a6bed0;
	vertical-align:top;
}

#monthlyHeader a {
	text-decoration:none;
	margin:0;
	padding:0;
}

#monthlyHeader img {
	border:0;
}
	
#monthlyHeader .monthlyHighlightsHeaderText {
	float:right;
	position:absolute;
	top: 49px;
	right: 0;
}

.monthlyHighlightsHeaderText {
	top: 0!important;
}


/**************************

Home page specific styles

**************************/

#homeSubscribe {}

.homeTop {
	width: 300px;
}

#homeIntro {
	font-size: 1.2em;
}



#home, #postIndex, #singlePost {
	min-width: 900px;
}

.homeImage { 
	width: 100%;
	padding: 0;
	margin: 0;
	margin-right: 0;
	margin-top: 50px!important;
}

#home #monthlyNav {
	//padding-bottom: 300px;
}


/******************

Post formatting

******************/

#postIndex #monthlyNav {
	//padding-bottom: 220px;
}

#postIndex #monthlyFooter {
	//margin-top: 0;
}

.titleContainer {
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.postTitle {
	padding: 0;
	margin: 0;
	/*margin-top: 20px;*/
	/*margin-right: 60px;*/
	/*width: 60%;*/
	/*float: left;*/
}

#firstTitleContainer {
	width: 300px;
	clear: both;
}

#leadPost {
	margin-top: 0;
}

.postDate {
	padding: 0;
	margin: 0;
	margin-top: 2px;
	margin-bottom: 20px;
	color: #666666;
	/*width: 100%;*/
}

.postText {
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
}

.shareArticle {
	padding: 0;
	margin: 0 ;
	/*margin-top: 15px;*/
	width: auto;
	float: right;
}

.shareArticle img {
	padding: 0;
	margin: 0;
	margin-top: 2px;
	height: 22px;
}

.shareArticle a {
	padding: 0;
	margin: 0;
	height: 0;
}

.postImageContainer {
	width: 339px;
	background: #FFFFFF;
	margin: 0 0 0 0;
}

.postImage {
	width: 339px;
	padding: 0;
	margin: 0;
}

.caption {
	font-size:80%;
	padding: 0px 5px;
}

.hasImage {
	width: 55%;
}

.imageCol {
	width: 339px;
	margin: 12px 0px 12px 12px;
}

.textCol {
	width: 55%;
}


/*******************

Navigation 

*******************/

#monthlyNav {
	margin:0;
	padding:0;
	background:#c5d3d7;
	width:15%;
	float:left;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	/*margin-right: 20px;*/
	_padding-bottom:0;
	_margin-bottom:0;
	//padding-bottom: 0;
	//margin-bottom: 0;
	min-height: 550px;
	//height: 0;
	position: relative;
	z-index: 2;
}

.navIndent {
	padding-left:14px;
}

#monthlyNav h1 {
	margin:0;
	margin-bottom: 2px;
	padding:12px;
	background:#66808f;
	color:#FFFFFF;
	font-size: .95em;
}

#monthlyNav h1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: .9em;
}

#monthlyNav ul {
	list-style:none;
	padding: 10px;
	margin:0;
	font-weight:bold;
}

#monthlyNav ul li {
	padding: 0;
	padding-left: 7px;
	margin: 0;
}

#monthlyNav ul li a {
	font-size: .8em;
}

#monthlyNav a {
	color:#2d4551;
	font-size:70%;
	text-decoration: none;
}

#monthlyNav a:hover {
	text-decoration: underline;
}


#monthlyNav .endNavGroup {
	padding-bottom:1em;
}

#home h1#homeNav {
	background: #394a59;
}

#home #homeNav a {
	color: #FFFFFF;
}

#postIndex h1#recentNav {
	background: #394a59;
}

#postIndex #recentNav a {
	color: #FFFFFF;
}

#singlePost h1#recentNav {
	background: #394a59;
}

#singlePost #recentNav a {
	color: #FFFFFF;
}

.navPost {
	padding: 0;
	margin: 0;
}

.navPostDate {
	color: #666666;
	font-size: 75%;
	padding: 0;
	margin: 0;
	font-weight: 400;
}


/***************

Footer Styles 

***************/

#monthlyFooter {
	background:#647f8e ;
	color:#FFFFFF;
	padding:.5em 1em;
	margin-top: 10px;
	font-size: 75%;
	clear:both;
}

#monthlyFooter a {
	color:#FFFFFF;
	text-decoration:none;
}