/* TIME INC. NEWS GROUP CUSTOM PUBLISHING */

/***********************************************/
/*             GLOBAL DEFINITIONS              */
/***********************************************/

a { color: #333; text-decoration: none; }
a:hover {
	color: #f7941d;
}

a img { border: none; }

.clear { clear: both; height: 0; font-size: 0; }

* html input.checkbox { margin: 0 -4px 0 -4px; } /* Remove default margin on checkbox in IE */

span { display: none; } /* Place within span tags any text you want to appear if a user has CSS and images turned-off */

h1, h2, h3, h4, h5, h6 {
	margin: 0 auto;
	padding: 0;
}

h2 { font-size: 1.4em; }
h3 { font-size: 1.0em; }
h4 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
h7 { font-size: 0.8em; }
h8 { font-size: 0.8em; }

p { margin: 0; padding: 0; }


/* --- clearfix ---- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

html[xmlns] .clearfix {
    display: block;
	}

* html .clearfix {
    height: 1%;
	}



/***********************************************/
/*                PAGE LAYOUT                  */
/*---------------------------------------------*/
/* body                                        */
/*  |- #container                              */
/*      |- #header 
/*		|- #leftCol							
/*      |- #pageBody                           */
/*			|- #homebuckets
/*      |- #footer                             */
/*---------------------------------------------*/
/* Page is aligned flush-left with a fixed     */
/* width. Left and right columns widths are    */
/* also fixed.                                 */
/*---------------------------------------------*/

body {
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%; /* Use percentages and ems for fonts: http://www.alistapart.com/articles/elastic/ */
	_font-size: 75%; /* For Win/IE6 */
	background-image: url(../images/stripes.jpg);
	background-repeat: repeat;
}

*+html body {  /* For Win/IE7 */
	font-size: 75%;
}

#container {
	width: 995px;
	margin: 0 auto;
	background: #ffffff;
}

#content {
  background-color: #ffffff;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-box-shadow: 0 0 20px #000000; 
  -moz-box-shadow: 0 0 20px #000000; 
  overflow: auto;
  height: 1%;
}
  
#header {
	margin-bottom: 10px;
	_margin-bottom: -3px; /* For Win/IE6 */
}

*+html #header {  /* For Win/IE7 */
	margin-bottom: -3px;
}

#pageBody {
	margin: 10px 0px 0px 207px;
	padding-left: 0px;
	padding-top: 7px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
	_padding-left: 11px; /* For Win/IE6 */
	width: 580px;
	background-color: #ffffff;
}


#leftCol {
	float: left;
	padding-left: -10px;
	width: 200px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
}
#rightCol {
	float: right;
	width: 200px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
}

*+html #pageBody {  /* For Win/IE7 */
	padding-left: 11px;
}



/***********************************************/
/*      HEADER                                 */
/***********************************************/


/* --------- Logo --------- */

#header h1 {
	padding: 0 0 0 195px;
	_padding-bottom: 0; /* For Win/IE6 */
}


/* --------- Top Nav --------- */

#nav-top {
	margin-top: 5px;
	padding: 8px 0 7px 185px;
	_padding-bottom: 22px; /* For Win/IE6 */
	list-style: none;
	background-color: #6b2971; 
}

*+html #nav-top {   /* For Win/IE7 */
	margin-left: 0;
	padding-bottom: 22px;
}

#nav-top li {
	float: left;
	margin-right: 75px;
}

#nav-top li.last { margin-right: 0; }

#nav-top a {
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

#nav-top li a.on {
	color: #6CF;
}

#nav-top a:hover { color: #6CF; }

/***********************************************/
/*      LEFT COLUMN                            */
/***********************************************/

/* --------- Nav-Categories --------- */

#nav-category h3 {
	font-size: 1.1em;
	color: #4e534d;
	text-transform: uppercase;
	padding: 0px 0px 0px 8px;
}

#nav-category h5 {
	color: #adaea8;
	padding: 0px 0px 6px 9px;
}

#nav-category h6 {
	color: #333;
}

#nav-category {
	margin: 0px 10px 0px -22px;
	background-color: #fff;
	list-style: none;
}

