/*
Theme Name: Hansen Belyea
Theme URI: http://hansenbelyea.com/
Description: Built by Nick for HB
Version: 2.0
Author: Nick Johnson
Author URI: http://hansenbelyea.com/
Tags: minimalist, template, html5
*/


/* == RESETS == */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	position: relative;
	}

/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body {
	background-color: #e6ff69;
	}
#top-section {
	width: 100%;
	background-color: #fff;
	padding-bottom: 20px;
	min-height: 525px;
	}
.wrap {
	margin: 0 auto;
	width: 960px;
	}
section.one-column-narrow {
	overflow: hidden;
	width: 620px;
	float: left;
	clear: none;
	}
br.clear {
	clear: both;
	}

/* == HOMEPAGE == */

section.home_content { 
    width: 960px;
    background: transparent url(images/homepage_bg.jpg) no-repeat;
    height: 335px;
    float: left;
	clear: none;
    }
section.home_bottom { 
    width: 820px;
    margin: 0 0 0 70px;
    }
section.twitter {
    width: 200px;
    position: absolute;
    top: 70px;
    right: 0;
    margin: 20px 20px 0 0;
    }
a.twitter_follow {
    display: block;
    width: 131px;
    height: 26px;
    background: transparent url(images/twitter_follow.png) no-repeat;
    text-indent: -9999px;
    position: absolute;
    right: -10px;
    top: 260px;
    }
a:hover.twitter_follow, a:active.twitter_follow {
    background-color: transparent;
    background-position: 0 -26px;
    }

/* == ONE COLUMN NARROW == */
section.narrow { 
    width: 820px;
    margin: 0 0 0 70px;
    }

/* == THINGS WE LIKE == */

section.things-we-like { 
    width: 620px;
    float: left;
    }

.page-template-page-twl-php article[id*=post-] {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    }
    	
/* == ON DISPLAY == */
.page-template-page-on-display-php header.main+section { 
    width: 100%;
    }
.page-template-page-on-display-php section h1 {
    position: absolute;
    font-size: 30px;
    top: 150px;
    left: 50px;
    z-index: 99;
    color: #ffffff;
    }
	.page-template-page-on-display-php section h1 span { 
		background: transparent url(images/background_black.png) repeat; 
		}

/* == CONTACT == */
section.contact_wrap { 
    background: transparent url(images/contact_bg.jpg) no-repeat;
    width: 100%;
    height: 525px;
    float: left;
	clear: none;
    }
section.contact {
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 20px 0 0;
    color: #fff;
    }
.page-template-page-contact-php h2 {
    color: #fff;
    margin-top: 30px;
    }
.page-template-page-contact-php section footer {
    margin-top: 340px;
    }
.page-template-page-contact-php section a:link, .page-template-page-contact-php section a:visited {
    color: #fff;
    }
.page-template-page-contact-php section a:hover, .page-template-page-contact-php section a:active {
    color: #fff;
    background-color: #4d87c3;
    }
/* == TYPOGRAPHY == */

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 12px;
	}
p, ul, ol, pre {
	line-height: 1.5;
	padding-bottom: 1em;
	}
p.meta {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999999;
	}
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: .25em;
	font-weight: normal;
	line-height: 1;
	}
	h1 {
		font-size: 28px;
		padding:10px 0 0 0;
		line-height: 1.25;
		}
		h1 span {
			background-color: #e6ff69;
			}
	h2 {
		font-size: 22px;
		color: #4d87c3;
		padding-bottom: 0;
		line-height: 1.25;
		}
		.page-template-page-homepage-php section.home_bottom h2 {
			font-size: 26px;
			line-height: 50px;
			padding-bottom: 10px;
			}
		section.twitter h2 {
			padding-bottom: 5px;
			color: #fff;
			}
	h3 {
		font-size: 20px;
		color: #4d87c3;
		}
	h4 {
		font-size: 16px;
		}
	h5 {
		font-size: 12px;
		line-height: 1.25;
		}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
blockquote {
	font-size: 20px;
	margin: 20px 80px 10px 0;
	}
ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	}
ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	}

/* == SPECIALTY LISTS == */

.page-template-page-homepage-php section.home_bottom ul {
	height: 280px;
	min-height: 280px;
	}

