@charset "UTF-8";

/* kill alls */
	*{
		padding:0;
		margin:0;
		border:none;
		
		/*outline:1px solid #abf;*/
		}
		
	body{
		width:100%;
		height:100%;
		color:#222;
		font-family: Arial Narrow, Helvetica, Arial, sans-serif;
		}
	
	img{
		outline:0;
		border:none;
		}
	
	a{
		text-decoration:none;
		outline:none;
		color:#aaa;
		}
		
		a:hover{
			color:#000;
			}
		
	p, h3{
		font-size:11px;
		line-height:13px;
		font-family: georgia, times new roman, times, serif;
		font-weight:normal;
		}
		
	h1, h2{
		text-transform:uppercase;
		}
		
	
/* end kill alls */


#wrapper{
	width:940px;
	height:100%;
	margin: 0 auto;
	position:relative;
	}
	
	#header{
		width:940px;
		height: 40px;
		margin: 24px auto 0px auto;
		float:left;
		top:6px;
		position:relative;
		}
		
		#header h1#wordmark{
			display:block;
			position:absolute;
			left:0;
			bottom:0;
			}
			
		#header img#wordmark{
			position:absolute;
			left:2px;
			bottom:6px;
			}
			
		#header ul#navigation{
			display:block;
			width:360px;
			position:absolute;
			right:0px;
			bottom:0;
			padding:none;
			}
			
			#header ul#navigation li{
				display:block;
				float:right;
				margin-left:20px;
				list-style:none;
				}
				
			#header ul#navigation li a.work{color:#00aeef;}
			#header ul#navigation li a.about{color:#ed1c24;}
			#header ul#navigation li a.shop{color:#aedfe5;}
			#header ul#navigation li a.blog{color:#b1953a;}
			#header ul#navigation li a.yall{color:#cf0088;}
			
			#header ul#navigation li a.work:hover,#header ul#navigation li a.about:hover,#header ul#navigation li a.shop:hover,#header ul#navigation li a.blog:hover,#header ul#navigation li a.yall:hover{
				color:#000;
				}
			
			
				
		#header h1#wordmark, #header ul#navigation li{
			font-size:22px;
			line-height:22px;
			font-weight:bold;
			text-transform:uppercase;
			}
		
	.line{
		width:940px;
		height:0px;
		margin-top:20px;
		border-bottom:1px solid #ccc;
		float:left;
		}
		
	#content{
		width:960px;
		float:left;
		}
		
		#landing{
			width:940px;
			float:left;
			margin-top:20px;
			}
		
		.headline{
			width:940px;
			border-bottom:1px solid #ccc;
			margin-top:20px;
			padding-bottom:12px;
			position:relative;
			}
			
			.headline h1{
				height:122px;
				line-height: 114px;
				font-size: 118px;
				letter-spacing: -6px;
				position:relative;
				z-index:10;
				}
				
				.cufon-active .headline h1{
					line-height: 0px;
					font-size:142px;
					}
				
			.headline .sub-headline{
				width:320px;
				position:absolute;
				right:-20px;
				bottom:0;
				padding: 10px 0px 30px 0px;
				background-color:#fff;
				z-index:100;
				}
				
				.headline .sub-headline h1{
					font-size:22px;
					line-height:22px;
					font-weight:bold;
					letter-spacing:0;
					height:auto;
					margin-bottom:20px;
					}
					
				.headline .sub-headline p{
					display:block;
					width:140px;
					float:left;
					margin-right:20px;
					}
					
				.headline .sub-headline p a{
					color:#222;
					}
					
					.headline .sub-headline p a:hover{
						color:#ed1c24;
						}
					
		.post{
			display:block;
			float:left;
			height: 250px;
			width:300px;
			margin: 20px 20px 0 0;
			position:relative;
			}
			
			.post img{
				display:block;
				width:300px;
				height:220px;
				margin-bottom:4px;
				}
				
			.post h1{
				font-size:14px;
				height:14px;
				line-height:14px;
				font-weight:bold;
				}
				
				.post h1 a{
					position:absolute;
					width:300px;
					height:240px;
					top:0;
					left:0;
					}
				
				.post h1 a.work:hover{
					color:#00aeef;
					}
					
				.post h1 a.about:hover{
					color:#ed1c24;
					}
					
				.post h1 a.shop:hover{
					color:#aedfe5;
					}
					
				.post h1 a.blog:hover{
					color:#b1953a;
					}
					
					
					.post h1 a p{
						font-size:14px;
						height:14px;
						line-height:14px;
						font-weight:bold;
						
						position:absolute;
						left:0;
						bottom:0;
						}
		
		#image_drop{
			width:300px;
			margin: 20px 20px 0 0;
			float:left;
			}
			
			#image_drop img, #image_drop object{
				background-color:#eee;
				width:300px;
				margin: 0 0 20px 0;
				}
				
			#image_drop h1{
				line-height: 0px;
				font-size:142px;
				letter-spacing:-6px;
				color:#b1953a;
				position:relative;
				right:6px;
				}
				
			
		#the_content{
			width:640px;
			margin:20px 0 0 0;
			float:left;
			}
			
			#main_media{
				width:620px;
				float:left;
				margin: 0 20px 20px 0;
				}
				
				#main_media img{
					background-color:#eee;
					width:620px;
					}
					
					#main_media.about img{
						width:940px;
						}
					
				#main_media.about{
					width:940px;
					position:relative;
					right:320px;
					}
				
			#the_content h1{
				display:block;
				width:620px;
				float:left;
				height:122px;
				line-height: 114px;
				font-size: 118px;
				letter-spacing: -6px;
				position:relative;
				right:4px;
				}
				
				.cufon-active #the_content h1{
					line-height: 0px;
					font-size:142px;
					}
				
			#the_content .line{
				width:620px;
				margin:0;
				}
				
			#description{
				width:300px;
				float:left;
				margin: 0 20px 0 0;
				}
				
				#description h2{
					font-size:16px;
					line-height:16px;
					font-weight:bold;
					text-transform:uppercase;
					margin: 20px 0 5px 0;
					}
					
				#description p{
					margin: 5px 0;
					}
					
					#description p:first-child{
						margin-top:20px;
						}
					
			#meta{
				width:320px;
				float:left;
				margin: 20px 0 0 0;
				}
				
				#meta h2{
					width:300px;
					font-size:16px;
					line-height:16px;
					font-weight:bold;
					text-transform:uppercase;
					}
					
				.meta_info{
					width:130px;
					margin: 20px 20px 0 0;
					float:left;
					}
					
					.meta_info p{
						font-family: Arial Narrow, Arial, Helvetica, sans-serif;
						font-size: 12px;
						line-height: 12px;
						text-transform:uppercase;
						color:#aaa;
						}
					
				#meta ul.tags{
					margin: 20px 0 0 0;
					padding-top:20px;
					float:left;
					display:block;
					width:300px;
					border-top:1px solid #ccc;
					padding-left:0;
					}
					
					#meta ul.tags li{
						list-style:none;
						display:block;
						float:left;
						width:150px;
						
						font-size: 12px;
						line-height: 12px;
						text-transform:uppercase;
						}
					
					
					
		
	#sidebar{
		width:960px;
		float:left;
		margin-top:20px;
		}
		
		#sidebar ul{
			padding:0;
			}
			
			#sidebar ul li{
				list-style:none;
				display:block;
				float:left;
				width:140px;
				margin-right:20px;
				
				font-size: 12px;
				line-height: 12px;
				text-transform:uppercase;
				}
		
		
	#footer{
		width:940px;
		height:64px;
		margin-top:20px;
		padding-top:20px;
		padding-bottom:32px;
		border-top:1px solid #ccc;
		float:left;
		position:relative;
		}
		
		#footer p{
			font-size: 12px;
			text-transform: uppercase;
			font-stretch: condensed;
			line-height:11px;
			color:#aaa;
			}
			
		#footer img{
			position:absolute;
			right:2px;
			top:18px;
			}
		
		
@media print{
	
	#sidebar{
		display:none;
		}
		
	#footer{
		border-top:none;
		}
		
	}