@charset "UTF-8";
/* CSS Document */

/* 


30% = #b2b2b2
40% = #999
60% = #666
80% = #333

 */




body {
	background-color: #FFFFFF;
	/*background-color: #f5f5f5; #f7f8f9; */
	margin: 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size: 10px;
	border-top: 10px;
}


a, a:visited {
	color: #333;
}

a:hover, a visited:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

a img {
	border: 0;
}

h2 {
	color: #333;
	text-transform: uppercase;
}

h4 {
	color: #999;
	/*margin: 5px 0 5px 0;*/
	font-size: 10px;
	line-height: 20px;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	h4 a {
		text-decoration: none;
	}
		h4 a:hover {
			text-decoration: none;
		}
			
			/* Hide dotted image outline from Firefox and Netscape */ 
		
		a {
outline: none; }


/***********************
Global styles 
************************/
#page-wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#break {
	clear: both;
}	

ul.no-margin {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contentBody {
	width: 450px;
}

	#contentBody p {
		font-size: 15px;
		line-height: 20px;
	}

	#contentBody h2 {
		font-size: 15px;
		line-height: 20px;
		margin: 0;
	}


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

/***********************
	slideShow
************************/
/*
#slideShow {
	width: 800px;
	height: 600px;
}
*/

.pagelinks a.activeSlide {
	color: #000;
}

.slideCaption {
	margin: 0 0 10px 0;
}

.pdfLink {
	padding: 0 0 0 20px;
	background-image:  url("");
	background-repeat: no-repeat;
	min-height: 16px
}

/***********************
	Navigation
************************/
#headerNav {
	width: 800px;
	height: 100px;
	margin-bottom: 0px;
}

/***********************
	Home 
************************/
#homeContent {
	width: 800px;
	float: left;
}

	#homeContent #slideShow {
	background-color: #ffffff;
	width: 800px;
		height: 530px;
	}
	
	#homeContent #VideoPlayer {
	background-color: #ccc;
	width: 800px;
	height: 460px;
	}
	
	#homeContent #features {
	color: red;
	margin-left: 0px;
	}
	
		#homeContent #features #feature {
	width: 259px;
	height: 190px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
		}
		
		#homeContent #features #feature.last {
			margin: 0;
		}			
		
		#homeContent #features #feature #description h4, #feature #description h4 a  {
	margin: 0;
	font-size: 11px;
	line-height: 25px;
			}	
		
			#homeContent #features #feature #description p {
	margin: 0;
	font-size: 11px;
	color: #999;
	line-height: 20px;
			}		
		
/*		
#homeNewsHeadlines {
	width: 160px;
	float: right;
}		
	#homeNewsHeadline {}
	
		#homeNewsHeadline h4, p {
			line-height: 15px;
		}
	
		#homeNewsHeadline h4 {
			margin: 0;
			font-size: 11px;
			font-weight: bold;	
		}
		
		#homeNewsHeadline p {
			margin: 0 0 10px 0;
			font-size: 11px;
			color: #b2b2b2;
		}

		#homeNewsHeadline a, #homeNewsHeadline a:visited {
			color: #b2b2b2;
		}
		
		#homeNewsHeadline p.date {
			margin: 0 0 0 0;
			font-size: 10px;	
		}	
*/		


	
/***********************
	Issues Home
************************/	
	
	
#issuesHomeContent {}

	
	
		
	#issuesHomeContent #issue {
		float: left;
		width: 400px;
		padding: 0 0 5px 0;
		min-height: 285px;
	}
	
	
			#issuesHomeContent #issue img {
				float: left;
				
			}
	
			#issuesHomeContent #issue li {
				line-height: 20px;
			}
		
				#issuesHomeContent #issue li, #issuesHomeContent #issue li a {
					color: #999;
				}			
				
	
			#issuesHomeContent #issue #description {
				float: left;
				padding: 0 0 0 5px;
				width: 170px;
			}	
	
				#issuesHomeContent #issue #description h4 {
					font-size: 15px;
					margin: 0;
					padding: 0;
					color: #333;
					line-height: 20px;
					font-weight: bold;
				}
					
					#issuesHomeContent #issue #description h4 a {
						color: #333;
					}
					
		
				#issuesHomeContent #issue #description p {
					font-size: 12px;
					margin: 5px 0 0 0;
					color: #666;
					line-height: 20px;				
				}	
	
				#issuesHomeContent #issue #description p a {
					text-decoration: none;				
				}		
				
				#issuesHomeContent #issue #description p a:hover {
					text-decoration: none;				
				}						
				
	

	
	