.page-template-page-homepage-php section.home_bottom ul li {
	list-style: none;
	width: 180px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 11px;
	}
	.page-template-page-homepage-php section.home_bottom ul li a:link img, .page-template-page-homepage-php section.home_bottom ul li a:visited img {
		padding: 5px;
		border: 1px solid #e5e5e5;
		width: 168px;
		height: 109px;
		margin-bottom: 10px;
		}
	.page-template-page-homepage-php section.home_bottom ul li a:hover img, .page-template-page-homepage-php section.home_bottom ul li a:active img {
		border: 1px solid #9cc2ff;
		}
	.page-template-page-homepage-php section.home_bottom ul li a:hover, .page-template-page-homepage-php section.home_bottom ul li a:active {
		background-color: #fff;
		}
.page-id-32 header.main+section ul li {
	list-style: none;
	width: 180px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 11px;
	}
.page-id-34 header.main+section ul li {
	list-style: none;
	width: 210px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 11px;
	}
.page-id-34 header.main+section ul li.plus {
	width: 40px;
	text-indent: -9999px;
	background: transparent url(images/plus.jpg) no-repeat;
	top: 60px;
	}
.page-id-39 header.main+section ul li {
	list-style: none;
	width: 250px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 11px;
	}
section.twitter ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
section.twitter ul li {
	margin: 0;
	padding: 10px 0 10px 0;
	list-style: none;
	border-top: 1px dotted #fff;
	color: #4273a8;
	}
section.twitter ul li a:link, section.twitter ul li a:visited {
	color: #4273a8;
	}
section.twitter ul li a:hover, section.twitter ul li a:active {
	color: #4273a8;
	background-color: #fff;
	}
section.twitter ul li a.aktt_tweet_time {
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	}
section.twitter ul li a:hover.aktt_tweet_time {
	color: #4273a8;
	}
section.twitter ul li.aktt_more_updates {
	display: none;
	}

/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #4d87c3;
	}
a:hover, a:active {
	text-decoration: none;
	color: #333;
	background-color: #e6ff69;
	}

/* == HEADER == */

header.main {
	background: #fff url(images/hb_logotype.jpg) no-repeat;
	padding: 0px;
	color: #ccc;
	height: 70px;
	}
h1.logo {
	margin: 0;
	padding: 0;
	float: left;
	}
h1.logo a:link, h1.logo a:visited {
    background: url(images/logo_hansenbelyea.jpg) no-repeat;
    display: block;
	height: 42px;
    width: 42px;
    overflow: hidden;
    text-indent: -9999px;
    text-decoration: none;
    color: #ddd;
    }
h1.logo a:hover, h1.logo a:active {
	text-decoration: none;
    color: #fff;
    }
h2.description {
	display: none;
	}

/* == POSTS == */

article[id*=post-] {
	padding: 0;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
.single article+nav {
	width: 960px;
	position: absolute;
	top: 400px;
	left: 20px;
	z-index: 99;
	}
	.older {
		float: left;
		}
	.newer {
		float: left;
		margin-left: 30px;
		}
	article+nav .older a:link, article+nav .older a:visited {
		background: transparent url(images/arrows.jpg) no-repeat;
		display: block; 
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		float: left;
		}
		article+nav .older a:hover, article+nav .older a:active {
			background-position: 0 -30px;
			}
	article+nav .newer a:link, article+nav .newer a:visited {
		background: red url(images/arrows.jpg) no-repeat;
		display: block; 
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		float: left;
		background-position: -30px 0;
		}
		article+nav .newer a:hover, article+nav .newer a:active {
			background-position: -30px -30px;
			}
.things-we-like article footer a:link, .things-we-like article footer a:visited, .things-we-like article footer a:hover, .things-we-like article footer a:active {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	float: left;
	margin: 0 10px 0 0;
	}
	.things-we-like article footer a.delicious {
		background: url(images/social/delicious.png);
		}
	.things-we-like article footer a.digg {
		background: url(images/social/digg.png);
		}
	.things-we-like article footer a.twitter {
		background: url(images/social/twitter.png);
		}
	.things-we-like article footer a.stumble {
		background: url(images/social/stumbleupon.png);
		}
	.things-we-like article footer a.facebook {
		background: url(images/social/facebook.png);
		}
	.things-we-like article footer a.furl {
		background: url(images/social/furl.png);
		}
	.things-we-like article footer a.reddit {
		background: url(images/social/reddit.png);
		}


#details {
	background: transparent url(images/details_bg.png) no-repeat;
	position: absolute;
	z-index: 89;
	left: 30px;
	width: 270px;
	font-size: 11px;
	height: 420px;
	}
