@charset "utf-8";
/*-------------------------fonts----------------------------*/
@font-face {
 	font-family: 'ChunkFiveRegular';
 	src: url('/fonts/Chunkfive-webfont.eot');
 	src: url('/fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/Chunkfive-webfont.woff') format('woff'), 
		 url('/fonts/Chunkfive-webfont.ttf') format('truetype'),  
		 url('/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
 	font-weight: normal;
 	font-style: normal;
}

@font-face {
 	font-family: 'RobotoCondensed';
 	src: url('/fonts/Roboto-Condensed-webfont.eot');
 	src: url('/fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),  
		 url('/fonts/Roboto-Condensed-webfont.woff') format('woff'),  
		 url('/fonts/Roboto-Condensed-webfont.ttf') format('truetype'),  
		 url('/fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 	font-family: 'RobotoLight';
 	src: url('/fonts/Roboto-Light-webfont.eot');
 	src: url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),  
		 url('/fonts/Roboto-Light-webfont.woff') format('woff'),  
		 url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),  
		 url('/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('/fonts/Roboto-Regular-webfont.eot');
    src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'RobotoMedium';
  	src: url('/fonts/Roboto-Medium-webfont.eot');
 	src: url('/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),  
		 url('/fonts/Roboto-Medium-webfont.woff') format('woff'),  
		 url('/fonts/Roboto-Medium-webfont.ttf') format('truetype'),  
		 url('/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
 font-weight: normal;
 font-style: normal;
}





/*-------------------------general----------------------------*/

body {
	font-family: 'RobotoRegular', Arial, sans-serif;
}

body#homePage{
	background: url(/images/main-pic-home-sm.jpg) no-repeat 60% top;
}

body#proPage {
	background: url(/images/main-pic-contact-sm.jpg) no-repeat 60% top;
}

body#aboutPage {
	background: url(/images/main-pic-about-sm.jpg) no-repeat 60% top;
}

body#contactPage {
	background: url(/images/main-pic-contact-sm.jpg) no-repeat 60% top;
}

body#errorPage {
	background: url(/images/404-bg-sm.jpg) no-repeat 60% top;
}

#container {
	width: 100%;
	min-width: 20em;
	position: relative;
}

.wrapper {
	width: 100%;
	max-width: 82.5em;
	margin: 0 auto;
}

h1 {
	font-size: .75em;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
}

h2, h3, h4, #toTop a {
	font-family: 'ChunkFiveRegular', Times, 'Times New Roman', serif;
}





/*-------------------------header & nav----------------------------*/
header {
	background-color: #fcfcfc;
	background-color: rgba(255,255,255,.91);
}

#portfolioMainPage header, #updatesPage header, #elsewherePage header, #blogMainPage header {
	background-color: #ebedef;
}

#logo {
	padding: 80px 0 16px 0;
	margin-left: 10px;
}

#logo a {
	width: 302px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	background: url(/images/logo.png) no-repeat right top;
	transition: none;
}

#logo a:hover {
	background-position: right bottom;
}

nav#mainNav {
	height: 40px;
}

#mainNav .wrapper {
	position: relative;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
 *zoom: 1;
}

#mainNav a {
	display: inline-block;
	color: #6a6868;
	padding: 16px 0 20px 0;
	font-family: 'ChunkFiveRegular', Times, 'Times New Roman', serif;
	font-size: 1em;
}

#mainNav #contactTab a {
	background-image: none;
}

#mainNav a:hover {
	color: #ef8904;
}

a#pull {
	display: none;
}





/*-------------------------billboard----------------------------*/
#billboard, .portfolioIndPage #billboard {
	height: 360px;
}

#homePage #billboard,
#proPage #billboard {
	height: 380px;
}



#billboardText {
	background-color: #fcfcfc;
	background-color: rgba(255,255,255,.91);
	padding: 1.4em 1.4em 0 1.4em;
	margin: .75em;
}

h2 {
	font-size: 1.4em;
	line-height: 1.2;
	padding-bottom: .5em;
}

#billboardText p, #billboardText li {
	font-family: 'RobotoCondensed', Arial, sans-serif;
	padding-bottom: 1.2em;
	font-size: 1em;
}

#billboardText li {
	padding-bottom: .4em;
}





