@charset "UTF-8";
/* CSS Document */

/* structure of key components */
html, body {font-family:Helvetica, Arial, sans-serif;}
body {background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/bg-noise.jpg) repeat 50% 0; overflow-y:scroll;}

#wrapper-top {background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/body-top.png) no-repeat 50% 100%;	width:960px; margin:0 auto; height:16px; line-height:0; overflow:hidden;}
#wrapper-base {background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/body-base.png) no-repeat 50% 0; width:960px; margin:0 auto 15px auto; height:14px; line-height:0; overflow:hidden;}
	
#wrapper {width:960px; min-height: 100%; margin: 0 auto; background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/body-y.png) repeat-y top center; padding:0 0;}

#upper {width:960px; margin:0 auto; min-height:290px; background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/canopy-shadow.png) no-repeat 50% 0;}
#header {width:960px; height:187px; background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/canopy.png) no-repeat 0 0;}
#logo {width:250px; margin:0 auto 0 auto; padding:45px 0 0 0;}

#footer {height:157px; width:890px; margin:0 auto; background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/footer-bg.png) no-repeat bottom center;}
.footerElement {float:left; width:210px; color:#fff; margin-left:10px;}

.dashes {width:902px; margin:3px auto; line-height:1px; height:8px; background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/dashes-fold.png) center top no-repeat;}
.dashes.narrow {width:630px; margin:5px 35px 5px 0;}
.line {width:890px; margin:5px auto; line-height:1px; height:1px; border-bottom:1px solid #f1f1f1;}
	
.news-item {padding:20px 45px 10px 45px; position:relative;}

.front-news-item {
	padding: 20px 45px 25px 15px;
	position: relative;
	background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/element-grad.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 0;
	min-height: 120px;
}

.front-news-item .disclosure {
	right:15px;
}




.news-item .panel {
	width:150px;
	float:left;
	/*visibility:hidden; */
}


.calendar {
	width:90px;
	height:120px;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/calendar.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:10px auto;
	display:block;
}



.disclosure {
	width:40px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/disclosure-button.png);
	position:absolute;
	top:0;
	bottom:0;
	right:45px;
	display:block;
	text-indent:-999999px;
}



#content #pages {
	width:500px;
	text-align:center;
	margin:5px auto 0 auto;
	padding:0;
}


/* floats and clears */
.clear {clear:both;}

/* links - store and social */
#appstore {display:block;	margin:10px 0 5px 45px;}
#facebook {}
#twitter {}

/* regular links */
#content a {
	color:#e9356e;
	text-decoration:none;
}

#content a:hover {
	color:#e9356e;
	text-decoration:underline;
}




#footer a {
	color:#e9356e;
	text-decoration:none;
}

#footer a:hover {
	color:#e9356e;
	text-decoration:underline;
}

#content a.back {
	float:left;
	display:block;
	width:92px;
	padding:10px 0 10px 10px;
	text-align:center;
	margin:10px 45px 10px 50px;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/back-button.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:16px;
	color:#fff;
	text-decoration:none;
	text-shadow: 0px 1px 1px #000;
}

#content a.back:hover {
	background-position:0 -36px;
}


/* pagination */
#content ul#pages li {
	display:inline;
	padding:0;
	margin:0;
}

#content ul#pages li a {
	color:#999;
	margin:5px;
	display:inline-block;
	padding:0 10px 0px 10px;
	text-decoration:none;
}

#content ul#pages li span {
	margin:5px;
	display:inline-block;
	padding:0 10px 0px 10px;
	text-decoration:none;
}



/* fix flickering on iOS */

.js ul.sub-nav {display:none;}


#legal {
	font-size:11px;
	color:#999;
	display:block;
	margin:-10px auto 5px auto;
	width:790px;
	text-align:center;
}





/* wrappers for the content in the app pages */
#app-text-wrapper {margin:0 45px 0 45px; width:870px;}
#app-text-wrapper.thin { width:600px;}

#extra-text-wrapper {margin:0 45px 0 45px;width:870px;}
#extra-text-wrapper.thin {width:600px;}




#extra-information {
	margin:0 45px 0 45px;
	background-color:#CCC;
	padding:10px;
	height:96px;
	width:850px;
	/* rounded corners */
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#extra-information.thin {width:600px;}

#extra-information .clear {line-height:0; clear:left;}

#app-social,
#app-help,
#app-news {
	width:250px;
	float:left;
	padding:0 0 10px 0;
	margin:0;
}