#details_wrap {
	padding: 10px 30px 0 30px;
	}

/* == NAVIGATION == */

nav {
	margin-left: 43px;
	padding: 0;
	}
	nav ul.primary {
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
		}
		nav ul.primary li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: 40px;
			}
			nav ul.primary li a:link, nav ul.primary li a:visited {
				display: block;
				height: 42px;
				text-align: center;
				text-indent: -9999px;
				}
				nav li.page-item-8 a:link, nav li.page-item-8 a:visited {
					width: 80px;
					background: transparent url(images/navigation.jpg) no-repeat;
					background-position: 0 0;
					}
					nav li.page-item-8 a:hover, nav li.page-item-8 a:active {
						background-position: 0 -42px;
						}
					.parent-pageid-8 nav li.page-item-8 a:link, .parent-pageid-8 nav li.page-item-8 a:visited, .featured nav li.page-item-8 a:link, .featured nav li.page-item-8 a:visited, .brand-programs nav li.page-item-8 a:link, .brand-programs nav li.page-item-8 a:visited, .identities nav li.page-item-8 a:link, .identities nav li.page-item-8 a:visited, .web-multimedia nav li.page-item-8 a:link, .web-multimedia nav li.page-item-8 a:visited {
						background-position: 0 -84px;
						}
				nav li.page-item-10 a:link, nav li.page-item-10 a:visited {
					width: 115px;
					background: transparent url(images/navigation.jpg) no-repeat;
					background-position: -80px 0;
					}
					nav li.page-item-10 a:hover, nav li.page-item-10 a:active {
						background-position: -80px -42px;
						}
					.parent-pageid-10 nav li.page-item-10 a:link, .parent-pageid-10 nav li.page-item-10 a:visited {
						background-position: -80px -84px;
						}
				nav li.page-item-12 a:link, nav li.page-item-12 a:visited {
					width: 100px;
					background: transparent url(images/navigation.jpg) no-repeat;
					background-position: -192px 0;
					}
					nav li.page-item-12 a:hover, nav li.page-item-12 a:active {
						background-position: -192px -42px;
						}
					.parent-pageid-12 nav li.page-item-12 a:link, .parent-pageid-12 nav li.page-item-12 a:visited, .things-we-like nav li.page-item-12 a:link, .things-we-like nav li.page-item-12 a:visited {
						background-position: -192px -84px;
						}
				nav li.page-item-16 a:link, nav li.page-item-16 a:visited {
					width: 112px;
					background: transparent url(images/navigation.jpg) no-repeat;
					background-position: -295px 0;
					}
					nav li.page-item-16 a:hover, nav li.page-item-16 a:active {
						background-position: -295px -42px;
						}
					.page-id-16 nav li.page-item-16 a:link, .page-id-16 nav li.page-item-16 a:visited {
						background-position: -295px -84px;
						}
	nav ul.secondary {
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
		clear: left;
		letter-spacing: .5px;
		}
	.page-id-10 nav ul.secondary, .parent-pageid-10 nav ul.secondary {
		margin-left: 80px;
		}
	.page-id-12 nav ul.secondary, .parent-pageid-12 nav ul.secondary, .things-we-like ul.secondary {
		margin-left: 195px;
		}
		nav ul.secondary li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			nav ul.secondary li a:link, nav ul.secondary li a:visited {
				font-size: 10px;
				text-transform: uppercase;
				color: #999999;
				text-align: center;
				display: block;
				padding: 2px 15px;
				}
			nav ul.secondary li a:hover, nav ul.secondary li a:active, nav ul.secondary li.current_page_item a:link, nav ul.secondary li.current_page_item a:visited  {
				color: #333333;
				background-color: #ffffff;
				}

