/*

Airfront vs. Area 17
written by Paul Michael Smith (paul at area17.com)
for Area 17 (www.area17.com)

*/

/* featured projects */

	div.featured-projects, div.featured-member, div.most-popular-patterns, div.most-read-blog-articles, 
	div.inline-feature {
		background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 100%;
		padding: 0 0 49px 0;
		margin: 0 0 41px 0;
	}
	div.most-popular-patterns, div.featured-member-projects {
		padding:0 0 14px;
	}
	.homepage div.featured-member-projects {
		margin:0 0 34px;
	}
	div.most-read-blog-articles {
		padding:0 0 17px;
	}
	div.project-of-the-week {
		padding:0 0 34px;
	}
	.homepage div.project-of-the-week {
		padding:0 0 45px;
		margin:0 0 37px;
	}
		
		div.featured-projects h3, div.simple-module h3 {
			font-size: 18px;
			line-height: 18px;
			border-bottom: 1px solid #cfcfcd;
			padding: 2px 0 11px 0;
			margin: 0 0 19px 0;
		}
		div.project-of-the-week h3, div.simple-module h3 {
			position:relative;
		}
		div.simple-module h3 {
			padding-bottom:13px;
			margin-bottom:14px;
		}
		
			div.featured-projects ul {
				margin: 0;
				padding: 0;
				
			}
			
				div.featured-projects ul li {
					display: block;
					padding: 0 0 20px 315px;
					margin: 0 0 20px 0;
					position: relative;
					min-height: 215px;
					_height: 215px;
					list-style: none;
					border-bottom: 1px solid #cfcfcd;
				}
				
				div.project-of-the-week ul li {
					min-height:0;
					_height:auto;
					overflow:hidden;
					zoom:1;
				}
				
					div.featured-projects ul li h4, body.isMac div.featured-projects ul li h4 {
						font-size: 18px;
						line-height: 18px;
						padding: 0 0 0 0;
						margin: -1px 0 1px 0;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: 100;
					}
					
						div.featured-projects ul li h4, div.featured-projects ul li h4 a {
							color: #34322B;
						}
						
					div.featured-projects ul li h5 {
						background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
						font-size: 12px;
						font-weight: 100;
						padding: 0 0 8px 0;
						margin: 0 0 12px 0;
						zoom: 1;
					}
					div.project-of-the-week ul li h5 {
						padding-bottom:7px;
					}
					
						div.featured-projects ul li h5, div.featured-projects ul li h5 a {
							color: #888681;
						}
						
						div.featured-projects ul li div.based-on  {
							position: relative;
							padding: 0 0 0 101px;
							min-height: 104px;
							_height: 104px;
							overflow: hidden;
						}
						
							div.featured-projects ul li p.based-on  {
								background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
								padding: 0 0 13px 0;
								margin: 0 0 14px 0;
								zoom: 1;
							}
							
							div.featured-projects ul li div.based-on .based-on-img { 
								position: absolute; 
								top: 0;
								left: 0;}
						
							div.featured-projects ul li div.based-on h4 {
								font-size: 12px;
								font-family: "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
								font-weight: bold;
								margin: -1px 0 7px;
								padding: 0;
								line-height: 12px;
								border: none;
							}
						
							div.featured-projects ul li div.based-on h5 {
								background: none;
							}
						
								div.featured-projects ul li div.based-on h5 a {
									color:#34322B;
								}
								div.project-of-the-week ul li div.based-on h5 a {
									color:#888681;
								}
						
						
						div.featured-projects ul li dl  {
							margin-top: -12px;
							
						}
						
							div.featured-projects ul li dt, div.featured-projects ul li dd  {
								background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
								line-height: 30px;
								width: 50%;
								margin: 0;
							}
						
							div.featured-projects ul li dt  {
								
							}
							
							div.featured-projects ul li dd  {
								text-align: right;
							}
							
								div.featured-projects ul li dd span {
									
								}
								
								div.featured-projects ul li dd span.favorites {
									background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -273px;
									padding: 0 0 0 15px;
								}
								
								div.featured-projects ul li dd span.comments {
									background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -25px;
									padding:0 0 0 20px;
								}
								
								div.featured-projects ul li dd span.ratings-count {
									float: right;
									padding: 0 0 0 3px;
								}
								
								div.featured-projects ul li dd ul.rate {
									float: right;
									margin: 11px 0 0 !important;
								}
						
						
						div.featured-projects ul li ul.project-links {
							background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
							margin: 0 0 15px 0;
							padding: 0 0 3px 0;
							width: 300px;
							zoom: 1;
						}

						div.featured-projects ul li ul.project-links-alt {
							background: none;
							margin: 0;
							padding: 0;
						}
						
							div.featured-projects ul li ul.project-links li {
								display: inline;
								list-style: none;
								color: #888681;
								display: inline;
								float: left;
								margin: 0 10px 0px 0px;
								border-left: 1px solid #e1e1df;
								padding: 0px 0px 0px 10px;
								min-height: 10px;
								_height: 10px;
								border-bottom: 0;
								
								/* 5/6/9 - 1312 */
								float: none;
								display: block;
								border-left: 0 none;
								margin: 0 0 10px 0;
								padding: 0;
							}
							
								div.featured-projects ul li ul.project-links-alt li {
									margin: 0;
								}
							
								div.featured-projects ul li ul.project-links li:first-child {
									border: 0;
									padding: 0;
								}
								div.featured-projects ul li ul.project-links li.first {
									border: 0;
									padding: 0;
								}
							
								div.featured-projects ul li ul.project-links li a {
									color: #888681;
									text-decoration: underline;
								}
								
									div.featured-projects ul li ul.project-links li a:hover {
										color: #34322B;
									}
									div.featured-projects ul li ul.project-links li.pattern-link a {
										background: url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -299px;
										padding-left: 25px;
									}
									
						div.featured-projects ul li ul.project-thumbs {
							margin: 0 0 10px 0;
							padding: 0;
							width: 300px;
						}
						
							div.featured-projects ul li ul.project-thumbs li {
								min-height: 90px;
								_height: 90px;
								margin: 0 15px 0 0;
								padding: 0;
								list-style: none;
								display: inline;
								float: left;
								border: 0;
							}
							
								div.featured-projects ul li ul.project-thumbs li.last {
									margin-right: 0;
								}
								
					div.featured-projects ul li p.featured-project-cta {
						margin: 0;
					}
					
						div.featured-projects ul li p.featured-project-cta a, div.featured-projects ul li p.featured-project-cta a:hover {
							text-decoration: underline;
							color: #888681;
						}
						
						div.featured-projects ul li p.featured-project-cta a:hover {
							color: #34322B;
						}
						
						
						
						
						
						
						
						div.featured-projects ul li ul.featured-project-cta {
							margin: 0;
							width: 300px;
							zoom: 1;
							overflow: hidden;
						}

							div.featured-projects ul li ul.featured-project-cta li {
								display: inline;
								list-style: none;
								color: #888681;
								display: inline;
								float: left;
								margin: 0 10px 0px 0px;
								border-left: 1px solid #e1e1df;
								padding: 0px 0px 0px 10px;
								min-height: 10px;
								_height: 10px;
								border-bottom: 0;
							}
								div.featured-projects ul li ul.featured-project-cta li:first-child {
									border: 0;
									padding: 0;
								}
								div.featured-projects ul li ul.featured-project-cta li.first {
									border: 0;
									padding: 0;
								}

								div.featured-projects ul li ul.featured-project-cta li a {
									color: #888681;
									text-decoration: underline;
								}

									div.featured-projects ul li ul.featured-project-cta li a:hover {
										color: #34322B;
									}
									div.featured-projects ul li ul.featured-project-cta li.pattern-link a {
										background: url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -299px;
										padding-left: 25px;
									}
						
						
						
						
						
						
						
						
						
			div.featured-projects ul li.last {
				padding-bottom: 0;
				border: 0;
				margin: 0;
			}
			div.project-of-the-week ul li:last-child {
				padding-bottom:0;
				border:0;
				margin:0;
			}
			
					
			div.featured-projects div.featured-project-img {
				position: absolute;
				top: 0;
				left: 0;
				width: 300px;
				height: 215px;
			}
			
				div.featured-projects div.featured-project-img a {
					display: block;
					height: 215px;
					width: 300px;
					position: relative;
				}
				
					div.featured-projects div.featured-project-img a:hover img, div.featured-projects ul li ul.project-thumbs li a:hover img {
						opacity: 0.8;
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
						*filter: alpha(opacity=80);
					}
							
							
