/*
Theme Name: Wez 1.0 
Theme URI: http://wordpress.org/
Description: Wez 1.0 built opon the Theme, Canvas by danielvanc.com
Version: 1.0
Author: Daniel Van Cuylenburg
Author URI: http://danielvanc.com/
Tags: css, blank theme, xhtml 1.0 strict,
*/

@import "css/reset.css";
@import "css/fontfaces.css";

* {
	margin:0;
	padding:0;
}
body {
	background:#FFF;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
}
a {text-decoration:none;}
li {list-style:none;}
li, p {
	color:#4B4B4B;
	font-size:1.2em;
	line-height:140%;
}
.rss-link {
	background:url('images/mini-rss.png') left no-repeat;
	display:block;
	margin:0 auto;
	height:16px;
	width:16px;
}
.rss-link:hover {background:url('images/mini-rss.png') right no-repeat;}

h1 {
	background:url('images/mini_logo.png') top center no-repeat;
	color:#F44239;
	font:normal 4.0em 'CantarellRegular',"Trebuchet MS",sans-serif;
	letter-spacing:0.2em;
	padding:30px 0 50px 0;
	text-align:center;
	text-transform:uppercase;
}

h1 a {
	color:#F44239;
}

h1 a:hover {
	color:#8c1711;
}
	h1 span {
		color:#A4A293;
		display:block;
		letter-spacing:0.25em;
		padding-top:5px;
		font-size:0.2998em;
	}
	
body.page-template-almanac-php h1,
.archive h1, .category h1 {
	background-image:none;
	padding-top:15px;
}

body.single h1 {
	background-image:none;
	font-size:1.4em;
	padding-top:0;
}

h2,h3,h4,h5 {
}
.title {
	font-family:'LeagueGothicRegular', "Trebuchet MS", sans-serif;
}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

h2#pageTitle {
	color:#2C403D;
	font-size:1.8em;
	letter-spacing:0.05em;
	text-transform:uppercase;
	font-family:'Cantarell', "Trebuchet MS", sans-serif;
}
#secondary-content h2 {
	font:normal 1.1em Helvetica, "Trebuchet MS", sans-serif;
	padding:0 0 54px 102px;
	text-align:center;
	width:114px;
}
	
	#secondary-content h2 a {
		background:url('images/post_bg.png') right repeat-y;
		color:#663333;
		display:block;
		padding:9px 0 5px 0;
		width:116px;
	}
		#secondary-content h2 span {
			background:url('images/post_curve.png') right bottom no-repeat;
			display:block;
			height:8px;
			width:116px;
		}
div#case-shot h2 {
	left:50px;
	height:680px;
	position:absolute;
	text-indent:-9999px;
	top:0px;
	width:100%;
}
#home-blog-heading h2 {
	color:#BAB99E;
	float:left;
	font-size:2.4em;
	text-transform:uppercase;
	width:95px;
}
	#home-blog-heading h2 em {
		font-size:0.8332em;
		text-transform:none;
	}
	#home-blog-heading h2 span {
		display:block;
		font-size:0.6668em;
	}
div#sub-footer-wrap h2.title {
	border-bottom:1px solid #445759;
	color:#FFF;
	font-size:2.4em;
	letter-spacing:0.02em;
	margin:0 0 14px 0;
	padding:0 0 7px 20px;
	text-shadow:0px -1px 2px #444;
	text-transform:uppercase;
}
	div#sub-footer-wrap h2.title a {
		color:#FFF;
		font-size:0.583em;
		text-transform:none;
	}
	#music h2 {background:url('images/bg_music-title.png') left no-repeat;}
	#sf-linkage h2 {background:url('images/bg_linkage-title.png') left no-repeat;}
	#flickr h2 {background:url('images/bg_flickr-title.png') left no-repeat;}
	#sub-footer-secondary h2 {background:url('images/bg_twit-title.png') left no-repeat;}
div#footer-primary h2 {
	color:#517E87;
	font-size:1.8em;
	letter-spacing:0.05em;
	padding:0 0 15px 0;
	text-transform:uppercase;
}


#secondary-content .secondaryTitle {
	background:url('images/title_bubble.png') no-repeat;
	color:#FFF;
	font:normal 1.8em 'LeagueGothicRegular', "Trebuchet MS", sans-serif;
	letter-spacing:0.03em;
	margin:19px 0 8px 40px;
	padding:10px 0 10px 0;
	text-align:center;
	text-transform:uppercase;
	width:240px;
}
#secondary-content #almanic-categories h2 {margin-bottom:12px;}
.case-study h2 {
	color:#2C403D;
	font:normal 2.0em 'CantarellRegular',"Trebuchet MS",sans-serif;
	letter-spacing:0.13em;
	text-transform:uppercase;
}
	.case-study h2 span {
		color:#A4A293;
		font-size:0.6em;
		display:block;
		padding:10px 0 0 0;
	}
	
	
.wpcf7-form h3 {
	color:#F44239;
	font:normal 2.0em 'CantarellRegular',"Trebuchet MS",sans-serif;
	padding:10px 0 24px 0;
	text-transform:uppercase;
}	
	
	
.secondary-item h3 {
	font:normal 1.8em Georgia,serif;
	padding:0 6px 10px 6px;
	position:relative;
}
	.secondary-item h3 a {color:#FFFFCC;}
	.secondary-item h3 small {
		color:#FFF;
		display:block;
		font:bold 0.556em Helvetica, "Trebuchet MS", sans-serif;
		padding:10px 0 0 0;
	}
	#secondary-content h3 span {
		background:url('images/post_item.png');
		display:block;
		height:14px;
		left:-25px;
		position:absolute;
		top:5px;
		width:26px;
	}
	
	.sect .cnt h3 {
		color:#FFFFCC;
		font-size:1.8em;
		font-style:italic;
		letter-spacing:0.1em;
		text-transform:uppercase;
	}
	#questions .sect h3 {
		color:#FFFFCC;
		font-size:1.8em;
	}
	.about-main h3, .about-secondary h3, .small-head {
		color:#A4A293;
		font:normal 1.2em 'CantarellRegular',"Trebuchet MS",sans-serif;
		letter-spacing:0.05em;
		padding:0 0 12px 0;
		text-transform:uppercase;
	}