/*-------------------------content----------------------------*/

#content {
	margin: .6em 1.4em 0 1.4em;
}

#homePage #content .wrapper,
#proPage #content .wrapper {
	border-top: 1px solid #6a6868;
}

#portfolioMainPage #content .wrapper, #updatesPage #content .wrapper, #elsewherePage #content .wrapper, #blogMainPage #content .wrapper {
	padding-top: 2em;
}

h3 {
	font-size: 1.5em;
	padding-bottom: .1em;
}

#homePage h3, 
#proPage h3 {
	margin: -18px auto 0 auto;
	background-color: #FFF;
	width: 360px;
	text-align: center;
	padding-bottom: 1.2em;
}

#proPage .homeTeaser h4 {
	font-size: 1.4em;
	text-align: center;
	padding-bottom: 4px;
}

.homeTeaser, .portTeaser, .updateTeaser, .elseTeaser {
	width: 100%;
	padding-bottom: 3em;
}

.homeTeaser img, .portTeaser img, .updateTeaser img, .elseTeaser img {
	width: 100%;
	webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.1), -2px -2px 8px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,.1), -2px -2px 8px rgba(0,0,0,.1);
	box-shadow: 2px 2px 8px rgba(0,0,0,.1), -2px -2px 8px rgba(0,0,0,.1);
}

.updateTeaser img {
	width: 80%;
	margin: 0 8%;
}

.homeTeaser dd, .portTeaser dd, .updateTeaser dd, .elseTeaser dd {
	padding-bottom: .5em;
}

.homeTeaser dd strong, .portTeaser dd strong, .updateTeaser dt, .elseTeaser dd strong {
	font-family: 'ChunkFiveRegular', Times, 'Times New Roman', serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #6a6868;
}

.elseTeaser dd strong {
	font-size: 1.1em;
	line-height: 1.1;
}

.homeTeaser dd.teaserDesc, .portTeaser dd.teaserDesc, .elseTeaser dd.teaserDesc {
	color: #6a6868;
}

.aboutEntries li, .fullAboutEntries li {
	padding-bottom: 10px;
}

.aboutEntries ul {
	padding-bottom: 30px;
}



/*-------------------------subpages ----------------------------*/

#content p {
	padding-bottom: 1.5em;
}

#atWork, #atPlay, #aboutSite, #contactForm, #contactSocial, #contactEvents {
	padding-bottom: 3em;
}




/*-------------------------portfolio ----------------------------*/


#horsemen {
	background: url(http://www.pumpkin-king.com/images/portfolio/4h-billboard.jpg) no-repeat center top;
}


#hopeful {
	background: url(http://www.pumpkin-king.com/images/portfolio/hopeful-billboard.jpg) no-repeat center top;
}


#envision {
	background: url(http://www.pumpkin-king.com/images/portfolio/envision2016-billboard.jpg) no-repeat center top;
}


#proradiance {
	background: url(http://www.pumpkin-king.com/images/portfolio/pro-billboard.jpg) no-repeat center top;
}


#chartercare {
	background: url(http://www.pumpkin-king.com/images/portfolio/charter-billboard.jpg) no-repeat center top;
}


#honeydew {
	background: url(http://www.pumpkin-king.com/images/portfolio/honey-dew-billboard.jpg) no-repeat center top;
}


#nina {
	background: url(http://www.pumpkin-king.com/images/portfolio/nina-billboard.jpg) no-repeat center top;
}


#klr-wealth {
	background: url(http://www.pumpkin-king.com/images/portfolio/klr-wealth-billboard.jpg) no-repeat center top;
}


#ribgh {
	background: url(http://www.pumpkin-king.com/images/portfolio/ribgh-billboard.jpg) no-repeat center top;
}


#tori {
	background: url(http://www.pumpkin-king.com/images/portfolio/tori-billboard.jpg) no-repeat center top;
}


#wine {
	background: url(http://www.pumpkin-king.com/images/portfolio/2flyri-billboard.jpg) no-repeat center top;
}


#forty-eight {
	background: url(http://www.pumpkin-king.com/images/portfolio/48-billboard.jpg) no-repeat center top;
}



#projectImage, #projectSummary {
	width: 96%;
	padding: 0 2% 3em 2%;
}