/* featured members */

	div.featured-members {
		position:relative;
	}
	
		div.featured-members h3, div.most-popular-patterns h3, div.featured-member-projects h3 {
			font-size: 18px;
			line-height: 18px;
			border-bottom: 1px solid #cfcfcd;
			padding: 0 0 11px 0;
			margin: 0 0 14px 0;
			position: relative;
		}
		
			div.featured-members h3 a.view-all-featured-memebers, div.most-popular-patterns h3 a.view-all-patterns,
			div.featured-member-projects h3 a.view-all-member-projects, div.project-of-the-week h3 a.view-all-burdastyle-projects,
			div.simple-module h3 a.view-all {
				position: absolute;
				top: 3px;
				right: 0;
				font-size: 12px;
				color: #F01C52;
			}
			div.simple-module h3 a.view-all {
				top:5px;
			}
			div.most-popular-patterns h3 i {
			  font-style: normal;
			  color: #888681;
			  padding-left: 4px;
			}
		
		div.featured-members div.featured-member {
			padding-bottom: 46px;
			margin-bottom: 52px;
		}
		div.featured-members-v2 div.featured-member {
			background-image:none;
			margin:0;
			padding:0;
		}
		
			div.featured-members div.featured-member div.featured-member-desc {
				width: 405px;
				float: right;
			}
			div.featured-members-v2 div.featured-member div.featured-member-desc {
				width:406px;
			}
			
				div.featured-members div.featured-member div.featured-member-desc h4 {
					font-size: 18px;
					line-height: 18px;
					padding: 0;
					margin: -1px 0 11px 0;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 100;
				}
				div.featured-members-v2 div.featured-member div.featured-member-desc h4 {
					margin-bottom:9px;
				}
				div.featured-members div.featured-member div.featured-member-desc p {
					margin-bottom: 11px;
				}
				div.featured-members-v2 div.featured-member div.featured-member-desc p {
					margin-bottom: 7px;
				}
			
			div.featured-members div.featured-meta {
				overflow:hidden;
				zoom:1;
			}
			div.featured-members div.featured-meta-left {
				width:201px;
				padding:0 9px 15px 0;
				float:left;
				position:relative;
				height:auto;
				min-height:102px;
				_height:102px;
			}
			div.featured-members div.featured-meta-left p.last {
				position:absolute;
				left:0;
				bottom:0;
			}
			div.featured-members div.featured-meta-right {
				width:196px;
				float:right;
			}
			
			div.featured-members div.featured-meta, div.featured-members div.featured-meta a {
				color: #888681;
			}
			
			
				div.featured-members div.featured-meta a {
					text-decoration: underline;
				}
				
				div.featured-members div.featured-meta a:hover {
					color: #34322B;
				}
				i
				div.featured-members div.featured-member div.featured-member-desc div.featured-meta p {
					margin: 0 0 9px 0;
				}
				div.featured-members div.featured-member div.featured-member-desc div.featured-meta p.last {
					margin: 0;
				}
				div.featured-members div.featured-member div.featured-member-desc div.featured-meta-right p.last {
					margin: 2px 0 0;
				}
				
				
			
			div.featured-members img.featured-member {
				float: left;
				margin: 0;
			}
			
			div.featured-members a:hover img {
				opacity: 0.8;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				*filter: alpha(opacity=80);
			}
			