#about-recognition .about-main h4 {
	font:bold 1.3em Georgia, serif;
	padding-bottom:4px;
	text-transform:uppercase;
}	
#about-recognition .about-secondary h4 {
	font:bold 1.2em Georgia, serif;
	padding-bottom:4px;
	text-transform:uppercase;
}
	#about-recognition .about-main h4 a {color:#445759;}
	
	#about-recognition .about-secondary h4 a {color:#990000;}
	
	
	div#case-info h3, .sub-title {
		color:#2C403D;
		font: 2.0em 'CantarellRegular', "Trebuchet MS", sans-serif;
		letter-spacing:0.05em;
		text-transform:uppercase;
	}
	
	#latest-articles .post-title h3, div#home-blog #latest-article h3 {
		font:normal 1.6em Times, serif;
		letter-spacing:0.05em;
		padding-bottom:5px;
		text-transform:uppercase;
	}
	#latest-articles .post-title h3 a, div#home-blog #latest-article h3 a  {
		color:#2C403D;
	}
	
	.related-links h3 {
		color:#A4A293;
		font: 1.2em 'CantarellRegular', "Trebuchet MS", sans-serif;
		padding:12px 0 12px 0;
		text-transform:uppercase;
	}
	
	div#sf-linkage h3 {
		font-size:1.0em;
	}
		div#sf-linkage h3 a {
			/*border-bottom:1px solid #FFFFCC;*/
			color:#FFFFCC;
		}
	
	
	div.article .heading h3 {
		float:left;
		font:normal 2.4em Times, "Times New Roman", serif;
		letter-spacing:0.12em;
		line-height:130%;
		margin-left:35px;
		text-transform:uppercase;
	}
		div.article .heading h3 a {color:#2C403D;}
		div.article .heading h3 em {text-transform:lowercase;}
		
	body.single div.article .heading h3 {
		float:none;
		font-size:3.6em;
		line-height:130%;
		margin-left:0;
	}
		
		
		
	.area .highlight h3 {
		font:normal 1.4em Times, "Times New Roman, serif";
		letter-spacing:0.08em;
		line-height:140%;
		padding:0 0 12px 0;
		text-transform:uppercase;
	}
		.area .highlight h3 a {color:#FFFFCC;}
		.area .highlight h3 em {text-transform:lowercase;}
	

		h3.commentsHeading {
			background:url('images/bg_title-comments.png') right top no-repeat;
			color:#620000;
			font:normal 2.0em Times, "Times New Roman", serif;
			margin-bottom:38px;
			text-transform:uppercase;
		}
	
	div#case-info h4 {
		padding:12px 0 12px 0;
		width:210px;
	}
	
	body.single .article .content h4 {
		color:#2C403D;
		font:normal 2.2em Georgia,serif;
		letter-spacing:0.05em;
		padding:40px 0 14px;
	}
	body.single .article .content h5 {
		color:#2C403D;
		font:normal 1.8em Georgia,serif;
		letter-spacing:0.05em;
		padding:40px 0 14px;
	}
	
	

.clear {clear:both;}
.light-print {
	color:#A4A293;
	font: 1.2em 'CantarellRegular', "Trebuchet MS", sans-serif;
	text-transform:uppercase;
}
/*	
	DOCUMENT ELEMENTS
	-----------------
*/
div#page-wrap {background:url(images/bg_page-wrap.jpg) top right no-repeat;}

div#page-wrap2 {float: right;
				background:url(images/bg_page-wrap2.jpg) top right no-repeat;
				width:100%;
				height:850px;}	

										
				
div#page-wrap2 h1 {	margin-top: 50px;}		

div#page-wrap2 img {position: bottom right no-repeat;}

div#page-wrap2 p {font:normal 1.4em Times, "Times New Roman, serif";
		line-height:140%;
		padding:0 0 12px 0;
		width: 500px;
		margin: 0px auto 50px auto;
		}
		
div#page-wrap2 h2 {font:normal 2em Times, "Times New Roman, serif";
		letter-spacing:0.08em;
		line-height:140%;
		padding:0 0 12px 0;
		text-transform:uppercase;
		width: 960px;
		margin: 0px auto 0px auto;}
				
div#header-overlay {background:url(images/bg_header-overlay.jpg) top left repeat-x;}
	