/***********************
	Issue Details
************************/	
	
	
#issuesDetailContent {
	padding: 60px 0 0 0;
}

	#issuesDetailContent #currentIssue {
		width: 275px;
		float: left;
		line-height: 20px;
	}
	
		#issuesDetailContent #currentIssue h4 {
			font-size: 15px;
			margin: 0 0 5px 0;
			color: #333;
		}	
		
		#issuesDetailContent #currentIssue p, #issuesDetailContent #currentIssue p a, #issuesDetailContent #currentIssue p a:visited {
			font-size: 15px;
			margin: 0;
			color: #b2b2b2;
		}	
				
		
		
	#issuesDetailContent #featuredArticles {
		float: left;
		width: 545px;
	}
	
		#issuesDetailContent #featuredArticle {
			overflow: auto;
			clear: both;
			margin: 0 0 20px 0;
		}
	
			#issuesDetailContent #featuredArticle img {
				float: left;
				border: 0;
			}
		
				#issuesDetailContent #featuredArticles #featuredArticle #description {
					overflow: auto;
					padding: 0 0 0 5px;
					float: left;
					width: 210px;
				}	
		
					#issuesDetailContent #featuredArticles #featuredArticle h4 {
						font-size: 15px;
						margin: 0;
						color: #333;
						line-height: 20px;
					}
					
					#issuesDetailContent #featuredArticles #featuredArticle h4 a {
						text-decoration: none;
						color: #333;
					}
			
					#issuesDetailContent #featuredArticles #featuredArticle p {
						font-size: 15px;
						margin: 0 0 0 0;
						color: #666;
						line-height: 20px;
					}


		
/***********************
	Features Home
************************/		
#featuresHomeContent {
	padding: 0px 0 0 0;
}
	
	#featuresHomeContent #issue {
		clear: both;
		padding: 0 0 20px 0;
		overflow: auto;
	}
	
	
		#featuresHomeContent #issue h3, #featuresHomeContent #issue h3 a, #featuresHomeContent #issue h4, #featuresHomeContent #issue h4 a {
			font-size: 15px;
			color: #333;
			text-decoration: none;
			line-height: 20px;
		}	
		

		#featuresHomeContent #issue h3, #featuresHomeContent #issue h3 a {
			width: 110px;
			float: left;
			margin: 0;
		}	

		
		#featuresHomeContent #issue h3 a:hover {
			text-decoration:none;
		}	
		
		#featuresHomeContent #issue #features {
			width: 495px;
			float: left;
		}	
	
			#featuresHomeContent #issue #features #feature {
				padding: 0 0 10px 0;
				overflow: auto;
				clear: both;
			}
			
				#featuresHomeContent #issue #features #feature #description {
					float: left;
					width: 270px;
					clear: both;
					font-size: 15px;
					line-height: 20px;
				}
				
				#featuresHomeContent #issue #features #feature #description h4 a:hover {
					text-decoration: none;
				}				
				
				#description h4, #description h4 a, #description p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
				}				
				
				#featuresHomeContent #issue #features #feature img {
					float: right;
					border: 0;
				}				
		
		

/***********************
	Feature
************************/

#featuresContent {
	padding: 0px 0 0 0;
	position: relative;
	
}




	#featuresContent #slideShow {
		width:800px;
		height: 535px;
	}


	#featuresContent #leftColumn {
		width: 270px;
		position: absolute;
		top: 525px;
		left: 0px;
	}
	
		#featuresContent #leftColumn p {
			font-size: 12px;		
			line-height: 15px;
			color: #999;
		}
		
		#featuresContent #leftColumn span.title {
			color: #666;
		}

	#featuresContent h2 {
		margin: 0 0 20px 0;
		font-size: 15px;
		line-spacing: 20px;
		color: #333;
	}
	
	#featureBody p {
		margin: 0 0 1px 0;
		line-height: 20px;
		font-size: 15px;
	}	
	
	#featuresContent div#tab, #featuresContent div.tab {
		width: 15px;
		float: center;
		height: 5px;
		font-size: 1px;
	}		
	
	
	#featuresContent p.indent {
		text-indent: 15px;
	}		
		
	
	#featuresContent blockquote {
		font-size: 24px;
		line-height: 30px;
		margin: 20px 0 20px 0;
		font-weight: bold;
	}
	
	#featuresContent #featureBody {
		position: absolute;
		top: 505px;
		left: 385px;
		width: 380px;
		padding: 0 0 20px 0;
	}
	
	#featuresContent {
		line-height: 20px;
		font-size: 15px;
	}	
	
	
		#featuresContent #featureBody .intro {
			font-size: 15px;
			font-weight: bold;
			line-height: 20px;
			color: #666;
			text-transform: uppercase;
		}	
	
	#featuresContent #featureImage {
		float: right;
		width: 400px;
	}
	
		#featuresContent #featureImage p {
			font-size: 11px;
			line-height: 15px;
			color: #b2b2b2;
		}
	
		#featuresContent #featureImage img {
			margin: 0 0 10px 0;
		}
	
	.credits {
		font-size: x-small;
		color: #999;
		line-height: 12px;
	}	
	#fashionFeature .credits {
		width: 50%;
	}
	#featuresContent .credits {
		width: 300px;
		padding: 10px 0 0 0;
	}			
/***********************
	Blog
************************/		

.galleryImage {
	width: 220px;
	float: left;
	margin-bottom: 10px;
}
.first {
	margin-right: 10px;
}	
.spacer {
	width: 9px;
	height: 245px;
	float: left;
}