@import url('reset.css');

/*-----------------------------------------------------------------------------------------
	TapLynx Blog 
------------------------------------------------------------------------------------------*/

/*--------------------
	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; }

.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; list-style-type: disc;}
	

/*--------------------
	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; }

.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; }
	
.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; }


/*--------------------
	Inner Page Heading
------------------------------------------------------------------*/
#inner-heading { padding: 0 0 0 32px; height: 45px; position: relative; }
#inner-heading .headline-blog { width: 455px; height: 21px; background-image: url(/images/headline-blog.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.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; }


/*--------------------
	Blog Posts & Pages
------------------------------------------------------------------*/
#blog h2.pagetitle {
	line-height:1.15em;
	margin: 0 0 15px; }

.post {margin: 0 0 30px; }

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

.post h2 { font-size: 1.8em; }
.post h3 { font-size: 1.65em; color: #2424; }
.post h4 { font-size: 1.55em; color: #595959; }
.post h5 { font-size: 1.45em; color: #6AA708; font-weight: bold; }
.post h6 { font-size: 1.35em; color: #000; font-weight: bold; }

.post h3, 
.post h4, 
.post h5, 
.post h6 { margin: 0 0 2px; }

.post h2 a,
.post h2 a:link,
.post h2 a:visited {text-decoration: none; color: #000; }

.post h2 a:hover {text-decoration: underline; color: #6AA708; }

#content .post p.postmetadata {margin: 15px 0 0; font-size: 1.2em; color: #808080; }
#content .post p.postdata {margin: 0 0 5px; font-size: 1.1em; color: #808080; }

#sidebar .blog-list {
	margin: 0 0 25px; }
	
#sidebar .blog-list li {
	font-size: 1.35em; }
	
#sidebar .form-search  {
	width: 82px; }
	
a.subscribe,
a.subscribe:link,
a.subscribe:visited {
	background: transparent url(/images/ico-rss.gif) left center no-repeat; 
	padding: 2px 0 2px 20px;
	color: #808080; 
	margin: 0 0 10px;
	font-size: 1.1em;
	display: inline-block; }
	
a.subscribe:hover {color: #6AA708; }
	
	
/*--------------------
	WordPress Comments
------------------------------------------------------------------*/
#respond #commentform {
	width: 590px; }

#respond #commentform textarea {
	width: 578px; 
	padding: 5px;
	font-size: 1.1em; 
	border: 1px solid #cdcdcd; 
	font-family:"Lucida Grande","Trebuchet MS","Tahoma",Serif; }
	
		
/*--------------------
	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;}


/*--------------------
	Company 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 { 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; }


/*--------------------
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; }


/*--------------------
 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; }	
	
.form-download-sdk input {
	background-image: url(/images/btn-download.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 20px 0 0;
	height: 33px;
	width: 112px; }
	
.form-download-sdk input:hover {
	background-position:left bottom; }
	
.form-search input {
	background: url(../images/btn-search.gif) top left no-repeat;
	display: block;
	margin: 0;
	height: 33px;
	width: 82px; }
	
.form-search input: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; }	

#sidebar #searchform {
	margin: 0 0 15px; }
	
#sidebar #searchform .textinput {
	border: 1px solid #cdcdcd;
	color: #565656;
	font-size: 1.2em;
	margin: 0 0 12px;
	padding: 7px 5px;
	width: 155px; 
	float: left; }
	

/*-----
Intense Debate 
----------------------------*/
#idc-container-parent #idc-container .idc-head_action {
	background: #EBEBEB; }

#idc-container-parent #idc-container a,
#idc-container-parent #idc-container a:link {
	color: #19A1D8; }

#idc-container-parent #idc-container .idc-c_collapsed .idc-c-h {
	background:#EBEBEB url(http://s.intensedebate.com/themes/universal/images/idc-transparent-0421.png) repeat scroll 100% 0;
	float:none !important;
	height:32px;
	margin:0 0 5px;
	width:auto !important; }
	
#idc-container-parent #idc-container .idc-c .idc-c-h {
	background:#EBEBEB url(http://s.intensedebate.com/themes/universal/images/idc-transparent-0421.png) repeat scroll 100% 0;
	float:none !important;
	height:32px;
	margin:0 0 5px;
	width:auto !important; }

#idc-container-parent #idc-container .idc-user_admin {
	clear:both;
	float:right;
	margin:10px 0 0;
	font-size: .65em;
	text-align: right; }
	
#idc-container-parent #idc-container .idc-user_admin label {
	font-size: .75em; }

#idc-container-parent ul.idc-user_i {
	font-size: .85em; }

#idc-container-parent #idc-container h3 {
	font-size:1.3em;
	font-weight: bold;
	line-height:1.3em; }	
	
#idc-container-parent #idc-ctools #idc-sortLinks {
	font-size: .75em; }
	
#idc-container-parent .idc-c-h .idc-c-h-inner .idc-i a,
#idc-container-parent #idc-container .idc-postnav {
	font-size: .8em; }
	
#idc-container-parent #idc-container .idc-header,
#idc-container-parent #idc-container #IDCommentReplyListItem1 {
	font-size: 1.2em;
	margin: 15px 0 0; }

#idc-container-parent .idc-c-h .idc-c-h-inner .idc-i .idc-time a {
	font-size: 1em; }

#idc-container-parent #idc-container .idc-c_collapsed div.idc-c-t, #idc-container-parent #idc-container .idc-c div.idc-c-t {
	margin: 10px 0; }

#idc-container-parent #IDCommentsNewThreadListItem1 {
	font-size: 1em; }	
	
#idc-container-parent #IDCPostNav {
	font-size: .75em; }	
	
#idc-container .idc-share-tabs {
	font-size:100%;	}
	
#idc-container .idc-share p {
	font-size:95%; }

	
/*------- 
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; }