#home-social {
	display: table;
	margin: 10px auto;
	width:900px;
}

#home-social > div {
	display:table-cell;
	width:30%;
	padding-left: 110px;
}

#app-social #facebook-like {
	padding:5px 0;
}

#app-social #google-plus {
	padding:3px 0;
}

#fullcontentheader {
	width:870px;
	margin:20px auto 5px auto;
}


#blog-panel {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/news-element-grad.png);
	background-position:top;
	background-repeat:repeat-x;
	width:900px;
	margin:0 auto;
}



#blog-panel .blog-last {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/news-element-grad-up.png);
	background-position:top;
	background-repeat:repeat-x;
	width:900px;
	margin:0 auto;
}

/* navigation lists */

ul#nav {
	display:block; text-align:center; font-size:14px; letter-spacing:0.5px; height:97px; width:890px; margin:10px auto;
	background:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/menu-bg.png) center top no-repeat;
}


ul#nav li {
	display:inline-block;
}

ul#nav li a {
	display:block;
	color:#fff;
	font-size:11px;
	
	padding:65px 0 10px 0;
	color:#000;
	line-height:10px;
	text-decoration:none;
	margin-top:11px;
	/* height:90px; */
	width:120px;
	background-position:50% 00px;
	background-repeat:no-repeat;
	/* the default icon */
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/app-shelf-icon-default.png);	
}

ul#nav li a:hover {
	color:#e9356e;
}



ul.sub-nav {
	width:960px;
	height:92px;
	margin:5px auto;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/sub-nav-bg.png);
	background-position:center top;
	background-repeat:no-repeat;
}

ul.sub-nav {
	display:block;
	text-align:center;
	font-size:12px;
	letter-spacing:0.5px;
	height:105px;
	width:960px;
}

ul.sub-nav li {
	display:inline-block;
}

ul.sub-nav li a {
	display:block;
	padding:71px 0 21px 0;
	color:#fff;
	font-size:11px;
	line-height:10px;
	text-decoration:none;
	margin-top:15px;
	/* height:90px; */
	width:120px;
	background-position:50% 10px;
	background-repeat:no-repeat;
	/* the default icon */
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/app-shelf-icon-default.png);	
}





/* headings and paragraphs */


h1 {
	font-size:18px;
	margin:0;
	padding:20px 45px 3px 45px;
	font-weight:normal;
	color:#000;
	line-height:24px;
}

h1#blogTitle {
	padding:20px 45px 3px 235px;
}

p {
	color:#666766;
	padding:0 45px 10px 45px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

p.news {
	font-size:18px;
	margin:0;
	padding:20px 45px 3px 45px;
	font-weight:normal;
	color:#ccc;
	line-height:24px;
}


p.news span{
	font-size:12px;
	font-weight:normal;
	line-height:24px;
}

p.news a {
	color:#ccc;
	text-decoration:none;
}

#footer p {
	color:#fff;
	padding:10px;
}




.news-item p {
	padding:0 45px 10px 0;
}

.news-item h1,
.news-item h2,
.news-item h3
{
	padding:0 45px 10px 0;
}

.front-news-item p {
	padding:0 45px 10px 0;
}



.front-news-item h1,
.front-news-item h2,
.front-news-item h3
{
	padding:0 45px 10px 0;
}

h2 {
	font-size:16px;
	font-weight:normal;	
	padding: 15px 45px 10px 45px;
}

h3 {
	font-size:14px;
	font-weight:normal;	
	padding: 15px 45px 10px 45px;
}


p.year, 
p.month,
p.day
{
	margin:0;
	padding:0;
}

p.year {
	font-size:18px;
	line-height:18px;
	padding-top:4px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	height:20px;
	letter-spacing:normal;
}

p.month {
	font-size:13px;
	line-height:10px;
	padding-top:7px;
	color:#5c5c5c;
	font-weight:normal;
	text-align:center;
	
}

p.day {
	font-size:48px;
	line-height:48px;
	padding-top:0px;
	color:#202020;
	font-weight:bold;
	text-align:center;
	letter-spacing:-2px;
}


p.tags, 
p.category {
	padding:0 10px;
	margin:0;
	text-align:center;
	color:#999;
}

#app-text-wrapper h2,
#app-text-wrapper p {
	padding-left:0;
	padding-right:0;	
}


#extra-text-wrapper h2,
#extra-text-wrapper h3,
#extra-text-wrapper p {
	padding-left:0;
	padding-right:0;	
}

#extra-information h2,
#extra-information p {
	padding:0;	
}

