@import url('reset.css');

/*
	Main Definitions
*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Lucida Grande", "Trebuchet MS", "Tahoma", Serif;
    color: #737373;
    background: #ebebeb;
    text-align: left;
}

a img { border: 0; }
a { color: #19a1d8; text-decoration: none; cursor: pointer; }
a:hover { color: #6aa708; text-decoration: underline; }

.heyhey a:link {color: #000000; text-decoration: none; }
.heyhey a:active {color: #000000; text-decoration: none; }
.heyhey a:visited {color: #000000; text-decoration: none; }
.heyhey a:hover {color: #000000; text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { display: block; font-size: 0; line-height: 0; text-indent: -4000px; background-position: 0 0; background-repeat: no-repeat; }

#page { width: 962px; margin: 0 auto; }

#main-part .main-cnt { padding: 0 31px 35px; }
#content { float: left; display: inline; width: 590px; }
#sidebar { float: right; display: inline; width: 260px; }
#sidebar h3 { color: #ac4913; font-size: 1.6em; font-weight: bold; margin-bottom: 5px; }

strong {font-weight: bold; }

p {font-size: 1.3em; }

/*--------------------
 General Content
------------------------------------------------------------------*/
.indent {
	padding: 0 0 0 60px; }
	
.push {
	margin: 0 0 25px; }

#content p {
	margin: 0 0 20px; }

#content ul, #content ol {font-size: 1.3em; }

#content.pricing ul {margin: 0 0 30px; }

#content.pricing ol li {	
	margin: 0 0 12px 20px; 
	list-style: decimal; 
	line-height: 1.3;}

#content.pricing ul li {	
	margin: 0 0 12px 15px; 
	list-style: disc; 
	line-height: 1.3;}
	
/*
	Headers
*/
h2, h3, h4 { color: #242424; font-weight: bold; }
h2 { font-size: 2.8em; line-height: 1.3em; margin: 0 0 5px; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.45em; color: #595959; font-weight: bold; }
h6 { font-size: 1.35em; color: #000; font-weight: bold; }

h4.rss img { margin-bottom: -2px; }

h6 a,
h6 a:link,
h6 a:visited,
h3 a,
h3 a:link,
h3 a:visited {color: #000; text-decoration: none; }

h6 a:hover,
h3 a:hover {color: #6AA708; text-decoration: underline; }

/*--------------------
 Unique Headers
------------------------------------------------------------------*/
.enterprise-pack {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-enterprise.gif) left center no-repeat; }

.iphone-pack {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-iphone.gif) left center no-repeat; }
    
.ipad-pack {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-ipad.gif) left center no-repeat; }

.pro-pack {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-professional.gif) left center no-repeat; }
	
.source-pack {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-sourcecode.gif) left center no-repeat; }
	
.atd {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-allthingsdigital.gif) left center no-repeat; }

.gal {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/app_store_icon1.jpg) left center no-repeat; }
	
.nnw {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-netnewswire.gif) left center no-repeat; }
	
.variety {
	padding: 12px 0 12px 60px;
	background: transparent url(/images/ico-variety.gif) left center no-repeat; }

h2.atd,
h2.nnw,
h2.variety {padding: 6px 0 6px 60px; }

/*
	More Link
*/
a.more { font-size: 1.3em; padding-left: 12px; background: url(/images/arrow-1.gif) no-repeat 0 center; font-weight: bold; }
a.more:hover { background: url(/images/arrow-2.gif) no-repeat 0 center; }

/*
	Main Block
*/
.main { background: url(/images/main-bg.gif) repeat-y 0 0; height: 100%; position: relative; }
.main-top { background: url(/images/main-top.gif) no-repeat 0 0; padding-top: 10px; }
.main-bot { background: url(/images/main-bot.gif) no-repeat 0 bottom; padding-bottom: 25px; }

/*
	Top Bar
*/
#topbar { margin-bottom: 22px; }
#topbar .main-cnt { padding: 13px 21px 0 31px; }
#topbar .main-bot { padding-bottom: 10px; }

