/*  

Theme Name: Napkyn
Theme URI: http://www.napkyn.com/
Description: The theme for Napkyn.com
Version: 4.0.0
Author: Colin Temple
Author URI: http://www.napkyn.com/

*/

html { height: 100%; margin-bottom: 1px; }
body { height: 100%; margin: 0; padding: 0; font: 86% 'Source Sans Pro', sans-serif; font-weight: 400; color: #666; background: #fff; background: #fff url(images/bg.png) repeat-x fixed top center; }
body.home { background: #fff url(images/bg1.jpg) no-repeat scroll top center; }

body * { margin: 0; padding: 0;	}
p,ul,ol,dl,blockquote,pre { margin-bottom: 1.0em; line-height: 1.4em; }
h1 { margin-bottom: 0.5em; }
h2 { margin-bottom: 0.4em; }
a { color: #1bb4da; text-decoration: none; }

img { border: 0; }
acronym,abbr { border: 0; text-decoration: none; }
address { font-style: normal; }
hr { clear: both; height: 0; color: #fff; background-color: #fff; border: 0; border-top: 2px dashed #ccc; margin: 1em 0; }
fieldset { border: 0; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

ul { padding-left: 1.6em; margin-left: 10px; padding-left: 5px; list-style-type: disc; }
ul li { margin-left: 10px; padding-left: 10px; padding-bottom: 0.4em; list-style-type: disc;  }
	
dl { margin-left: 0.3em; }
dd { margin: 0 0 0.5em 0.5em; }
	
ol { padding-left: 1.6em; margin-left: 1em; }
ol li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; }

blockquote { background: #f4f4f4; padding: 5px; margin: 0 0 1em 2em; border-left: 6px solid #eee;  }

.shaded { color: #888; }
.cen { text-align: center; }
.r { text-align: right; }
.l { text-align: right; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 1em 1em 0; }
.rfloat { float: right; margin: 0 0 1em 1em; }
.lfloat { float: left; margin: 0 1em 1em 0; }
.line { white-space: nowrap; }
.clear { clear: both; }
.bumper { clear: both; font-size: 0.1em; }
.up { text-transform: uppercase; }

h1 { color: #1bb4da; font-size: 1.8em; font-weight: 300; padding: 0; margin: 0 0 0.5em 0; line-height: 1.1em;  }
h2 { color: #c2db88; font-size: 1.6em; font-weight: 300; padding: 0; margin: 1.5em 0 0.5em 0; line-height: 1.1em; }
h1.ptitle, .post h1, h2.ptitle { margin: 0 0 0.5em 0; }
h3 { font-size: 1.1em; font-weight: 400; color: #444; text-decoration: none; margin: 1em 0 0 0; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #98ae5e; }

p.notice { background-color: #fcffd2; border: 1px dotted #ffe400; padding: 10px; margin: 1em 0; }
p.notice img { position: relative; top: 2px; }
p.error { color: #f00;  }

header { position: fixed; width: 100%; height: 99px; z-index: 994; left: 0; top: 0; background: #fff; font-size: 1.1em; }
body.home header { height: 89px; }
	header nav { display: block; margin: 0 auto; width: 1180px; }
	header nav h1, header nav p { float: left; margin: 0; padding: 18px 0 0 0; }
	header nav ul { float: right; list-style: none; margin: 0; padding: 37px 0 0 0; width: 1000px; letter-spacing: 5px; text-align: right; }
	header nav ul li { display: inline; list-style: none; margin: 0; padding: 0; background: transparent; }
	header nav ul li a { padding: 11px 14px; margin: 0 5px; color: #999; text-transform: uppercase; }
	header nav ul li a:hover { color: #1bb4da; }
	header nav ul li a.on { color: #1bb4da; }
	header nav ul li.contact a { margin-left: 20px; padding-left: 18px; background: #1bb4da; color: #fff; }
	header nav ul li.contact a.on { background: #c2db88; color: #fff; }
	header nav ul li.contact a:hover { background: #c2db88; color: #fff; }
	
main { display: block; width: 1180px; margin: 99px auto 0 auto; color: #999; }
body.home main { margin: 89px auto 0 auto; }

	.mast { clear: both; height: 349px; padding: 153px 0 0 0; font-weight: 200; letter-spacing: 3px; }
		.mast p { font-size: 2.5em; color: #fff; width: 640px; text-align: center; margin: 0 auto; }
		.mast p.ap { margin: 0.44em auto; }
		.mast p.ap a { font-size: 0.4em; text-transform: uppercase; padding: 8px 17px; border: 1px solid #fff; font-weight: 400; color: #fff; letter-spacing: 4px; }
		.mast p.ap a:hover { background: #c2db88; }
	
	.step2 { clear: both; height: 216px; padding: 74px 0 0 0; font-weight: 300; letter-spacing: 3px; }
		.step2 p { font-size: 1.8em; text-align: center; margin: 0 auto; }
		.step2 p.ab { margin: 0.44em auto; }
		.step2 p.ab a { font-size: 0.6em; text-transform: uppercase; padding: 8px 17px; border: 1px solid #fff; background: #1bb4da; font-weight: 400; color: #fff; letter-spacing: 4px; }
		.step2 p.ab a:hover { background: #c2db88; }

#homebox { width: 1180px; clear: both; min-height: 300px; background: url(images/hr.png) no-repeat scroll top left; font-size: 1.3em; margin: 0 0 0 0; padding: 60px 0 50px 0; font-weight: 300; }
	#homecontent { float: left; width: 645px; margin: 0 30px 0 0; padding: 0; }
		#homecontent p { color: #666; letter-spacing: 2px; font-size: 1.4em; }
		#homecontent ul { list-style: none; margin: 0; padding: 0; }
		#homecontent ul li { list-style: none; margin: 0 0 1.3em 0; padding: 0; color: #999; letter-spacing: 2px; }
	#homebrands { float: right; width: 460px; }
		#homebrands p { color: #666; letter-spacing: 2px; font-size: 1.4em; }
		#homebrands ul { list-style: none; margin: 0; padding: 0; }
		#homebrands ul li { display: inline; list-style: none; margin: 0; padding: 0 10px 0 0; color: #999; }
		#homebrands ul li img { padding-bottom: 5px; }

footer { display: block; clear: both; max-width: 1180px; margin: 20px auto 0 auto; padding: 20px 0 2em 0; color: #919191; background: url(images/hr.png) no-repeat scroll top left; font-size: 0.9em; }
	footer img { float: right; padding: 0 0 0 15px; }
	footer nav { font-size: 1.2em; }
	footer nav ul { list-style: none; padding: 10px 0 25px 0; margin: 0; background: transparent; }
	footer nav ul li { display: inline; list-style: none; margin: 0; padding: 0; background: transparent; }
	footer nav ul li a { color: #999; padding: 0 20px 0 0; text-transform: uppercase; }
	footer nav ul li a:hover { color: #1bb4da; }
	
	.dds { list-style: none; margin: 0 0 1em 0; padding: 0; }
	.dds li { list-style: none; margin: 0; padding: 0 0 5px 0; background: transparent; }
	.dds li a { padding: 0 0 0 17px; background: transparent url(images/icons/new-window.png) no-repeat scroll 0 3px; }
	.dds li.getd a { padding: 0 0 0 17px; background: transparent url(images/icons/arr-r.png) no-repeat scroll 0 3px; }
	.dds li.on a { padding: 0 0 0 17px; background: transparent url(images/icons/arr-d.png) no-repeat scroll 0 3px; }	
	.dds li.getd ul { display: none; }	
	.dds li.on ul { display: block; margin: 0; padding: 10px 0 0 0; }
	.dds li.on ul li { margin: 0; padding: 0; }
	
	.post { margin: 0 0 3.5em 0; }
		.post .meta { border-top: 1px dashed #aaa; padding: 10px 7px; }
		.post h1, .post h2.ptitle { font-size: 1.8em; }

		.codebox { max-width: 800px; }
		
		.author { height: 47px; padding: 5px; font-size: 1.1em; }
		.author img { float: left; border: 1px solid #999; margin: 0 10px 0 0; }
		.author span { font-size: 1.2em; display: block; padding-top: 3px; }
	
		.sharerow { clear: both; height: 16px; margin: 1em 0; }		
			.twbutton { width: 150px; float: left; }		
			.fblike { width: 150px; float: left; }		
			.gp1 { width: 150px; float: left; }		
			.libutton { width: 150px; float: left; }

		.post span, .post code { font-size: 1em; }

	#subscribe { background: transparent url(img/rss.png) no-repeat scroll top left; padding: 5px 0 0 43px; height: 27px; font-size: 18px; }
	
	#content, #blogcontent { font-size: 1.2em; margin: 0; padding: 1.4em 0 2em 0; }
	#posts { width: 850px; float: left; }
	#sidebar { width: 300px; }
	.content { font-size: 1.2em; padding: 2em 1em; line-height: 1.1em; }
	.apcontent { font-size: 1.2em; padding: 2em 1em 0 1em; line-height: 1.1em; }
	.apscontent { font-size: 1.8em; width: 780px; margin: 0 auto; padding: 50px 0 40px 0; line-height: 1.1em; letter-spacing: 2px; line-height: 1.5em; font-weight: 300; color: #666; text-align: center; }
	.apssub { font-size: 1.4em; width: 720px; margin: 0 auto; padding: 0 1em; line-height: 1.1em; letter-spacing: 2px; font-weight: 300; color: #999; text-align: center; }
	
	p.tohow { display: block; width: 40px; height: 40px; text-align: center; margin: 35px auto 0 auto; padding: 0; overflow: hidden; }
	
	#howworks { margin: 0; padding: 0; background: url(images/hr.png) no-repeat scroll top left; }
	
	#sidebar ul, #sidebar ul li { list-style: none; margin-left: 0; padding-left: 0; }
	
	.scrollplace { height: 68px; margin-bottom: 1em; }
	.scrollbox { height: 185px; padding-left: 10px; margin-bottom: 1em; background-color: #fff; width: 100%; margin-top: 30px; }
	.scroll { font-size: 1.2em; background-color: #fff; width: 100%; font-weight: 300; font-size: 1.5em; }
		.scroll a { float: left; width: 169px; padding: 156px 0 0 0; text-align: center;  }
		.scroll span { float: left; padding: 70px 6px; margin: 4px; }
		.scroll a#data { color: #addeae; background: transparent url(images/apt-data.png) no-repeat scroll top left; }
		.scroll a#goals { color: #40c7cd; background: transparent url(images/apt-goals.png) no-repeat scroll top left; }
		.scroll a#analyst { color: #53d3bf; background: transparent url(images/apt-analyst.png) no-repeat scroll top left; }
		.scroll a#story { color: #addeae; background: transparent url(images/apt-story.png) no-repeat scroll top left; }
		.scroll a#insight { color: #40c7cd; background: transparent url(images/apt-insight.png) no-repeat scroll top left; }
		.scroll a#execs { color: #398583; background: transparent url(images/apt-execs.png) no-repeat scroll top left; }
		
	div.data, div.goals, div.analyst, div.story, div.insight, div.execs { clear: both; min-height: 415px; font-size: 1.2em; margin-top: 2em; letter-spacing: 1px; }
	div.data h2, div.goals h2, div.analyst h2, div.story h2, div.insight h2, div.execs h2 { margin: 0; padding: 25px 0 20px 0; color: #555; }
	div.data p, div.goals p, div.analyst p, div.story p, div.insight p, div.execs p { width: 490px; line-height: 1.5em; font-weight: 300; }
	div.data ul, div.goals ul, div.analyst ul, div.story ul, div.insight ul, div.execs ul { list-style: none; margin-left: 0; padding-left: 0; }
	div.data ul li, div.goals ul li, div.analyst ul li, div.story ul li, div.insight ul li, div.execs ul li { list-style: none; margin-left: 0; padding-left: 0; }
		
	div.data { padding: 40px 50px 0 590px; background: transparent url(images/ap-data.png) no-repeat scroll top left; }
	div.goals { padding: 40px 50px 0 111px; background: transparent url(images/ap-goals.png) no-repeat scroll top left; }
	div.analyst { padding: 40px 50px 0 590px; background: transparent url(images/ap-analyst.png) no-repeat scroll top left; }
	div.story { padding: 40px 50px 0 111px; background: transparent url(images/ap-story.png) no-repeat scroll top left; }
	div.insight { padding: 40px 50px 0 590px; background: transparent url(images/ap-insight.png) no-repeat scroll top left; }
	div.execs { padding: 40px 50px 0 111px; background: transparent url(images/ap-execs.png) no-repeat scroll top left; }
	
	p.touch { text-align: center; margin: 0.64em auto 40px auto; }
	p.touch a { font-size: 0.9em; text-transform: uppercase; padding: 8px 17px; border: 1px solid #fff; background: #1bb4da; font-weight: 400; color: #fff; letter-spacing: 4px; }
	p.touch a:hover { background: #c2db88; }
	
	div.apbrands { font-size: 1.8em; padding: 2em 1em 0 1em; line-height: 1.1em; background: url(images/hr.png) no-repeat scroll top left; font-weight: 300; color: #666; text-align: center; }
		div.apbrands ul { list-style: none; margin: 1em auto; padding: 0; }
		div.apbrands ul li { display: inline; margin: 0; padding: 0 15px; list-style: none; }
		div.apbrands p.touch { text-align: center; margin: 0.44em auto 40px auto; }
		div.apbrands p.touch a { font-size: 0.6em; text-transform: uppercase; padding: 8px 17px; border: 1px solid #fff; background: #1bb4da; font-weight: 400; color: #fff; letter-spacing: 4px; }
		div.apbrands p.touch a:hover { background: #c2db88; }
	

	#searchform { width: 220px; margin: 0 auto; padding: 1em 0 0 0; }
	#s { border: 1px solid #bbb; padding: 3px 6px; width: 180px; }
	#searchsubmit { position: relative; top: 3px; left: 5px; }
	
	#contactform input { width: 280px;  border: 1px solid #bbb; padding: 3px 6px; font-family: Arial,Helvetica,sans-serif; }
	#contactform textarea { width: 280px; height: 220px; border: 1px solid #bbb; padding: 3px 6px; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; }
		
/*
----------------------------------------------------------------------------- 
Comments, etc.
-----------------------------------------------------------------------------*/

#bcomments { margin: 2em 0; padding: 0; }

.commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; }
.commentlist li { font-weight: bold; background: transparent; background: transparent; }
#home_content_left .commentlist li { background: transparent; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal;	}

h3#respond { margin-top: 1em; } 

code { font: 1.1em 'Courier New', Courier, Fixed; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0;	}
#commentform textarea {	width: 440px; height: 200px; padding: 2px; border: 1px solid #000; }
#commentform #submit { margin: 0; }

.alt { margin: 0; }

.commentlist { padding: 0; text-align: justify; margin: 0; }

.commentlist li { margin: 15px 0 0 3px;	padding: 8px 25px 0 30px; background-repeat: no-repeat; background-position: 10px 10px;	list-style: none; background-color: #f4f4f4; border: 1px solid #e4e4e4; }

.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}

.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }

#commentform #comment {	width: 440px; height: 200px; padding: 2px; border: 1px solid #000; }