div.content-container {
	clear:both;
	margin:0 0 0 auto;
	text-align:left;
	width:995px;
}
	div#header {
		height:248px;
		position:relative;
	}
		div#header #mast_image {
			/*left:364px;*/
			left:14px;
			position:absolute;
			top:0;
		}
		 
		div#header a#site-logo {
			clear:both;
			display:block;
			height:110px;
			left:0;
			top:0;
			overflow:hidden;
			position:absolute;
			width:132px;
			z-index:0;
		}
		div#header a#site-logo img {position:relative;}
			#mast p {
				display:none;
				padding:8px 0 30px 0;
				width:254px;
			}
			
			#mast p.intro {
				color:#2C403D;
				font: 2.0em 'CantarellRegular', "Trebuchet MS", sans-serif;
				letter-spacing:0.05em;
				line-height:100%;
				text-transform:uppercase;
				padding:0;
				width:100%;
			}
			
	div#page-wrap .content-container {background:url(images/bg_container.png) top right repeat-y;}
	
	div#primary-content {
		float:left;
		width:650px;
	}
		div#main-content {padding:14px 30px 14px 0;}
			div#content {
				position:relative;
				padding:38px 0 38px 0;
			}
				div#primary-navigation {
					border-bottom:1px solid #E4E7E7;
					height:75px;
					padding:12px 0 12px 0;
				}
					div#primary-navigation ul li {
						float:left;
						font:normal 1.6em 'LeagueGothicRegular', "Trebuchet MS", sans-serif;
						line-height:120%;
						margin:0 25px 0 0;
						text-align:center;
						text-transform:uppercase;
					}
						div#primary-navigation ul li strong {
							display:block;
							font-size:1.5em;
						}
						div#primary-navigation ul li em {text-transform:lowercase;}
						div#primary-navigation ul li a {
							color:#999;
							display:block;
						}
						div#primary-navigation ul li a strong {color:#666;}
						div#primary-navigation ul li#nav_home a {
							background:url(images/nav/home.png) top no-repeat;
							height:59px;
							width:72px;
						}
						div#primary-navigation ul li#nav_home a:hover {background:url(images/nav/home.png) bottom no-repeat;}
						div#primary-navigation ul li#nav_home a.current {background:url(images/nav/home.png) 0 -59px  no-repeat;}
						div#primary-navigation ul li#nav_colophon a {
							background:url(images/nav/colophon.png) top no-repeat;
							height:59px;
							width:105px;
						}
						div#primary-navigation ul li#nav_colophon a:hover {background:url(images/nav/colophon.png) bottom no-repeat;}
						div#primary-navigation ul li#nav_colophon a.current {background:url(images/nav/colophon.png) 0 -59px no-repeat;}
						div#primary-navigation ul li#nav_portfolio a {
							background:url(images/nav/portfolio.png) top no-repeat;
							height:59px;
							width:106px;
						}
						div#primary-navigation ul li#nav_portfolio a:hover {background:url(images/nav/portfolio.png) bottom no-repeat;}
						div#primary-navigation ul li#nav_portfolio a.current {background:url(images/nav/portfolio.png) 0 -59px no-repeat;}
						div#primary-navigation ul li#nav_almanic a {
							background:url(images/nav/almanic.png) top no-repeat;
							height:59px;
							width:105px;
						}
						div#primary-navigation ul li#nav_almanic a:hover {background:url(images/nav/almanic.png) bottom no-repeat;}
						div#primary-navigation ul li#nav_almanic a.current {background:url(images/nav/almanic.png) 0 -59px no-repeat;}
						div#primary-navigation ul li#nav_contact a {
							background:url(images/nav/hire.png) top no-repeat;
							height:59px;
							width:105px;
						}
						div#primary-navigation ul li#nav_contact a:hover {background:url(images/nav/hire.png) bottom no-repeat;}
						div#primary-navigation ul li#nav_contact a.current {background:url(images/nav/hire.png) 0 -59px no-repeat;}
					
					
					
					
					
			
				div#case-info {
					float:right;
					margin:0 0 0 0;
					width:260px;
				}
					div#case-info p {
						color:#445759;
						font:normal 1.3em Georgia, serif;
						line-height:150%;
						padding: 0 0 17px 0;
					}
					
					.orange, .more-link, .article .content .more-link {
						background:#E8C986;
						border-bottom:0!important;
						color:#FFF!important;
						float:left;
						font:bold 0.65em Verdana, Helvetica, "Trebuchet MS", sans-serif;
						padding:4px;
						text-transform:uppercase;
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
					}
					.orange:hover, .more-link:hover{
					background:#bba168;
				color:#FFF;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				padding:4px;
				-webkit-box-shadow: 0px 0px 5px #666;
				-moz-box-shadow:0px 0px 5px #666;
					}

					div.hire-info {
						background:url('images/bg_hire.png') top left no-repeat;
						clear:both;
						margin:14px 0 0 0;
						padding:20px 0 0 0;
						width:244px;
					}
						div#case-info div.hire-info p {
							color:#666;
							font:italic 1.1em Helvetica, "Trebuchet MS", sans-serif;
							line-height:140%;
							width:232px;
						}
						div.hire-info a {
							border-bottom:1px solid #666;
							color:#666;
						}
				div#case-shot {
					left:-350px;
					height:488px;
					position:absolute;
					top:44px;
					width:100%;
				}
				div#case-logos {
					border-top:1px solid #94A5A1;
					border-bottom:1px solid #94A5A1;
					margin:0 0 12px 0;
					padding:1px 0 1px 0;
				}
			
		div#home-blog {
			clear:both;
			padding:80px 0 0 0;
			width:594px;
		}
		#home-blog-heading {
			background:url('images/bg_home-blog.png') bottom no-repeat;
			margin:0 0 35px 0;
			padding:0 0 16px 0;
		}
			#home-blog-heading ul {
				float:right;
			}
				#home-blog-heading ul li {
					font-family:'LeagueGothicRegular', "Trebuchet MS", sans-serif;
					font-size:1.6em;
					margin-bottom:5px;
					text-align:right;
					text-transform:uppercase;
				}
					#home-blog-heading ul li a {
						color:#B2A6A5;
						padding:3px;
					}
					#home-blog-heading ul li a.current {
						background:#B2A6A5;
						color:#FFF;
						width:80px;
						-moz-border-radius:5px;
						-webkit-border-radius:5px;
						border-radius:5px;
					}
			div#home-blog #latest-article .cnt img,
			.page-template-almanac-php .article .content img,
			.archive .article .content img, .category .article .content img {display:none;}
			
				div#home-blog #latest-article .cnt {
					clear:both;
					float:left;
					padding:29px 0 0 0;
					width:280px;
				}
					div#home-blog #latest-article .cnt p {
						color:#1D2622;
						font:normal 1.3em Georgia,serif;
						line-height:150%;
						padding: 0 0 22px 0;
					}
					
					.cnt a, #case-info a {
						border-bottom:1px solid #ccc;
						color:#BBA26B;
					}
					
					.cnt a:hover, #case-info a:hover 	{
						border-bottom:1px solid #717060;
						color:#717060;
					}
					
					div#home-blog #latest-article .post-title {background:url('images/bg_post.jpg') left repeat-y;}
					div#home-blog #latest-article .post-title h3 {
						float:left;
						font-size:2.4em;
						overflow:hidden;
						padding-left:12px;
						position:relative;
						width:511px;
					}
					.img1 {
						background:url('images/article_image.png') top no-repeat;
						display:none;
						height:437px;
						left:337px;
						position:absolute;
						top:-427px;
						width:343px;
					}
					.home .img1 {display:block;}
			
		 	div#home-blog #latest-article .post-title {
				padding:4px 0 0 0;
			}
			#latest-articles {
				clear:both;
				display:none;
			}
			div#home-blog #latest-articles .post-title {
				border-bottom:1px solid #B2A6A5;
				padding:12px 0 12px 0;
			}
			#latest-articles, div#home-blog #latest-article .post-title {position:relative;}
			#latest-articles img {
				left:541px;
				position:absolute;
			}
			#home-blog .more-link {
				border-bottom:0;
				clear:both;
				font-size:0.9em;
				margin-bottom: 20px;
				margin-top: 10px;
			}
				#latest-articles .post-title p.date, div#home-blog #latest-article .post-title p.date {
					color:#445759;
					float:left;
					font:normal 1.2em Georgia, serif;
					font-weight:bold;
					letter-spacing:0.25em;
					text-align:center;
					text-transform:uppercase;
					width:65px;
				}
						#latest-articles .post-title p.date small {
							display:block;
							font:normal 0.834em "Trebuchet MS", Helvetica, sans-serif;
							letter-spacing:0.5em;
							padding-top:5px;
						}
				#latest-articles .post-title div.cnt {
					background:url('images/bg_post.png') left repeat-y;
					float:left;
					padding-left:12px;
					width:511px;
				}
				
	
	div#socials {
		left:320px;
		position:absolute;
		top:10px;
	}
		div#socials a {
			background-image:url(images/socials.png);
			background-repeat:none;
			display:block;
			height:16px;
			margin-bottom:10px;
			width:18px;
		}
			div#socials a#soc_Twit {background-position:0px 0px;}
			div#socials a#soc_Twit:hover {background-position:20px 0px;}
			
			div#socials a#soc_Del {background-position:0px -25px;}
			div#socials a#soc_Del:hover {background-position:20px -25px;}
			
			div#socials a#soc_Flick {background-position:0px -51px;}
			div#socials a#soc_Flick:hover {background-position:20px -51px;}
			
			div#socials a#soc_Last {background-position:0px -77px;}
			div#socials a#soc_Last:hover {background-position:20px -77px;}
			
			div#socials a#soc_Drib {background-position:0px -103px;}
			div#socials a#soc_Drib:hover {background-position:20px -103px;}
			
			div#socials a#soc_In {background-position:0px -129px;}
			div#socials a#soc_In:hover {background-position:20px -129px;}
			
			div#socials a#soc_RSS {background-position:0px -155px;}
			div#socials a#soc_RSS:hover {background-position:20px -155px;}
		
		
	div#secondary-content {
		background:url(images/bg_secondary-content.png) top left no-repeat;
		float:right;
		padding:0 35px 0 0;
		position:relative;
		width:310px;
	}
		#post-wrap {
			height:1800px;
			overflow:hidden;
		}
		.secondary-item {
			background:url(images/bg_sec-item.jpg) bottom left repeat-x;
			margin:0 0 38px 29px;
			padding:0 0 6px 0;
			width:250px;
		}
			.secondary-item div {
				color:#FFFFCC;
				font:italic 1.0em Georgia,serif;
				line-height:150%;
			}
			.secondary-item p {
				color:#FFFFCC;
				padding:0 0 12px 0;
			}
				.secondary-item p a, .secondary-item div a {
					border-bottom:1px solid #FFFFCC;
					color:#FFFFCC;
				}
					.secondary-item p a:hover, .secondary-item div a:hover {
						border-bottom:1px solid #FFF;
						color:#FFF;
					}
				.secondary-item img {
					background:#FFF;
					border:1px solid #480000;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					width:240px;
					padding:3px;
				}
			.secondary-item .cnt {
				background:url(images/bg_sec-item.jpg) top left repeat-x;
				padding:6px 0 0 0;
				position:relative;
			}
				.secondary-item .cnt .link {line-height:200%;padding-bottom:8px;}
				.secondary-item .cnt .link a {
					background:url('images/post_link.png') no-repeat;
					display:block;
					left:260px;
					height:20px;
					position:absolute;
					width:23px;
				}
				
		#secondary-content .sect {
			background:url('images/bg_sect.png') bottom repeat-x;
			margin:0 0 0 33px;
			padding:15px 0 15px 10px;
			width:242px;
		}
			#secondary-content .sect img {float:left;}
			#secondary-content .sect .cnt {
				float:right;
				padding:0 12px 0 0;
				width:188px;
			}
				#secondary-content .sect .cnt p {
					color:#FFFFCC;
					font:normal 1.1em Georgia,serif;
				}
				#questions {height:1400px;}
				#questions .sect p {
					color:#FFF;
					font:normal 1.2em Georgia, serif;
					line-height:175%;
					padding:7px 0 0 0;
				}
				
		#about_wez {
			display:block;
			margin-left:4px;
		}		
	
	.about-main {
		float:left;
		width:344px;
		margin-right: 40px;
	}
		.about-main p {
			color:#445759;
			font:normal 1.3em Georgia, serif;
			line-height:150%;
			padding:0 0 20px 0;
		}
			.about-main .large {font-size:1.5em;}
		.about-main .sect {padding-bottom:30px;}
	#about-personals .about-main, #about-personals .about-secondary {padding:17px 0 67px;}
	#about-personals .about-secondary {
		float:right;
		padding-right:15px;
		width:187px;
	}
		#about-personals .about-secondary .sect {
			background:url('images/red_mark.png') bottom left no-repeat;
			margin:0 0 26px 0;
			padding:0 0 30px 0;
		}
			#about-personals .about-secondary .sect p {
				color:#517E87;
				font:italic 1.4em Times, "Times New Roman", serif;
				line-height:125%;

			}
			#about-personals .about-secondary .sect small {
				color:#666;
				display:block;
				font:italic 0.714em "Trebuchet MS", Helvetica, sans-serif;
				padding:8px 0 0 0;
			}
				#about-personals .about-secondary .sect small strong {font-style:normal;text-transform:uppercase;}
		
		
	#about-recognition .about-main {float:left;}
	#about-recognition .about-secondary {float:right;padding-right:0px;}		
	#about-recognition .about-secondary .sect {
		clear:right;
		padding:0 0 31px 0;
	}			
	
	#about-recognition .about-main img {
		border:5px solid #f0f0f0;
		float:left;
	}
	
	#about-recognition p {
		line-height: 150%!important;
	}
	
	#about-recognition .about-main .cnt {
		float:right;
		width:257px;
	}
	#about-recognition .about-main p {
		color:#445759;
		font:italic 1.1em Georgia,serif;
	}
	#about-recognition .about-secondary p {
		color:#1D2622;
		font:italic 1.1em Georgia,serif;
		padding-bottom:10px;
	}
			#about-recognition .about-main p a, #about-recognition .about-secondary p a {
				background:#BAB99E;
				color:#FFF;
				font:bold 0.9em Verdana, "Trebuchet MS", sans-serif;
				margin-top:10px;
				padding:3px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				text-transform:uppercase;
				text-decoration:none;
				border-bottom:none;
			}
			
			#about-recognition .about-main p a:hover, #about-recognition .about-secondary p a:hover {
			background:#bba168;
				color:#FFF;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				padding:3px;
				-webkit-box-shadow: 0px 0px 5px #666;
				-moz-box-shadow:0px 0px 5px #666;
			}


	div#brands {
		height:750px;
		padding:0 0 0 40px;
	}
		div#brands img {
			float:left;
			margin:10px 20px 10px 0;
		}

	.case-study {
		border-bottom:1px solid #94A5A1;
		clear:both;
		margin-bottom:30px;
		padding:0 0	73px 0;
		position:relative;
		width:590px;
	}
		.screenshot {
			left:355px;
			position:absolute;
			top:0;
		}
	
	.case-study .cnt, .case-study .brands, .case-study h2, .case-study .related-links {width:315px;}
	
	.case-study .brands {
		border-top:1px solid #A4A293;
		border-bottom:1px solid #A4A293;
		margin:14px 0 25px 0;
		padding:8px 0 8px 0;
	}
		.case-study .brands img {margin-right:12px;}
		.case-study .cnt p {
			color:#445759;
			font:normal 1.3em Georgia, serif;
			line-height:150%;
			padding:0 0 15px 0;
		}
		.case-study .related-links {
			background:url('images/bg_related-links.png') top no-repeat;
			padding:10px 0 0 0;
		}
		
		.green-bubble {
			clear:left;
			font:bold 0.9em Verdana, "Trebuchet MS", sans-serif;
			margin-bottom:12px;
			text-transform:uppercase;
		}
		

			.green-bubble a {
				background:#BAB99E;
				color:#FFF;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				padding:3px 5px 3px 5px;
  				-webkit-transition: all 0.5s linear;
			}
			
			.green-bubble a:hover {
				background:#8b8976;
				color:#FFF;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				padding:3px 5px 3px 5px;
				-webkit-box-shadow: 0px 0px 5px #666;
				-moz-box-shadow:0px 0px 5px #666;	
			}
			
		.yellow-bubble {
			clear:left;
			font:bold 0.9em Verdana, "Trebuchet MS", sans-serif;
			margin-bottom:12px;
			text-transform:uppercase;
		}
			.yellow-bubble a {
				background:#E8C986;
				color:#FFF;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				padding:3px 5px 3px 5px;
			}

	.case-study .cnt .green-bubble, .case-study .cnt .yellow-bubble {
		font:bold 0.9em Verdana, "Trebuchet MS", sans-serif;
	}
	
	
	#sponsors {
		padding:0 0 35px 34px;
		width:250px;
	}
		#sponsors .left, #sponsors .right {margin:8px 0 0 0;}
		.higher {height:1000px;}
		
		
		
	/*
		BLOG STUFF
		------------------------------------------------------------------------------------------
	*/
	
	div.article {
		background:url(images/article-border.png) bottom  left no-repeat;
		margin:0 0 102px 0;
		padding:0 0 13px 0;
		position:relative;
	}
		.article .heading {
			background:url(images/bg_article_heading.png) left repeat-y;
			margin:0 0 25px 0;
			position:relative;
		}
			.article .heading .tweet_this {
				left:613px;
				position:absolute;
				top:10px;
			}
		
		body.single .article .heading {margin-bottom:10px;}
		.article .content {position:relative;}
			.article .heading .date {
				color:#445759;
				float:left;
				font:normal 1.0em "Trebuchet MS", Helvetica, serif;
				letter-spacing:0.4em;
				padding:5px 0 0 5px;
				text-align:center;
				text-transform:uppercase;
				width:42px;
			}
			.post-date .date {
				color:#445759;
				font:normal 1.0em "Trebuchet MS", Helvetica, serif;
				letter-spacing:0.4em;
				padding:5px 0 0 0;
				text-transform:uppercase;
			}
				.article .heading .date strong, .post-date .date strong {
					font:bold 1.2em Georgia, serif;
					margin-bottom:5px;
					text-transform:none;
				}
				
				
				body.single div.article .heading {
					background-image:none;
				}
				.pre-meta {
					background:url('images/bg_post-meta.png') bottom left no-repeat;
					margin-bottom:20px;
					padding:0 0 10px 0;
				}
					.pre-meta .post-date {
						background:url('images/dotted.png') top repeat-x;
						float:left;
						padding:10px 0 0 0;
						width:81px;
					}
					.pre-meta .meta {
						background:url('images/dotted.png') top repeat-x;
						float:left;
						margin-left:37px;
						padding:12px 0 0 0;
						width:222px;
					}
				
				
				
			.article .heading h3 {
				float:right;
				width:510px;
			}
			.article .content {
				padding:0 0 15px 0;
				width:430px;
			}
			body.single .article .content {position:relative;}
				body.single .article .content .lead-image {position:absolute;}
			body.single .article .content blockquote {
				background:url('images/blockquote.png') top left repeat-y;
				float:right;
				margin:28px 0 28px 0;
				padding-left:12px;
				width:505px;
			}
				body.single .article .content div.right {
					float:right;
					width:348px;
				}
				body.single .article .content div.left {
					float:left;
					width:348px;
				}
				body.single .article .content img.left {float:left;}
				body.single .article .content img.right {float:right;}
			
				body.single .article .content .content-section {
					padding:48px 0 48px 0;
				}
				body.single .article .content .content-section h4, body.single .article .content .content-section h5 {padding-top:0;}
			
			
			
			body.single .article .content p, body.single .article .content h4,body.single .article .content h5 {clear:both;}
			body.single .article .content {
				width:590px;
			}
				body.single .article .content p.short {width:420px;}
				.article .content p {
					color:#1D2622;
					font:normal 1.3em Georgia, serif;
					line-height:150%;
					padding:0 0 26px 0;
				}
				
				.article .content p a {
					border-bottom:1px solid #BBA26B;
					color:#BBA26B;
				}
				
				
				body.single .article .content blockquote p {
					color:#909395;
					font-size:1.2em;
					font-style:italic;
					padding:12px 0 12px 5px;
				}
					.article .content .more-link {float:left;}
					.article .content p.comment-link {
						float:left;
						font:normal 1.2em Georgia, serif;
						padding-bottom:0;
						text-transform:uppercase;
					}
						.article .content p.comment-link a {
							border-bottom:0;
							color:#BBA26B;
						}
			.article .post-meta {
				border-top:1px solid #E9ECEB;
				padding:10px 0 0 0;
				position:relative;
			}
				.article .wp-post-image {
					position:absolute;
					left:447px;
					top:0;
				}
				.article .post-meta ul {padding:0 0 10px 0;}
				body.single .article .meta ul {padding:0 0 5px 0;}
				.article .post-meta li, .meta li {
					color:#1D2622;
					display:inline;
					font:normal 1.1em Georgia, serif;
					padding:0 7px 0 0;
				}
					.article .post-meta li a {
						background:#E8C986;
						clear:left;
						color:#FFF;
						font:bold 0.9em Verdana, "Trebuchet MS", sans-serif;
						padding:3px 5px 3px 5px;
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
						text-transform:uppercase;
					}
					.meta li {padding-right:3px;}
					.meta li a {
						color:#BBA26B;
						padding:0;
					}
			
	.comment {
		border-bottom:1px solid #C9D2D0;
		margin:0 0 29px 0;
		padding:0 0 34px 0;
	}
		.comment .cnt p {
			color:#4B524F;
			font:normal 1em Georgia, serif;
			line-height:150%;
			padding-bottom:24px;
		}
	.comment img.avatar {
		border:7px solid #F0F0F0;
		float:left;
	}
	li.comment-author-admin img.avatar {float:right;}
	.comment .authorTitle {
		padding:0 0 12px 0;
	}
		.comment .authorTitle a {
			display:block;
			float:left;
		}
		.comment .authorTitle .twitlink {
			background:url('images/twitbird.png') no-repeat;
			margin-left:4px;
			height:16px;
			width:15px;
		}
		.comment .authorTitle h5 {
			color:#620000;
			font:bold 1em Georgia,serif;
			text-transform:uppercase;
		}
			.comment .authorTitle h5 a {color:#620000;}
			.comment .authorTitle h5 span {
				clear:both;
				color:#1D2622;
				display:block;
				font-size:0.916em;
				font-style:italic;
				font-weight:normal;
				padding-top:3px;
				text-transform:none;
			}
			
			
		li.comment-author-admin .authorTitle h5 {
			color:#445759;
			font:bold 1.167em Georgia,serif;
		}
			li.comment-author-admin .authorTitle h5  a {color:#445759;}
			li.comment-author-admin .authorTitle span {font-size:0.79em;}
		
	.comment .cnt {
		float:right;
		padding-right:15px;
		width:500px;
	}
	li.comment-author-admin .cnt {
		float:left;
		padding-left:15px;
	}
	#respond {
		padding:60px 0 115px 0;
	}
		#respond h3 {
			background:url('images/bg_respond.jpg') right no-repeat;
			line-height:100%;
			width:600px ;
		}
		#respond .logged-in {
			font:normal 1.1em Georgia , serif;
		}
			#respond .logged-in a {color:#333;}
		#respond .input {padding-bottom:7px;}
			#respond .input input {
				color:#444444;
				font:normal 1.0em Georgia, serif;
				padding:3px 5px 3px 5px;
				width:184px;
			}
		#respond label {
			color:#1D2622;
			display:block;
			float:right;
			font:italic 0.916em Georgia, serif;
			padding-top:2px;
			width:90px;
		}
			#respond .right label {
				padding-top:5px;
				width:70px;
			}
			#respond label small {
				display:block;
				font-size:0.8185em;
			}
			#respond textarea {
				color:#444444;
				font:normal 1.0em Georgia, serif;				
				margin-top:24px;
				padding: 20px;
				width:560px;
			}
		#respond .left {
			clear:left;
			width:299px;
		}
			#respond .left {}
		#respond .right {
			width:280px;
		}
		#respond #submit {
			background:#E8C986;
			border:1px solid #E8C986;
			border-radius:5px;
			color:#FFF;
			cursor:pointer;
			float:right;
			font:bold 1.1679em Verdana, "Trebuchet MS", Helvetica, sans-serif;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			margin:26px 20px 0 0;
			padding:2px 3px 2px 3px;
			text-transform:uppercase;
		}
		
		
		.content .share-post {
			border-top:1px solid #eaedec;
			margin:65px 0 0 0;
			padding-top:21px;
			position:relative;
		}
		.content .share-post li {
			color:#1D2622;
			display:inline;
			font:normal 1.1em Georgia, serif;
			margin-right:20px;
		}
			.content .share-post .tweet_this {
				left:614px;
				position:absolute;
				top:-22px;
			}
		.sect .share-post {display:none;}
	
	/*
		------------------------------------------------------------------------------------------
	*/

	#secondary-content .area .secondaryTitle {
		margin:0 0 25px 0;
	}
	
	#almanic-search h2 {font-family: Georgia!important;text-transform:capitalize!important;font-style:italic!important;text-align:left!important;padding:12px 0!important;line-height:42px;}
	
	#almanic-search form {display:block;width:240px;padding:0 0 19px 0;}
	
	#almanic-search form input {float:left;}
	
	#almanic-search form input.txt {margin-left:15px;padding:0px 0 14px;border:none;background:transparent;font-family: Georgia!important;font-size:0.8em!important;color:#fff;text-transform:capitalize!important;font-style:italic!important;width:180px;}
	
	#almanic-search form input.btn {padding:2px 0 0 0;}
	
	.area {
		padding:0 0 35px 38px;
		width:239px;
	}
		.area .highlight {
			background:url('images/bg_area.png') bottom left repeat-x;
			clear:both;
			margin:0 0 15px 0;
			padding:0 0 12px 0;
		}
			.area .highlight p {
				color:#FFFFCC;
				font:normal 1.1em Georgia, serif;
			}
			.area .highlight p a {
				border-bottom:1px solid #FFFFCC;
				color:#FFFFCC;
			}
			.area .highlight p a:hover {
				border-bottom:0;
				color:#FFF;
			}
			.area .highlight p.date {color:#FFFF99;}
			.area .highlight .more-link {
				border-bottom:0;
				color:#620000;
				font:bold 0.818em Verdana, "Trebuchet MS", sans-serif;
				margin:12px 0 0 0;
			}
			
			
		#almanic-categories li {
			color:#FFFFCC;
			font:italic 1.8em 'LeagueGothicRegular', "Trebuchet MS", sans-serif;
			padding-bottom:5px;
			text-align:center;
			text-transform:uppercase;
		}
			#almanic-categories li a {color:#FFFFCC;}
	