/* latest lists */

	div.latest-lists {
		background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 100%;
		padding: 0 0 71px 0;
		margin: 0 0 50px 0;
	}
	
		div.latest-lists h3 {
			font-size: 18px;
			line-height: 18px;
			border-bottom: 1px solid #cfcfcd;
			padding: 0 0 10px 0;
			margin: 0 0 0 0;
		}
	
		div.latest-lists ul {
			margin: 0;
			padding: 0;
		}
		
			div.latest-lists ul li {
				display: inline;
				float: left;
				width: 195px;
				margin: 0 15px 0 0;
			}
			
				div.latest-lists ul li li {
					float: none;
					display: block;
				}
				
				div.latest-lists ul li ol {
					margin: 0 0 13px 0;
					padding: 0;
				}
				
					div.latest-lists ul li ol li {
						background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
						padding: 27px 0 13px 0;
						margin: 0;
						position: relative;
					}
					
					div.latest-lists ul li ol li p {
						margin: 0;
						color: #888681;
						position: absolute;
						top: 13px;
						left: 0;
					}
				
				
				div.latest-lists ul li p.cta-link {
					margin: 0;
				}
					
					div.latest-lists ul li p.cta-link a {
						color: #F01C52;
					}
				
			
			div.latest-lists ul li.last {
				margin: 0;
			}
				
				
