
/* ------------------GLOBAL RESET-------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ----------------------------------------------- */

/***************** PAGE CSS *******************/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #af0003 url(http://i.cdn.turner.com/adultswim/americaloveslists/tools/img/allLandingLogo.png) no-repeat 8px -3px;
	_background-image: url(http://i.cdn.turner.com/adultswim/americaloveslists/tools/img/allLandingLogo_ie6.png);
	color: #FFFFFF;
}

	#pageTop {
		height: 110px;
		padding-top: 2px;
	}
	
		#longAdSpace {
			width: 1006px;
			height: 98px;
		}
	
			.adTag {
				font-size: 1px;
				float: right;
			}
			
			#longAd {
				width: 728px;
				height: 90px;
				clear: both;
				float: right;
			}
			
	#navcss-7c0000 {
		margin-top: 0px !important;
	}
	
	#wrapper {
		width: 1016px;
	}
	
		#header {
			width: 978px;
			height: 45px;
			margin-top: 9px;
		}
		
			#asLogo {
				float: left;
			}
			
			/*#americaloveslists {
				font-family: "Arial Black", Arial, Helvetica, sans-serif;
				font-size: 54px;
				text-transform: uppercase;
				color: #35e4e6;
				margin-top: -12px;
				float: right;
			}
			
				.whiteLetter {
					color: #FFFFFF;
					font-size: 65px;
				}*/
				
		#featuredArea {
			width: 1016px;
			height: 270px;
			margin-top: 8px;
		}
			
			/*#featuredImageArea {
				width: 350px;
				height: 260px;
				margin-top: 8px;
				float: left;
			}
			
				#featuredImageShadow {
					width: 328px;
					height: 250px;
					background: #8e0002;
					margin: 10px 0 0 10px;
					position: absolute;
				}
				
				#featuredImageArea img {
					position: absolute;
				}
			
			#featuredListArea {
				width: 348px;
				height: 260px;
				margin-top: 8px;
				margin-left: 10px;
				float: left;
			}
			
				#featuredListShadow {
					width: 338px;
					height: 250px;
					background: #8e0002;
					margin: 10px 0 0 10px;
					position: absolute;
				}
				
				#featuredListTextArea {
					width: 338px;
					height: 250px;
					background: #002250;
					position: absolute;
				}
				
					#featuredListText {
						font-size: 40px;
						padding: 10px;
					}*/
			
			#featuredListArea {
				width: 696px;
				height: 260px;
				margin-top: 8px;
				float: left;
			}
			
				#featuredListShadow {
					width: 686px;
					height: 250px;
					background: #8e0002;
					margin: 10px 0 0 10px;
					position: absolute;
				}
				
				#featuredList {
					width: 686px;
					height: 250px;
					position: absolute;
					cursor: pointer;
					cursor: hand;
				}
				
					#featuredList a:link, #featuredList a:visited {
						float: left;
						color: #FFFFFF;
						text-decoration: none;
					}
					
					#featuredList a:hover {
						color: #35e4e6;
					}
					
					#featuredList a:active {
						color: #45afb0;
					}
				
					#featuredListTextArea {
						width: 336px;
						height: 250px;
						float: left;
						background: #002250;
					}
					
						#featuredListText {
							font-size: 47px;
							padding: 10px;
						}
			
			#squareAdSpace {
				width: 310px;
				height: 268px;
				margin-left: 10px;
				float: left;
			}
				
				#squareAdTag {
					margin-right: 10px;
				}
				
				#squareAdShadow {
					width: 300px;
					height: 250px;
					background: #8e0002;
					margin: 18px 0 0 10px;
					position: absolute;
				}
			
				#squareAd {
					width: 300px;
					height: 250px;
					margin-top: 8px;
					position: absolute;
				}
				
		#top10Area {
			width: 1016px;
			height: 385px;
			margin-top: 16px;
		}
		
			#top10Shadow {
				width: 1006px;
				height: 375px;
				background: #8e0002;
				margin: 10px 0 0 10px;
				position: absolute;
			}
			
			#top10Content {
				width: 1006px;
				height: 375px;
				background: #720002;
				position: absolute;
			}
			
				#top10Header {
					font-family: "Arial Black", Arial, Helvetica, sans-serif;
					font-size: 40px;
					text-transform: uppercase;
					margin-left: 10px;
				}
				
					.redLetter {
						color: #ed0000;
						font-size: 51px;
					}
					
					.lowercase {
						text-transform: none;
					}
				
				#top10topRow {
					width: 975px;
					height: 153px;
					margin-top: 10px;
				}
					
					#top10topRow ul, #top10bottomRow ul {
						margin: 0 0 0 10px;
						padding: 0;
						list-style: none;
					}
					
						#top10topRow li, #top10bottomRow li {
							margin: 0;
							padding: 0 37px 0 0;
							width: 163px;
							height: 82px;
							list-style: none;
							float: left;
						}
						
						.last {
							padding-right: 0 !important;
						}
							
							.listShadow {
								width: 158px;
								height: 77px;
								background: #8e0002;
								margin: 5px 0 0 5px;
								position: absolute;
							}
							
							.listArea {
								width: 158px;
								height: 77px;
								position: absolute;
								cursor: pointer;
								cursor: hand;
							}
								
								.number {
									width: 79px;
									height: 77px;
									float: left;
									background: #ed0000;
									text-align: center;
									font-family: "Arial Black", Arial, Helvetica, sans-serif;
									font-size: 50px;
								}
								
									.number h3 {
										height: 77px;
										line-height: 1.4;
										width: 79px;
									}
								
								.listArea img {
									float: right;
								}
							
							.listName {
								text-align: center;
								margin-top: 85px;
								font-size: 14px;
								color: #35e4e6;
								text-transform: uppercase;
							}
							
								.listName a:link, .listName a:visited {
									color: #35e4e6;
									text-decoration: none;
								}
								
								.listName a:hover {
									color: #ffff00;
								}
								
								.yellowText {
									color: #ffff00 !important;
								}
								
								.listName a:active {
									color: #b5b52a;
								}

				#top10bottomRow {
					width: 975px;
				}
					
		#allListsArea {
			width: 1016px;
			margin-top: 19px;
		}
		
			#allListsShadow {
				width: 1006px;
				background: #8e0002;
				height: inherit;
				margin: 10px 0 0 10px;
				position: absolute;
			}
			
			#allListsContent {
				width: 1006px;
				background: #002250;
				position: absolute;
			}
			
				#allListsHeader {
					color: #35e4e6;
					font-family: "Arial Black", Arial, Helvetica, sans-serif;
					font-size: 40px;
					text-transform: uppercase;
					margin-left: 10px;
				}
				
					.whiteLetter2 {
						color: #FFFFFF;
						font-size: 51px;
					}
					
				#allLists {
					margin: 10px 0 0 0;
				}
					
					#leftColumn {
						float: left;
						margin-left: 10px;
						margin-right: 20px;
						width: 315px;
					}
						
					#middleColumn {
						float: left;
						margin-right: 20px;
						width: 315px;
					}
					
					#rightColumn {
						float: left;
						width: 315px;
					}
					
						.listSection {
							margin: 0 0 15px 0;
						}
						
							.show {
								margin-bottom: 3px;
								color: #ffff00;
								font-size: 14px;
								font-weight: bold;
								text-transform: uppercase;
							}
							
							.list {
								font-size: 14px;
								margin-bottom: 3px;
							}
								
								.list a:link, .list a:visited {
									color: #FFFFFF;
									text-decoration: none;
								}
								
								.list a:hover {
									color: #35e4e6;
								}
								
								.list a:active {
									color: #45afb0;
								}
							
	#footer {
		margin-top: 25px;
	}