#nav-category li {
	_display: inline;  /* For Win/IE6 */
}

#nav-category li a {
	display: block;
	padding: 5px 0px 10px 10px;
	color: #000;
	text-transform: uppercase;
}

#nav-category li a:hover, #nav-category li a.on {
	background-color: #eee;
	color: #333;
}

#nav-category li.top {
	_display: block;  /* For Win/IE6 */
	padding: 5px;
	_padding: 0px;  /* For Win/IE6 */
}

*+html #nav-category li.top {  /* For Win/IE7 */
	display: block;
	padding: 5px;
}

#nav-category li.bottom {
	_display: block;  /* For Win/IE6 */
	padding: 0px;
	_padding: 0;  /* For Win/IE6 */
}

*+html #nav-category li.bottom {  /* For Win/IE7 */
	display: block;
	padding: 0;
}


/* ===========================================
         PAGE BODY
==============================================*/

#pageBody h2 {
	margin-bottom: 0.4em;
	padding-left: 0px;
	color: #333;
	text-transform: uppercase;
}

#pageBody h3 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	color: #f7941d;
	line-height: 1.3em;
}

#pageBody .introText {
	margin-bottom: 0.6em;
	color: #000000;
	font-weight: normal;
	line-height: 1.3em;
}


/* --------- Featured Publications --------- */

#pubList {
	float: left; /* To prevent clears from clearing the entire side columns */
	width: 100%;
	margin: 16px 0px 18px 0px;
	padding-left: 0;
	list-style: none;
}

#pubList li {
	margin-bottom: 10px;
	padding: 11px 7px 11px 7px;
	background-color: #ffffff;
	_padding: 11px 7px 2px 7px;  /* For Win/IE6 */
	overflow:auto;
	height: 1%;
	outline-style: solid;
	outline-color: #c5c6c1;	
	outline-width: 1px;
	border:1px solid dededc;
}

*+html #pubList li {  /* For Win/IE7 */
	padding: 11px 7px 2px 7px;
}


#pubList li.alt {
	background-color: #f2f2f2;
}

#pubList li.hdr {
	padding: 1px; /* Win/Netscape needs at least 1px or won't show bg color */
	background-color: #ffffff;

}

#pubList li.hdr h6 {
	float: left;
	padding: 6px 0px 6px 6px;
	_padding-right: 38px;  /* For Win/IE6 */
	font-size: 0.8em;
	color: #4e534d;
	text-transform: uppercase;
	_background-color: #ffffff;  /* For Win/IE6 */
}
#pubList li.hdr h7 {
	float: left;
	padding: 6px 0px 6px 97px;
	_padding-right: 38px;  /* For Win/IE6 */
	font-size: 0.8em;
	color: #4e534d;
	font-weight: bold;
	text-transform: uppercase;
	_background-color: #ffffff;  /* For Win/IE6 */
}


*+html #pubList li.hdr h6 {  /* For Win/IE7 */
	padding-right: 38px;
}

.pubTitle {
	float: left;
	width: 90px;
	font-size: 0.8em;
	color: #4e534d;
	text-transform: uppercase;
}

.coverThumb {
	float: left;
	margin-right: 11px;
}

.coverThumb img {
	width: 50px;
	outline: solid;
	outline-width: thin;
	outline-color:#adaea8;
}


.pubDesc {
	float: left;
	width: 400px;
	padding-left: 12px;
}

#pageBody .pubDesc h3 { /* Need to add #pageBody to override previous h3 rule */
	margin: 0 0 0.2em -12px;
	padding-left: 12px;
}


#pageBody .pubDesc h4 { /* Need to add #pageBody to override previous h3 rule */
	padding: 0px 0px 5px 0px;
}

.pubDesc p {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}

.pubDesc p strong {
	color: #7f7f81;
	font-size: 0.8em;
}

.sponsorList {
	font-size: 0.75em;
	color: #7f7f81;
	padding-left: 6.6em;
	text-indent: -6.6em;
	_padding-left: 6.9em;  /* For Win/IE6 */
	_text-indent: -6.9em;  /* For Win/IE6 */
}