#topbar .nav { float: right; display: inline; font-size: 1.1em; color: #666; line-height: 16px; padding-top: 9px; }
#topbar .nav p { float: left; display: inline; margin-right: 5px; font-size: 1.1em; }
#topbar .nav a { color: #666; float: left; display: inline; }
#topbar .nav span { padding: 0 9px; float: left; display: inline; }
#topbar .nav a.ico { font-size: 0; line-height: 0; text-indent: -4000px; width: 16px; height: 16px; margin-left: 5px; }
#topbar .nav a.ico-twitter { background: url(/images/ico-twitter.gif) no-repeat 0 0; }
#topbar .nav a.ico-rss { background: url(/images/ico-rss.gif) no-repeat 0 0; }
#topbar .nav a.ico-facebook { background: url(/images/ico-facebook.gif) no-repeat 0 0; }

#logo { float: left; display: inline; width: 171px; height: 40px; font-size: 0; line-height: 0; margin-right: 20px; }
#logo a { display: block; width: 171px; height: 40px; text-indent: -4000px; background: url(/images/logo.gif) no-repeat 0 0; }

/*
	Home Heading
*/
#home-heading { padding: 0 0 18px 31px; }
#home-heading .txt-createcontent { width: 284px; height: 51px; background-image: url(/images/txt-createcontent.gif); margin-bottom: 18px; }
#home-heading .nav { float: left; display: inline; width: 350px; padding-top: 30px; }
#home-heading .iphone { float: left; display: inline; padding-right: 40px; }

#home-heading .nav ul { float: left; display: inline; margin-bottom: 10px; width: 330px; }
#home-heading .nav li { font-weight: bold; font-size: 1.5em; line-height: 58px; list-style-type: none; float: left; display: inline; width: 165px; margin-bottom: 23px; }
#home-heading .nav li a { color: #5a5a5a; float: left; display: inline; padding-right: 12px; background: url(/images/nav-hover.png) no-repeat -114px 0; }
#home-heading .nav li a span { float: left; display: inline; padding-left: 72px; }
#home-heading .nav li.monetize a span { background: url(/images/nav-monetize.png) no-repeat 0 center; }
#home-heading .nav li.social a span { background: url(/images/nav-social.png) no-repeat 0 center; }
#home-heading .nav li.photos a span { background: url(/images/nav-photos.png) no-repeat 0 center; }
#home-heading .nav li.videos a span { background: url(/images/nav-video.png) no-repeat 0 center; }

#home-heading .article { float: left; display: inline; width: 300px; padding-top: 195px; line-height: 1.4; }
#home-heading .article h2 { font-size: 2.6em; font-weight: normal; padding-left: 2px; color: #4f4f4f; margin-bottom: 5px; }
#home-heading .article .image { float: left; display: inline; width: 83px; }
#home-heading .article .cnt { float: right; display: inline; width: 203px; }
#home-heading .article .cnt p { margin-bottom: 5px; }

/*
	Inner Page Heading
*/
#inner-heading { padding: 0 0 0 32px; height: 45px; position: relative; }
#inner-heading .headline-cs { width: 418px; height: 21px; background-image: url(/images/headline-cs.gif); }
#inner-heading .headline-about { width: 347px; height: 21px; background-image: url(/images/headline-about.gif); }
#inner-heading .headline-thanks { width: 229px; height: 21px; background-image: url(/images/headline-thanks.gif); }
#inner-heading .headline-download { width: 184px; height: 21px; background-image: url(/images/headline-download.gif); }
#inner-heading .headline-pricing { width: 366px; height: 21px; background-image: url(/images/headline-pricing.gif); }
#inner-heading .headline-features { width: 434px; height: 21px; background-image: url(/images/headline-features.gif); }
#inner-heading .headline-blog { width: 455px; height: 21px; background-image: url(/images/headline-blog.gif); }

#inner-heading .headline-cs-atd { width: 480px; height: 21px; background-image: url(/images/headline-cs-atd.gif); }
#inner-heading .headline-cs-variety { width: 400px; height: 21px; background-image: url(/images/headline-cs-variety.gif); }
#inner-heading .headline-cs-nnw { width: 383px; height: 21px; background-image: url(/images/headline-cs-nnw.gif); }

#inner-heading .iphone { position: absolute; bottom: 0; right: 25px; }