p.more {
	font-size:13px;
	font-weight:bold;
	padding:10px 45px 10px 15px;
}


h2 {
	padding: 15px 15px 10px 15px;
}

h2.faq {
	padding: 15px 15px 10px 45px;
}

h2.faq.maximize {
	padding: 15px 15px 10px 75px;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/plus.png);
	background-position:45px 50%;
	background-repeat:no-repeat;
}

h2.faq.minimize {
	padding: 15px 15px 10px 75px;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/minus.png);
	background-position:45px 50%;
	background-repeat:no-repeat;
}

/* normal content lists */




#content ul,
#content ol
{
	list-style-type:circle;
	font-size:12px;
	line-height:18px;
	color:#666766;
	padding:0 45px 10px 45px;
}

#content ol {
	list-style-type:decimal;
}

#content ul li,
#content ol li
{
	margin-left:20px;
}	

#content .news-item ul,
#content .news-item ol
{
	padding:0 45px 10px 190px;
}





/* Gallery */

#gallery {
	width:210px;
	height:480px;
	float:right;
	margin:20px 45px 0px 40px;
}

#gallery.iPhone {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/iphone-4.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

#content ul#gallery-container {
	width:173px;
	height:258px;
	overflow:hidden;
	margin:72px 0 0 17px;
	padding:0;
	position:relative;
}

#content ul#gallery-container li {
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:173px;
	height:258px;
}

#content ul#gallery-container .top-item,
#content ul#gallery-container .bottom-item
{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:173px;
	height:258px;
}


/* /gallery */


/* gallery stylings */



#content ul.galleryStrip {
	margin:5px 45px 5px 190px;
	width:485px;
	border:1px solid #CCC;
	padding:5px;
	line-height:0;
}


#content ul.galleryStrip li {
	display:inline-block;
	margin:0;
	padding:3px;
}

#content ul.galleryStrip li a {
	display:block;
	width:86px;
	height:126px;
	border:1px solid #CCC;
	margin:0;
	padding:0;
}

#content ul.galleryStrip li a img {
	display:block;
	padding:3px;
	margin:0;
}




#content .gallery-wrapper {
	margin:5px auto 20px auto;
	width:644px;
	border:1px solid #CCC;
	padding:5px 5px 5px 5px;
	line-height:0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#content .gallery-wrapper.dynamic {
	height:100px;
	overflow:hidden;
	padding:5px 54px 5px 54px;
	width:752px;
	position:relative;
}



#content .gallery-wrapper.post.dynamic {
	width:644px;
}

#content .post-gallery .gallery-wrapper {
	margin:5px 0 20px 180px;
	width:760px;
	padding:5px 5px 5px 5px;
}

#content .post-gallery .gallery-wrapper.dynamic {
	margin:5px 0 20px 180px;
	width:428px;
	padding:5px 54px 5px 54px;
}

#content .post-gallery.single .gallery-wrapper {
	width:860px;
}

#content .post-gallery.single .gallery-wrapper.dynamic {
	width:536px;
}




#content .gallery-wrapper ul.galleryStripFull {
	margin:0 0 0 2px;
	padding:0;
	line-height:0;
	width:880px;
	
}

#content .gallery-wrapper.dynamic ul.galleryStripFull {
	overflow:hidden;
	height:100px;
}

#content .gallery-wrapper .clear {
	line-height:0;
}

#content .gallery-wrapper ul.galleryStripFull li {
	float:left;
	margin:0;
	list-style:none;
	padding:0 8px 4px 0;
}


#content .gallery-wrapper.dynamic ul.galleryStripFull li {
	padding:0 8px 0 0;
}

#content .gallery-wrapper ul.galleryStripFull li.last {
	display:inline-block;
	margin:0;
	padding:0 0 0 0;
}


#content .gallery-wrapper ul.galleryStripFull li a {
	display:block;
	width:98px;
	height:98px;
	border:1px solid #CCC;
	margin:0;
	padding:0;
}

#content .gallery-wrapper ul.galleryStripFull li a img {
	display:block;
	padding:3px;
	margin:0;
}

#content .gallery-wrapper .controls {
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	width:54px;
	text-indent:-999999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:-50px 50%;
}

#content .gallery-wrapper .controls.left {
	left:0;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/gal-left.png);
}

#content .gallery-wrapper .controls.right {
	right:0;
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/core/images/gal-right.png);
}


#content .gallery-wrapper .controls.left.none,
#content .gallery-wrapper .controls.right.none {
	background-position:0 50%;
}