*+html .sponsorList {  /* For Win/IE7 */
	padding-left: 6.9em;
	text-indent: -6.9em;
}

.sponsorList a { color: #7f7f81; }
.sponsorList a:hover { color: #7f7f81; }

.issueList {
	font-size: 0.75em;
	color: #4e534d;
}

*+html .issueList {  /* For Win/IE7 */
	padding-left: 6.9em;
	text-indent: -6.9em;
}

.issueList a { color: #4e534d; }
.issueList a:hover { color: #4e534d; }


/* --------- List --------- */

ul.pageBodyList li {
	margin-bottom: 0.4em;
}



/* ===========================================
         FOOTER
==============================================*/

#footer {
	margin-top: 0px;
	_margin-left: 0; /* For Win/IE6 */
	padding: 2px 8px 2px 8px;
	_padding-bottom: 24px; /* For Win/IE6 */
	list-style: none;
	font-size: 0.8em;
	text-transform: uppercase;
	background-color: #ccc;
}

*+html #footer {  /* For Win/IE7 */
	margin-left: 0;
	padding-bottom: 24px;
}

#footer li {
	float: left;
	margin-right: 0.9em;
	padding-right: 0.9em;
	margin-top: 0.8em;
	border-right: 1px solid #4e534d;
}

#footer li.last { border-right: none; }

#footer .hdr {
	text-transform: uppercase;
}

#footer a {
	color: #4e534d;
}

#footer a:hover { color: #4e534d; }


/***********************************************/
/*      HOME PAGE                              */
/***********************************************/

/* --------- Intro text --------- */

#pageBody.home .introText {
	margin-top: 3px;
	margin-bottom: 20px;
}


/* --------- Featured Publications --------- */

#pageBody.home h2 {
	margin-bottom: 1px;
	padding: 10px 0 10px 0px;
	font-size: 1.3em;
	text-transform: none;
	background-color: #ffffff;
}

#pageBody.home #pubList {
	margin-top: 0;
	width: 482px;
}


#pageBody.home #pubList li {
	margin-bottom: 1px;
	padding: 11px 7px 9px 7px;
/* 	background-color: #f8f8f9; */
	_padding: 9px 7px 0 7px;  /* For Win/IE6 */
}

*+html #pageBody.home #pubList li {  /* For Win/IE7 */
	padding: 9px 7px 0 7px;
}

#pageBody.home .coverThumb img {
	width: 105px;
}

#pageBody.home .pubDesc {
	float: left;
	width: 350px;
	padding-left: 0px;
}

#pageBody.home .pubCat {
	margin-bottom: 0.3em;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #adaea8;
}

#pageBody.home .pubDesc h3 {
	margin: 0 auto 0.2em 0;
	padding-left: 0;
	font-size: 1.5em;
	border-left: none;
}

	
	
/***********************************************/
/*      CUSTOM DIGITAL                         */
/***********************************************/

.customPage #pubList li.hdr h6 {
	width: 126px;
	margin-right: 10px;
	padding: 6px 11px;
	}

.customPage .pubLeft {
	float: left;
	margin-left: 6px;
	width: 144px;
	_display: inline; /* Win/IE6 */
	}

.customPage .pubTitle {
	float: none;
	margin-bottom: 24px;
	}

.customPage .coverThumb {
	float: none;
	}

.customPage .coverThumb img {
	width: auto;
	_width: 134px; /* Win/IE6 */
	}

.customPage .pubDesc {
	width: 400px;
	margin-left: 12px;
	padding-left: 0;
	}

#pageBody.customPage .pubDesc h3 {
	_position: relative; /* Win/IE6 */
	_height: 1%; /* Win/IE6 */
	}

.customPage .exampleLogo {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.customPage .sponsorList {
	margin-bottom: 0.4em;
	padding-left: 0;
	text-indent: 0;
	line-height: 1.5em;
	}

.customPage .sponsorList a { color: #003399; }
.customPage .sponsorList a:hover { color:#3975EC; }

#copyright {
	font-size:9px;
	text-align: center}