/* from the blog - as seen on the homepage */

	div.from-the-blogs {
		
	}
	
		div.from-the-blogs h3 {
			font-size: 18px;
			line-height: 18px;
			border-bottom: 1px solid #cfcfcd;
			padding: 2px 0 10px 0;
			margin: 0 0 14px 0;
			position: relative;
		}
	
			div.from-the-blogs h3 a.view-all-articles {
				position: absolute;
				top: 3px;
				right: 0;
				font-size: 12px;
				color: #F01C52;
			}
			
		div.from-the-blogs h4 {
			margin: 0 0 10px 0;
		}
		
		div.from-the-blogs img {
			margin: 0 0 10px 0;
		}	
		
			div.from-the-blogs a:hover img {
				opacity: 0.8;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				*filter: alpha(opacity=80);
			}
		
		div.from-the-blogs ul {

		}
		
			div.from-the-blogs ul li {
				display: inline;
				float: left;
				width: 195px;
				margin: 0 15px 0 0;
			}
			
				div.from-the-blogs ul li.last {
					margin: 0;
				}
				
				div.from-the-blogs ul li p.readMore {
					margin-top: -5px;
				}
				div.from-the-blogs ul li p a, div.from-the-blogs ul li p a:hover {
					color: #34322B;
					text-decoration: underline;
				}
					div.from-the-blogs ul li p.readMore a {
						color: #888681;
					}
				
				div.from-the-blogs ul li p a:hover {
					color: #34322B;
				}