/* == GALLERY == */

ul.gallery {
	margin: 0;
	padding: 0;
	height: 466px;
	}
	ul.gallery li {
		list-style: none;
		margin: 0 5px 5px 0;
		padding: 0;
		width: 235px;
		height: 152px;
		float: left;
		overflow: hidden;
		}
		ul.gallery li {
			-moz-border-radius-topleft: 15px;  
			-webkit-border-top-left-radius: 15px;
			}
			ul.gallery li + li {
				-moz-border-radius-topleft: 0;  
				-webkit-border-top-left-radius: 0;
				}
			ul.gallery li + li + li + li {
				-moz-border-radius-topright: 15px;  
				-webkit-border-top-right-radius: 15px;
				}
			ul.gallery li + li + li + li + li {
				-moz-border-radius-topright: 0;  
				-webkit-border-top-right-radius: 0;
				}
			ul.gallery li + li + li + li + li + li + li + li + li {
				-moz-border-radius-bottomleft: 15px;  
				-webkit-border-bottom-left-radius: 15px;
				}
			ul.gallery li + li + li + li + li + li + li + li + li + li {
				-moz-border-radius-bottomleft: 0;  
				-webkit-border-bottom-left-radius: 0;
				}
			ul.gallery li + li + li + li + li + li + li + li + li + li + li + li {
				-moz-border-radius-bottomright: 15px;  
				-webkit-border-bottom-right-radius: 15px;
				}
		ul.gallery li a {
			display: block;
			height: 152px;
			}
		ul.gallery li a:hover, ul.gallery li a:active {
			background-color: transparent;
			}
		ul.gallery li a h5 {
			padding: 10px 10px 30px 10px;
			background-color: #e6ff69;
			color: #333;
			position: relative;
			top: 152px;
			}
			ul.gallery li a:hover h5 {
				top: 100px;
				} 
			ul.gallery li a h5 b {
				display: block;
				font-size: 16px;
				}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	margin-top: 30px;
	overflow: hidden;
	width: 280px;
	float: right;
	clear: none;
	}
	aside li {
		list-style: none;
		margin: 5px 0 0 0;
		}
		aside li ul li {
			list-style: disc outside;
			}
	
	aside a:link, aside a:visited {
		color: #333333;
		background-color: #e6ff69;
		padding: 5px;
		}
	aside a:hover, aside a:active {
		color: #333333;
		background-color: #fff;
		}
	aside a:link img, aside a:visited img {
		padding: 5px;
		border: 1px solid #e5e5e5;
		}
	aside a:hover img, aside a:active img {
		border: 1px solid #9cc2ff;
		}
	.page-template-page-twl-php aside a:link, .page-template-page-twl-php aside a:visited {
		background-color: #fff;
	}

/* == FOOTER == */

body>footer {
	padding-top: 20px;
	overflow: hidden;
	width: 830px;
	margin: 0 auto;
	clear: both;
	background: #e6ff69 url(images/footer_bg.jpg) no-repeat top center;
	}
footer.main {
	padding-top: 20px;
	overflow: hidden;
	width: 830px;
	margin: 0 auto;
	clear: both;
	background: #e6ff69 url(images/footer_bg.jpg) no-repeat top center;
	}
footer ul {
	padding-left: 5px;
	}
footer ul ul {
	padding-left: 0;
	}
footer ul li a:link, footer ul li a:visited {
	color: #333;
	padding: 3px 5px;
	position: relative;
	left: -5px;
	}
footer ul li a:hover, footer ul li a:active {
	background-color: #fff;
	}
footer ul li {
	list-style: none;
	margin: 0;
	padding: 3px 0;
	width: 120px;
	float: left;
	}
footer ul li li {
	float: none;
	font-size: 10px;
	}
footer.social_media {
	border-top: 1px dotted #999999;
	padding: 10px 0 0 0;
	}
#copyright {
	font-size: 10px;
	text-align: right;
	position: absolute;
	right: 0;
	}
#copyright a:link, #copyright a:visited {
	color: #333;
	padding: 3px 0px;
	}
#copyright a:hover, #copyright a:active {
	background-color: #fff;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */



/* == ALL YOUR CODE ARE BELONG TO POETRY == */