#projectImage img {
	width: 100%;
}




/*-------------------------contact ----------------------------*/

#contactPage #billboardText strong {
	display: inline-block;
}

#contactForm label {
	display: block;
}

#contactForm textarea, #contactForm input[type=text] {
	font-size: 1.75em;
	margin-bottom: 1em;
	font-family: 'RobotoCondensed', Arial, sans-serif;
	color: #7f7b7b;
	padding: 6px;
	width: 270px;
}

#contactForm textarea {
	font-size: 1em;
}


#contactForm input[type="submit"] {
	display: block;
	border-radius: 8px;
	font-family: 'RobotoLight', Arial, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	background-color: #750404;
	padding: 4px 6px;
}



/*-------------------------footer----------------------------*/

footer {
	background-color: #e0e0e0;
	padding: .6em 1.4em 2.5em 1.4em;
}

footer p {
	font-family: 'RobotoCondensed', Arial, sans-serif;
	font-size: 1em;
}

#whatAbout, #social {
	padding-bottom: 3em;
}

#social li {
	float: left;
}

#social li a {
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(/images/social-icons.png) no-repeat left top;
}

#social #tw a {
	background-position: 0px 0px;
}

#social #fb a {
	background-position: 20% 0;
}

#social #li a {
	background-position: 40% 0px;
}

#social #dribbb a {
	background-position: 60% 0px;
}

#social #env a {
	background-position: 80% 0px;
}

#social #smash a {
	background-position: 100% 0px;
}

#social a:hover {
	opacity: .7;
	transition-duration: .5s;
}

#social li:nth-child(3n+1) {
	clear: left;
}	

#toTop {
	text-align: center;
	font-size: 1.5em;
	background-color: #882705;
	padding: .6em 0;
}

#toTop:hover {
	background-color: #a02c04;
}

#toTop a {
	color: #FFF;
}





/*-----------------------------media queries------------------------------*/

@media screen and (max-width: 47.5em) { /* handles mobile nav for  below 768px */
h1 {
	display: none;
}

#mainNav {
	height: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

#mainNav ul {
	width: 100%;
	display: block;
	height: auto;
}

#mainNav li {
	position: relative;
	display: block;
	float: none;
	width: 100%;
	background-color: #e9e7e6;
	background-color: rgba(233,231,230,.95);
	transition-duration: .3s;
}

#mainNav li a {
	border-right: 1px solid #576979;
	border-bottom: 1px solid #576979;
	text-align: center;
	text-transform: uppercase;
	transition-duration: .3s;
}

#mainNav li:hover {
	background-color: #a02c04;
}

#mainNav li:hover a {
	color: #FFF;
}

#mainNav a {
	width: 100%;
	text-indent: 25px;
}

#mainNav ul {
	display: none;
	height: auto;
}

#mainNav a#pull {
	display: block;
	width: 100%;
	position: relative;
	background: #882705 url(/images/icon-menu.png) no-repeat right center;
	text-indent: -9999px;
}

#mainNav a#pull:after {
	content:"";
	background: url('nav-icon.png') no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}
}






@media screen and (min-width: 27.5em) { /*440 and up*/
h2 {
	font-size: 1.5em;
}

#billboardText p, #billboardText li {
	font-size: 1.1em;
}

#content {
	padding-bottom: 3em;
}

.homeTeaser, .portTeaser, .updateTeaser, .elseTeaser {
	width: 45%;
	padding: 0 2.5% 2em 2.5%;
	float: left;
}


.homeTeaser:nth-child(even) {
	clear: left;
}

.portTeaser:nth-child(odd), .updateTeaser:nth-child(odd), .elseTeaser:nth-child(odd) {clear:left;}

.sm1 {
	clear: left;
}

#social li:nth-child(3n+1) {
	clear: none;
}
}





@media screen and (min-width: 37.5em) { /*600 and up*/
h2 {
	font-size: 2em;
}

#billboardText p, #billboardText li {
	font-size: 1.2em;
}

}





@media screen and (min-width: 47.5em) { /* 768 and up - start of full screen design */
body#homePage {
	background: url(/images/main-pic-home.jpg) no-repeat center top;
}

body#proPage {
	background: url(/images/main-pic-contact.jpg) no-repeat center top;
}