/*
	Main Navigation
*/
#main-nav { padding-bottom: 11px; border-bottom: solid 1px #d9d9d9; margin-bottom: 30px; font-size: 1.5em; font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif; }
#main-nav li { float: left; display: inline; color: #666; font-weight: bold; margin: 0 5px 0 0; }
#main-nav li a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; height: 34px; background-position: 0 0; }
#main-nav li.home a { background-image: url(/images/mnav-home.gif); width: 70px; }
#main-nav li.features a { background-image: url(/images/mnav-features.gif); width: 86px; }
#main-nav li.audience a { background-image: url(/images/mnav-audience.gif); width: 92px; }
#main-nav li.pricing a { background-image: url(/images/mnav-pricing.gif); width: 76px; }
#main-nav li.studies a { background-image: url(/images/mnav-studies.gif); width: 113px; }
#main-nav li.plugins a { background-image: url(/images/mnav-plugins.gif); width: 78px; }
#main-nav li.blog a { background-image: url(/images/mnav-blog.gif); width: 60px; }
#main-nav li a:hover { color: #42ae0e; text-decoration: none; background-position: 0 bottom; }
#main-nav li a#active { background-position: 0 -34px !important; }

/*
	Donwload SDK Block
*/
.download-sdk-block { width: 228px; height: 83px; background: url(/images/download-sdk-block.gif) no-repeat 0 0; padding: 10px 16px 0; margin-bottom: 25px; }
.download-sdk-block h5 { color: #303030; margin-bottom: 8px; }
.download-sdk-block p { line-height: 1.2; }

/*
	Latest Twitter
*/
.latest-twitter { line-height: 1.4; margin-bottom: 30px; font-size: 1.3em; }
.latest-twitter #twitter_div #twitter_update_list li {margin: 0 0 15px; }
.latest-twitter #twitter_div #twitter_update_list li span {display: block; }

.latest-twitter #twitter_div #twitter_update_list li span a,
.latest-twitter #twitter_div #twitter_update_list li span a:link,
.latest-twitter #twitter_div #twitter_update_list li span a:visited {color: #19A1D8; }
.latest-twitter #twitter_div #twitter_update_list li span a:hover 	{color: #6AA708; }


.latest-twitter #twitter_div #twitter_update_list li a,
.latest-twitter #twitter_div #twitter_update_list li a:link,
.latest-twitter #twitter_div #twitter_update_list li a:visited 	{color: #333333; }
.latest-twitter #twitter_div #twitter_update_list li a:hover 	{color: #6AA708; }

.button-follow-us { display: block; width: 118px; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 15px; }
.button-follow-us { background: url(/images/button-follow-us.gif) no-repeat 0 0; }
.button-follow-us:hover { background-position: 0 bottom; }

/*
	Introduction List / Introduction Paragraph
*/
ul.callout 		{ line-height: 30px; color: #565656; list-style-type: none; margin-bottom: 25px;}
ul.callout li 	{ font-size: 1.3em; padding-left: 15px; background: url(/images/big-list-item.gif) no-repeat 2px center; }
#content p.callout 		{ font-size: 1.5em; line-height: 1.5; color: #565656; list-style-type: none; margin-bottom: 25px;}

/*
	Who is For
*/
.for-who { margin: 5px 0 35px; }
.for-who .article { float: left; display: inline; width: 252px; margin-right: 25px; }
.for-who .article img { float: left; display: inline; }
.for-who .article .cnt { float: right; display: inline; width: 190px; color: #595959; line-height: 18px; }
.for-who .article .cnt h5 { color: #404040; }
#content .for-who .article p { margin: 0; }

/*
	Blog Posts
*/
.post { margin: 5px 0 20px; }
#content .post .entry p { margin-bottom: 5px; }

/*
	Companies Uses
*/
.companies-uses .article { display: block; padding: 10px 0; border-bottom: solid 1px #e9e9e9; margin-bottom: 5px; }
.companies-uses .last-article { border-bottom: 0; } 
.companies-uses .article img { float: left; display: inline; }
.companies-uses .article .cnt { float: right; display: inline; width: 195px; line-height: 18px; }
.companies-uses .article .cnt .title { font-size: 1.4em; font-weight: bold; }
.companies-uses .article .cnt .title a { color: #404040; }
.companies-uses .article .cnt .title a:hover { color: #6aa708; }

/*
	Footer
*/
#footer { padding: 10px 0; }
#footer .copy { line-height: 29px; padding-bottom: 14px; border-bottom: solid 1px #c0c0c0; margin-bottom: 10px; }
#footer .copy img { float: left; display: inline; margin-right: 8px; }
#footer .navs { float: left; display: inline; }
#footer .navs p { margin-bottom: 7px; }
#footer .navs span { margin: 0 8px; }
#footer .navs,
#footer .navs a { color: #808080; }
#footer .navs .small,
#footer .navs .small a, #footer .design span a { color: #8c8c8c; }
#footer .design { float: right; display: inline; line-height: 36px; font-size: 1.1em; color: #808080; }
#footer .design img { float: left; display: inline; margin-left: 10px; }
#footer .design span { float: left; display: inline; }

/*
	Text Block
*/
#sidebar .text-block { line-height: 18px; margin-bottom: 10px; }
#sidebar .text-block a { color: #737373; text-decoration: underline; }
#sidebar .text-block a:hover { text-decoration: none; }

/*
	Benefits
*/
.benefits img.iphone, .study img.iphone { float: left; display: inline; }
.benefits .cnt, .study .cnt 			{ float: left; display: inline; width: 400px; margin-left: 28px; }
.benefits h4			 				{ margin: 5px 0; }
.benefits ul, .study ul 				{ margin-bottom: 30px; font-size: 1.3em; }
.benefits ul li, .study ul li 			{ list-style-type: none; background: url(/images/arrow-2.gif) no-repeat 0 3px; padding-left: 12px; margin-bottom: 17px; line-height: 1.3;}
.study h3 								{ font-size: 1.6em; margin: 0 0 5px; }
.study h3 em							{text-decoration: underline; }

.study .study-left 						{ float: left; display: inline; width: 161px; }
.app-store 								{ margin: 25px 0 0; }
/*
	Features
*/
.features table { vertical-align: middle; margin-bottom: 30px; }
.features table tr td { padding: 10px 10px 10px 15px; }
.features table tr td.num { width: 45px; padding: 0; }
.features table tr td.num p { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 28px; height: 28px; }
.features table .num-1 {  background: url(/images/num-1.gif) no-repeat 0 0; }
.features table .num-2 {  background: url(/images/num-2.gif) no-repeat 0 0; }
.features table .num-3 {  background: url(/images/num-3.gif) no-repeat 0 0; }
.features table .num-4 {  background: url(/images/num-4.gif) no-repeat 0 0; }
.features table .num-5 {  background: url(/images/num-5.gif) no-repeat 0 0; }
.features table .num-6 {  background: url(/images/num-6.gif) no-repeat 0 0; }
.features table tr td.lined { border-bottom: solid 1px #e1e1e1; }
.features table tr.last td.lined { border-bottom: 0; }
.features table tr.hover td.lined { background: #f5f5f5; }
.features table .image { display: block; width: 93px; height: 56px; position: relative; }
.features table .image:hover { text-decoration: none; }
.features table .image .bg { display: block; position: absolute; width: 93px; height: 56px; top: 0; left: 0; }
.features table .image:hover .bg { background: url(/images/f-image-hover.png) no-repeat 0 0; z-index: 10; }
.features table .image span.n { position: absolute; bottom: 0; right: 0; width: 29px; line-height: 21px; font-size: 1.1em; font-weight: bold; color: #fff; text-align: center; }
.features table .image span.n { background: url(/images/bg-transparent.png) repeat 0 0; z-index: 11; }

/*--------------------
	Video Lightbox
------------------------------------------------------------------*/
.video { width: 514px; margin: 0 auto; padding-top: 10px; }
.video h3 { font-size: 1.6em; line-height: 1.4; color: #ffffff; font-weight: normal; margin-bottom: 5px; }


/*--------------------
	Home Slider
------------------------------------------------------------------*/
#home-slider { float: left; display: inline; width: 550px; height: 353px; overflow: hidden; }
#home-slider .holder { width: 2200px; }

#home-slider .object {
	float: left;
	display: inline;
	width: 550px; }
	
#home-slider .iphone-container {
	background: transparent url(/images/iphone-fs.jpg) top left no-repeat;
	float:left;
	padding:53px 25px 80px 15px;
	width:179px;
	min-height:224px; }
	
#home-slider #slide-videos2 .iphone-container {
	background: transparent url(/images/iphone-ws.jpg) bottom left no-repeat;
	width: 254px;
	min-height: 150px;
	padding: 24px 25px 37px 51px; }

#home-slider .iphone-container object,
#home-slider .iphone-container embed {
  background: #000;
}

#home-heading #slide-videos2 .article {
	float: left;
	padding-top: 25px; 
	width: 340px; }
	
#home-heading #slide-videos2 .article .cnt {
	width: 240px; }

/*--------------------
 Sprites
------------------------------------------------------------------*/
.download-sdk-block .button-download {
	background: transparent url(/images/btn-download.png) top left no-repeat;
	display:block;
	height:33px;
	margin:0;
	padding:0;
	width:112px;
	text-indent: -4000px; }
	
	.download-sdk-block .button-download:hover {background-position:left bottom; }
	
.button-download-sdk {
	background: transparent url(/images/btn-download-sdk.png) top left no-repeat;
	display:block;
	height:38px;
	margin:0;
	padding:0;
	width:163px;
	text-indent: -4000px; }
	
	.button-download-sdk.alt {background: transparent url(/images/btn-download-sdk-blue.png) top left no-repeat; }
		
		.button-download-sdk:hover,
		.button-download-sdk.alt:hover {background-position:left bottom; }	
	
.download-sdk-block .button-download {
	background: transparent url(/images/btn-download.png) top left no-repeat;
	display:block;
	height:33px;
	margin:0;
	padding:0;
	width:112px;
	text-indent: -4000px; }
	
	.download-sdk-block .button-download:hover {background-position:left bottom; }
	
	
.purchase {
	background-image: url(/images/btn-purchase.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 10px 0 0;
	height: 38px;
	width: 163px;
	text-indent: -9999px; }
	
.purchase:hover {
	background-position:left bottom; }


/*--------------------
 Partners / Groups	
------------------------------------------------------------------*/	
.group {
	margin: 10px 0 20px; }
	
.group img {
	float: left; 
	padding: 0 15px 15px 0; }
	
.group span {
	float: left;
	width: 450px; }
	
		
/*--------------------
 Forms
------------------------------------------------------------------*/	
#content form {
	margin: 15px 0; }
	
#content form h5 {
	font-size: 1.35em;
	margin: 0 0 15px;
	color:#333333; }

#content form label {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #000; 
	margin: 0 0 2px; }

#content form .textinput {
	border: 1px solid #cdcdcd;
	color: #565656;
	font-size: 1.2em;
	margin: 0 0 12px;
	padding: 5px;
	width:300px; 
	display: block; }	
	
#content form label#download_agree_label {
	font-size: 1em;
	color: #808080; 
	font-weight: normal; 
	width: 300px;}
	
#content form fieldset {
	font-size: 1.2em; }

form#download {
	width: 312px; }