div#contact-intro {padding:20px 0 30px 0;}
	div#contact-intro p {
		color:#445759;
		font:normal 1.3em Georgia,serif;
		padding:0 0 18px 0;
	}
	
div#form-introduction, div#form-details {
	float:left;
	width:355px;
}
div#availability {
	float:right;
	padding:58px 40px 0 0;
	width:171px;
}
	div#availability p {
		color:#517E87;
		font:italic 1.4em Times, "Times New Roman", serif;
		padding:0px 0 18px 0;
	}
div#form-about {
	clear:both;
}
div#form-submit {
	background:url(images/marks.jpg) top no-repeat;
	float:right;
	height:65px;
	margin-right:40px;
	padding:14px 0 4px 0;
	position:relative;
	text-align:center;
	width:193px;
}
div.wpcf7-response-output {
	position:absolute!important;
	font-size:1.4em!important;
	top:930px!important;
	width:150px!important;
}
	div#form-submit input {
		background:url(images/bg_input2.png) bottom repeat-x;
		border:1px solid #8A8A8A;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#666;
		cursor:pointer;
		display:block;
		font:normal 1.846em 'LeagueGothicRegular',"Trebuchet MS",sans-serif;
		line-height:150%;
		margin:0 auto;
		text-transform:uppercase;
		text-shadow:0px 1px #FFF;
		width:112px;
	}
	div#form-submit p {
		color:#445759;
		font:normal 1.3em Georgia,serif;
		padding:0 0 8px 0;
		text-align:center;
	}