body#aboutPage {
	background: url(/images/main-pic-about.jpg) no-repeat center top;
}

body#contactPage {
	background: url(/images/main-pic-contact.jpg) no-repeat center top;
}

body#errorPage {
	background: url(/images/404-bg.jpg) no-repeat center top;
}

header {
	height: 90px;
}

header .wrapper {
	position: relative;
}

#logo {
	padding: 26px 0 0 0;
	margin-left: 10px;
}

#mainNav {
	position: absolute;
	right: 0px;
	top: 40px;
}

#mainNav li {
 	display: inline;
	float: left;
}

#mainNav a {
	padding: 16px 10px 20px 10px;
	font-size: .8em;
}

#billboard {
	height: 740px;
}

#homePage #billboard,
#proPage #billboard {
	height: 770px;
}

.portfolioIndPage #billboard {
	height: 440px;
}

#billboardText {
	width: 20.5em;
}

h2 {
	font-size: 2.4em;
}

#billboardText p, #billboardText li {
	font-size: 1.5em;
}

#content {
	padding-bottom: 4.5em;
}

#atWork, #atPlay, #aboutSite {
	width: 45.45454545454545%;
	margin-right: 5%;
}

#atWork, #contactForm, #contactEvents {
	float: left;
}

#contactForm, #contactEvents {
	width: 45%;
	max-width: 400px;
	margin-right: 5%;
}


#atPlay {
	margin: 0 0 0 51%;
}

#aboutSite {
	clear: both;
}

#projectImage {
	float: right;
	width: 45%;
}

#projectSummary {
	width: 45%;
	margin-right: 9%;
}

#pkIcon {
	width: 128px;
	height: 138px;
	background: url(/images/pk-icon.png) no-repeat left top;
	float: left;
	margin-top: -30px;
}

#whatAbout h4, #whatAbout p, #social {
	padding-left: 148px;
}

#toTop {
	display: none;
}
}





@media screen and (min-width: 56.25em) { /* getting bigger - 900 and up */
#mainNav {
	top: 35px;
}

#mainNav a {
	font-size: 1.125em;
}

#billboardText {
	width: 24.5em;
}

.portfolioIndPage #billboardText {
	width: 26.5em;
}

h2 {
	font-size: 2.6em;
}
}





@media screen and (min-width: 60em) { /* 960 and up */

#logo {
	padding: 12px 0 16px 0;
}

#logo a {
	width: 404px;
	height: 63px;
	background-position: left top;
}

#logo a:hover {
	background-position: left bottom;
}

#billboardText {
	width: 27.5em;
}

.portfolioIndPage #billboardText {
	width: 31em;
}

h2 {
	font-size: 2.6em;
}

.elsewhereEntries {
	width: 100%;
	float: left;
}

.aboutEntries {
	margin-left: 70%;
}

.homeTeaser, .portTeaser, .updateTeaser {
	width: 31.81818181818182%;
	padding: 0 2.27272727272727% 3em 0;
}

.elseTeaser {
	width: 30%;
	padding: 0 2.27272727272727% 3em 0;
}

.homeTeaser:nth-child(even), .portTeaser:nth-child(odd), .updateTeaser:nth-child(odd), .elseTeaser:nth-child(odd) {
	clear: none;
}

#homePage .homeTeaser:nth-child(3n+1), .col3,
#proPage .homeTeaser:nth-child(3n+1), .col3 {
	padding-right: 0;
}

.sm1 {
	clear: none;
}
	

.homeTeaser:nth-child(4n-7), .col1 {
	clear: left;
}


#whatAbout {
	float: left;
	width: 63.63636363636364%;
	padding-right: 4.54545454545455%;
}

#social {
	padding-left: 68%;
}
}






@media screen and (min-width: 68.75em) { /* 1100 and up */
#logo {
	margin-left: 35px;
}

#mainNav a {
	padding: 16px 20px 20px 20px;
}

#billboardText {
	width: 30em;
}

.portfolioIndPage #billboardText {
	width: 34em;
}

#billboardText p, #billboardText li {
	font-size: 1.7em;
}

#contactForm {
	padding-left: 16px;
}

#contactForm h3, #contactForm p {
	padding-left: 16px;
}
}