/* project of the week */

	div.highlight-of-the {
		margin-bottom: 29px !important;
	}
	.homepage div.hightlight-of-the {
		margin-bottom:38px !important;
	}
	
		div.highlight-of-the div.c {
			padding: 0 10px;
		}
	
		div#burda div.highlight-of-the ul.paginator {
			float: left;
			margin: 4px 0 0 6px;
		}
	
		div.highlight-of-the ul.paginator-btns {
			float: right;
		}
		
		div#burda div.highlight-of-the p.paginator-details {
			float:right;
			margin:2px 15px 0 0;
			color: #9a9893;
		}
		
	div.highlight-of-the div.slider {
		overflow: hidden;
		height: 490px;
		position: relative;
	}
	    #burda.photos div.highlight-of-the div.slider-alt {
	        height: auto;
	        visibility: visible !important;
	    }
		
	div.highlight-of-the div.slider ul {
		margin: 0;
		padding: 0;
		width: 9999px;
		position: absolute;
		top: 0;
		left: 0;
	}
	div.highlight-of-the-variant div#photos-slider.slider ul {
		display:none;
	}
	div.highlight-of-the-variant div#photos-slider.slider ul.active {
		display:block;
	}
	#burda.photos div.highlight-of-the div.slider-alt ul {
        position: static !important;
        margin: 0 !important;
        text-align: center;
    }
	
		div.highlight-of-the div.slider ul li {
			margin: 0 0 5px 0;
			padding: 4px 0 0 410px;
			list-style-type: none;
			width: 185px;
			height: 486px;
			position: relative;
			float: left;
		}
		    #burda.photos div.highlight-of-the div.slider-alt ul li {
		        height: auto;
		    }
	
			div.highlight-of-the div.slider ul li div.highlight-img {
				position: absolute;
				top: 0;
				left: 0;
			}
                #burda.photos div.highlight-of-the div.slider-alt ul li div.highlight-img {
                    position: static !important;
                    margin: 0 !important;
                    text-align: center;
                }
                    #burda.photos div.highlight-of-the div.slider-alt ul li div.highlight-img img {
                        margin: 0 auto;
                        text-align: center;
                    }

                   div.highlight-of-the div.slider ul li div.highlight-img .pin-it-container {
                   		position: absolute;
                   		right: 20px;
                   		bottom: 10px;
                   		display: none;
                   }
                   	div.highlight-of-the div.slider ul li div.highlight-img:hover .pin-it-container {
                   		display: block;
                   	}

				div.highlight-of-the div.slider ul li div.highlight-img span.burda-tag {
					background:transparent url(/images/sitewide/bg-burda-tag.gif?1551186590) no-repeat scroll 0 0;
					height:51px;
					left:15px;
					position:absolute;
					top:0;
					width:24px;
					z-index:10000;
				}
				
			div.highlight-of-the div.slider ul li h3 {
				border: 0;
				font-size: 12px;
				line-height: 15px;
				color: #888681;
				margin: 0 0 13px 0;
				padding: 0;
			}
			
			div.highlight-of-the div.slider ul li h4 {
				border: 0;
				font-size: 28px;
				line-height: 30px;
				margin: 0 0 11px 0;
				padding: 0;
				background: 0;
			}
			
			div.highlight-of-the div.slider ul li p.excerpt {
				border: 0;
				font-size: 18px;
				line-height: 20px;
				margin: 0 0 17px 0;
				padding: 0;
				background: 0;
			}
			
			div.highlight-of-the div.slider ul li ul.highlight-links {
				margin: 0;
				padding: 0;
				background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0;
				position: static;
				width: 185px;
				
				background-position: left top;
				padding-top: 1px;
			}
			
				div.highlight-of-the div.slider ul li ul.highlight-links li {
					background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
					width: 100%;
					height: auto;
					min-height: 2px;
					padding: 8px 0 7px 0;
					list-style: none;
					display: block;
					margin: 0;
					position: static;
					
					background-position: left bottom;
				}
					div.highlight-of-the div.slider ul li ul.highlight-links li:first-child {
						padding-top: 7px;
					}
					div.highlight-of-the div.slider ul li ul.highlight-links li.first {
						padding-top: 7px;
					}
				
					div.highlight-of-the div.slider ul li ul.highlight-links li a, div.highlight-of-the div.slider ul li ul.highlight-links li a:hover {
						color: #F01C52;
					}
					
/* New homepage modules : */
/* -- Most Popular Patterns */
div.most-popular-patterns {
	margin:0 0 43px;
}

/* -- Most Read Blog Articles */
div.most-read-blog-articles ul {
	overflow:hidden;
	zoom:1;
}
div.most-read-blog-articles ul h4, body.isMac div.most-read-blog-articles ul h4 {
	font-weight:normal;
	font-family:Arial,Helvetica,Verdana,"Trebuchet MS",sans-serif;
	color:#373638;
}
div.most-read-blog-articles ul h4 a {
	color:#373638;
}
div.most-read-blog-articles ul p {
	color:#888681;
}

.count {
	color:#888681;
	font-weight:normal;
	margin-left: 2px;
}

div.stats ul li p.total-members-count {
	font-size: 28px;
	margin-top: 5px;
}



div.feature-inline {
}
  div.click_active {
    cursor: pointer;
  }
  div.feature-inline div.c {
    overflow: hidden;
    padding: 9px 15px 2px;
  }
  div.feature-inline h3 {
    font-size: 21px;
    color: #34322b;
  }
  div.feature-inline h4 {
    font-size: 16px;
    color: #666;
    width: 289px;
    margin: 0 0 8px;
    padding: 0 0 4px;
  }
  div.feature-inline p a {
    font-size: 17px;
    color: #f01c52;
    font-size: 12px;
    line-height: 15px;
  }
  div.feature-inline img {
    display: inline;
    float: right;
    margin: -7px 0 0 17px;
  }