.wpcf7-form #txtDescription {
	color:#666;
	font:italic 1.1em Georgia,serif;
	width:468px;
}
.wpcf7-form .input {
	border:1px solid #CCC;
	float:right;
	padding:8px;
	width:240px;
}
.wpcf7-form label {
	color:#445759;
	display:block;
	float:left;
	font:normal 1.09em Georgia,serif;
	padding-top:7px;
	margin-bottom:30px;
	width:88px;
}
.wpcf7-form p {
	clear:both;
	display:block;
}
.wpcf7-form textarea {
	float:left!important;
	margin:0 0 26px 8px;
}
	
	
	div#sub-footer-wrap {background:#B2A6A5 url(images/bg_subfooter.jpg) top right no-repeat;padding-top:6px;}
	
	div#sub-footer-bg {
		background:#517E87 url(images/bg_subfooter-bg.jpg) bottom left repeat-x;
	}
	div#sub-footer-wrap .content-container {
		padding:0 27px 18px 0;
		position:relative;
	}
		div#sub-footer-primary {
			float:left;
			padding:25px 0 20px 0;
			width:590px;
		}
		
			div#sf-music {
				float:left;
				width:350px;
			}
				div#sf-music #music {
					padding:0 0 20px 0;
				}
					div#sf-music #music a img {
						height:67px;
						width:67px;
					}
					div#sf-music #music a.track {
						background:url('images/bg_track.png') top left no-repeat;
						clear:right;
						display:block;
						float:left;
						height:76px;
						margin-right:16px;
						padding:3px 0 0 4px;
						width:96px;
					}
					
					
			div#sf-linkage {
				float:right;
				width:190px;
			}
				div#sf-linkage li {
					border-bottom:1px solid #445759;
					margin:0 0 10px 0;
					padding:0 0 10px 0;
				}
				div#sf-linkage li p {
					color:#D9D2CF;
					font-size:0.916em;
					font-style:italic;
					padding-top:4px;
				}
				
			div#flickr .flickr_badge_image a img {
				border:1px solid #81989E;
				display:block;
				float:left;
				height:75px;
				margin-right:6px;
				width:75px;
				padding:2px;
			}
			
			
			
		#almanic-tags p {
			color:#FFFFCC;
			float:left;
			text-transform:uppercase;
			margin-right:5px;
		}
			#almanic-tags p a {color:#FFFFCC;}
		
		
		div#sub-footer-secondary {
			/*background:url(images/bg_sub-footer-sec.png) top right no-repeat;*/
			float:right;
			padding-top:208px;
			position:relative;
			width:318px;
		}
			div#sub-footer-secondary #ph {
				position:absolute;
				top:-6px;
			}
			div#sub-footer-secondary .cnt p {
				color:#FFF;
				font:italic 1.4em Georgia, serif;
			}
				div#sub-footer-secondary .cnt p a {
					/*border-bottom:1px solid #FFFFCC;*/
					color:#FFFFCC;
				}
				div#sub-footer-secondary .cnt p a:hover {
					/*border-bottom:1px solid #FFF;*/
					color:#FFF;
				}
				div#sub-footer-secondary .cnt p small {
					display:block;
					color:#D9D2CF;
					font-size:0.786em;
					font-family:Helvetica, "Trebuchet MS", sans-serif;
					padding-top:6px;
				}
				
		div#foot-socials {
			border-top:1px solid #445759;
			margin:8px 0 0 0;
		}	
		
			
			div#foot-socials ul li {
				border-right:1px solid #445759;
				float:left;
				font-size:1.6em;
				letter-spacing:0.02em;
				line-height:150%;
				margin:0 11px 0 0;
				padding:12px 10px 2px 0;
				text-transform:uppercase;
			}
				div#foot-socials ul li a {padding-left:22px;}
				div#foot-socials ul li#foot_dribble a {background:url('images/ico_dribble_over.png') left no-repeat;}
				div#foot-socials ul li#foot_dribble a:hover {background:url('images/ico_dribble.png') left no-repeat;}
				div#foot-socials ul li#foot_linked a {background:url('images/ico_linked_over.png') left no-repeat;}
				div#foot-socials ul li#foot_linked a:hover {background:url('images/ico_linked.png') left no-repeat;}
				div#foot-socials ul li#foot_rss a {background:url('images/ico_foot_rss_over.png') left no-repeat;}
				div#foot-socials ul li#foot_rss a:hover {background:url('images/ico_foot_rss.png') left no-repeat;}
				div#foot-socials ul li#foot_rss {border-right:0;}
				div#foot-socials ul li a {
					color:#A6B7BA;
				}
				div#foot-socials ul li a:hover {
					color:#FFF;
				}
		
	div#page-footer-wrap {
		background:#8A2619 url(images/bg_footer-bg.jpg) bottom right no-repeat;
		padding-bottom:5px;
	}
	div#footer-bg {background:#1D2622 url(images/bg_footer.jpg) top left repeat-x;}
	div#page-footer-wrap .content-container {padding:22px 33px 22px 0;}
		div#footer-primary {
			float:left;
			width:680px;
		}
			div#credits {
				float:left;
				width:350px;
			}
				div#credits li {
					border-bottom:1px solid #363E3A;
					color:#517E87;
					font-family:'CantarellRegular',"Trebuchet MS",sans-serif;
					font-size:0.9em;
					font-style:italic;
					letter-spacing:0.05em;
					padding:6px 0 4px 0;
					text-transform:uppercase;
				}
					div#credits li#the_god {border-bottom:0;}
					div#credits li a {
						color:#E8C986;
					}
					div#credits li a:hover {
						color:#FFF;
					}
			
			div#site-links {
				float:right;
				width:275px;
			}
				div#site-links li {
					font-size:0.9em;
					font-family:'CantarellRegular',"Trebuchet MS",sans-serif;
					padding-bottom:2px;
					text-transform:uppercase;
				}
					div#site-links a {
						color:#E8C986;
						font-style:italic;
					}
					div#site-links a:hover {
						color:#FFF;
						font-style:italic;
					}
		
		div#footer-secondary {
			float:right;
			width:305px;
		}
			div#footer-secondary img {float:right;}
			div#footer-secondary p {
				clear:both;
				color:#050605;
				font-size:1.4em;
				padding-top:15px;
				letter-spacing:0.05em;
				text-align:right;
				text-transform:uppercase;
			}