#content form input.error {
  border: 1px solid #D72E13; }

#content form label.error {
  color: #D72E13;
  float: right;
  display: none;
  margin:-30px 0 0;
  font-size: 110%; }
  
#content form fieldset label.error {
	font-size: 90%;
	margin: 0; }

/*------- 
Clearing floats without extra markup 
---------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden; }

.clearfix			{display: inline-block;}
* html .clearfix	{height: 1%;}
.clearfix 			{display: block;}

/* Regular Float Clearing */
.clearboth {clear:both;}

.floatleft {float: left; }

.floatright {float: right; }

.downloadSubmit {
margin:10px 0;
}

/* Added 7/20/2010 jennyb@newsgator.com */

.roundedBox {   
    position:relative;
	padding-top: 11px;
	padding-bottom: 11px;
}
 
.roundedBox .innerContent {
	padding-left:11px;
	padding-right:11px;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
 }
 
.corner {
	position:absolute; height:11px;
 }

.roundedBox .topRight,
.roundedBox .bottomRight  {
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-image: url(http://taplynx.com/images/round_border.png);
    width: 100%;
	background-position: 100% -14px;
	float:right;
}

.roundedBox .topRight {
	top:0; right:0;
 }

.roundedBox .bottomRight {
	bottom:0; right:0;
    background-position: 100% -38px;
}

.roundedBox .topLeft,
.roundedBox .bottomLeft  {
	background-repeat:repeat-x;
	background-attachment: scroll;
    background-image: url(http://taplynx.com/images/round_border.png);
    width: 11px;
	height: 11px;
	float:left;
}

.roundedBox .topLeft {
	top:0; left:0; background-position: -1px -1px;
 }

.roundedBox .bottomLeft {
	bottom:0; left:0;
    background-position: -1px -26px;
}