body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	margin: 0;
	padding: 0;
	background: #A4A4A4 url('images/bkg-tiled.jpg') top repeat-x;
}

table {
	width: 80%;
}

a {
	color: #222;
	text-decoration: none;
	outline: 0;
}

a img, img { border: none; }

a:hover {
	color: #000;
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

h2 { font-size: 24px; }
h3 { font-size: 20px; }

p {
	margin: 0 0 15px 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 30px;
}

form {
	margin: 0;
	padding: 0;
}

input.text {
	border: 1px solid #222;
	padding: 2px;
	width: 70%;
	color: #555;
}


.break { clear: both; }

/*
 * Lists
 */
dl {
	width: 100%;
}

dt, dd {
	float: left;
	margin: 0;
	padding: 3px 0;
}

dt {
	width: 40%;
	clear: both;
}

dd {
	width: 60%;
}

/*
 * Global Helpers
 */
.hidden { margin-left: -9999px; }

.submitHidden {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

h2.img, h3.img {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

h2.pageTitle {
	margin-bottom: 30px;
}

ul.nobullets, ul.nobullets li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Main Layout Containers
 */

/* Centralized Elements */
#wrapper, #navbar, #footer, #page {
	width: 952px;
	margin: 0 auto;
}

#wrapper {
	background: url('images/bkg-spotlights.jpg') 13px 0 no-repeat;
	padding-top: 98px;
}
body#home #wrapper { padding-top: 78px; }

#page {
	padding-bottom: 60px;
	clear: both;
}

#header {
	background: url('images/bkg-nav-tiled.jpg') repeat-x;
	height: 52px;
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
}

#navbar {
	background: url('images/blognav1.jpg') top left no-repeat;
	height: 52px;
}

#content {
	background: #fff url('images/content-rounded-bkg.png') top left no-repeat;
	width: 621px;
	_width: 621px;
	_overflow:hidden;
	float: left;
	min-height: 750px;
	height: expression( this.scrollHeight < 750 ? "751px" : "auto" ); /* sets min-height for IE */
  
}

body#home #content { background: #fff url('images/home-content-rounded-bkg.png') top left no-repeat; }
#content .spacer { padding: 30px 0px 10px 0; }
body#home #content .spacer { padding: 50px 0px; }
#content  .innerCentralizer { padding: 0 50px; }
body#home .innerCentralizer { padding: 0 60px; }

/*
 * Navbar
 */

ul#navbar, ul#navbar li {
	list-style: none;
	padding: 0;
}

ul#navbar li {
	text-indent: -9999px;
	float: left;
	width: 50px;
}

ul#navbar li a {
	display: block;
	float: left;
	height: 43px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#navbar li a:hover, ul#navbar li.active a, body.tour ul#navbar li#navTour a,
body.signUp ul#navbar li#navSignup a { background-image: url('images/blognav1.jpg'); }

ul#navbar li#logoHome, ul#navbar li#logoHome a { width: 135px; }
ul#navbar li#logoHome {margin-left: 28px; _margin-left:14px;}
ul#navbar li#logoHome a:hover { background-position:-28px 0px;}

ul#navbar li#logoJumpchart, ul#navbar li#logoJumpchart a { width: 124px; }
ul#navbar li#logoJumpchart a:hover, ul#navbar li.active#logoJumpchart a { background-position: -163px -52px; }

ul#navbar li#logoStaction, ul#navbar li#logoStaction a { width: 120px; }
ul#navbar li#logoStaction a:hover { background-position: -287px -52px; }

ul#navbar li#logoBlog, ul#navbar li#logoBlog a { width: 76px;  }
ul#navbar li#logoBlog { margin-left: 1px;}
ul#navbar li#logoBlog a:hover { background-position: -408px -52px; }


ul#navbar li#logoSupport a { 
	background: url("images/support_nav.jpg") 0 -43px no-repeat;
	width: 119px;
	height: 43px;
	position: relative;
	left: 336px;
}

ul#navbar li#logoSupport a:hover {
	background-position: 0 0;
}

/*
 * Content
*/

.spacer a {
	color: #da5700;
	padding: 2px 3px 1px 2px;
	display: inline;
}

.spacer a:hover { 
	color: #fff;
	/*background-color: #333;*/
}

.spacer h1#whatsUp {
	position: relative;
	top: -30px;
	margin: 0;
	background: url("images/home_header.jpg") no-repeat;
	width: 449px;
	height: 48px;
	text-indent: -9999px;
	display: block;
}

.gradientBreak {
	background: url("images/shadow-separator.png") no-repeat;
	width: 100%;
	margin: 36px auto 42px 30px;
	height: 18px;
	text-indent: -9999px;
	text-align: center;
}

#jumpchart .headline, #staction .headline, #paprika .headline {
	width: 621px;
	height: 28px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#jumpchart .app_image a, #staction .app_image a, #paprika .app_image a {
	width: 247px;
	height: 95px;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-top: 24px;
}

#jumpchart .app_info, #staction .app_info, #paprika .app_info {
	display: inline;
	float: left;
	width: 310px;
	margin-left: 10px;
	line-height: 20px;
/*	font-weight: bold;
*/}

#jumpchart .headline { background: url(images/jumpchart_header.jpg) no-repeat; margin: 12px 0 5px 0; }
#jumpchart .app_image a {	background: url(images/jumpchart_image.jpg) no-repeat; }
#staction .headline {	background: url(images/staction_header.jpg) no-repeat; margin-top: -25px; }
#staction .app_image a {	background: url(images/staction_image.jpg) no-repeat; margin-top: 43px; }

#paprika .headline { background: url(images/paprika_header.jpg) no-repeat; margin: 12px 0 5px 0; }
#paprika .app_image a {	background: url(images/paprika_image.jpg) no-repeat; }



.app_links {
	list-style-type: none;
	padding: 0;
	margin-left: -10px;
	margin-top: -7px;
	font-weight: bold;
}

.app_links li {
	display: inline;
	text-transform: uppercase;
	
}

.app_links li a {
	padding: 1px 10px;
}

.app_links li a:hover {
	color: #000;
}
 
#jumpchart .app_links li, #jumpchart .app_links li a { color: #6d901c; }
#staction .app_links li, #staction .app_links li a {	color: #cfac10; }
#paprika .app_links li, #paprika .app_links li a {	color: #bd3f00; }

#jumpchart .app_links li a:hover, #staction .app_links li a:hover, #paprika .app_links li a:hover { color: #000; }

#experiments {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
#pastePlays {
	background: url('images/pastePlays.jpg') no-repeat;
	width: 621px;
	height: 66px;
	text-indent: -9999px;
	margin-top: 35px;
}

.pleasenotify a, .pleasenotify a:hover {
	display: block;
	background: url("images/pleaseNotify.jpg") no-repeat;
/*	width: 621px;*/
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	height: 22px;
	text-indent: -9999px;
}

.gluue a, .gluue a:hover {
	display: block;
	background: url("images/gluue.jpg") no-repeat;
	width: 621px;
	margin-top: 20px;
	height: 22px;
	text-indent: -9999px;
}



/*
 * Sidebar
 */

#sidebar {
	float: left;
	width: 330px;
	_overflow: hidden;
	background: url('images/bkg-sidebar-darker.jpg') repeat-y;
	margin-top: 20px;
}

#sidebar a {
	color: #606060;
	padding-left: 10px;
	margin-left: 6px;
	font-size: 12px;
}

#sidebar a img {
	vertical-align: middle;
	margin-right: 15px;
	*margin-right: 30px;
	position: relative;
	top: -1px;
	_top: 0px;
}

#sidebar a:hover {
	color: #717171;
}

#sidebar_description {
	background: url('images/sidebar_description.jpg') no-repeat;
	width: 330px;
	height: 169px;
	text-indent: -9999px;
}

#sidebar_recentPostsTitle a {
	background: url('images/sidebar_recentPosts.jpg') no-repeat;
	width: 330px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	margin: 0;
}

#recentPostsList ul {
	list-style-type: none;
	padding: 0;
}

#recentPostsList ul li {
	margin: 0 0px 1px 0px ;	
	padding: 0px 20px 0px 31px;
	background: url('images/bkg-sidebar.jpg') repeat-y;
	overflow: visible;
	clear: both;
	display: block;
}
#recentPostsList ul li div, #tweetsList ul li div {
	background: url('images/bullet-arrow.gif') 0 center no-repeat ;
	padding: 10px 20px;
}

#recentPostsList ul li div a, #tweetsList ul li div a {
	padding: 0;
	margin: 0;
	text-indent: 0;

}

#sidebar #recentPostsList ul li div a:hover {
	background: #e7e7e7;
}
  
#sidebar_tweetsTitle a {
	background: url('images/sidebar_tweetsTitle.jpg') no-repeat;
	width: 330px;
	height: 34px;
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

#tweetsList ul {
	list-style-type: none;
	padding-left:0px;	
}

#tweetsList ul li {
	margin: 0 0px 1px 0px ;	
	padding: 0px 20px 0px 31px;
	background: url('images/bkg-sidebar.jpg') repeat-y;
	overflow: visible;
	clear: both;
	display: block;
	text-indent: 0;
}

#subscribe_header {
	background: url("images/emailSubscribe.jpg") no-repeat;
	width: 330px;
	height: 34px;
	text-indent: -9999px;
	position: relative;
	top: -2px;
}

#subscribe_form {
	padding-bottom: 15px;
}

#subscribe_form form {
	height: 24px;
}

#subscribeInput {
	border: none;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 215px;
	margin-left: 36px;
	font-size: 10px;
	color: #777;
	padding: 5px 0 7px 4px;
	vertical-align: middle;
}

#subscribeInput:focus {
	outline: none;
}

#subscribeSubmit {
	background: url("images/go.jpg") no-repeat;
	width: 35px;
	height: 24px;
	border: none;
	text-indent: -9999px;
	vertical-align: middle;
	
}

#sidebarBottom {
	height: 50px;
	background: url('images/bkg-sidebar.jpg') repeat-y;
	width: 330px;
	text-indent: -9999px;
}



/*
 * Footer
 */

#bottom_shadow {
	background: url("images/bkg-bottom-content.jpg") no-repeat;
	text-indent: -9999px;
	height: 84px;
	width: 951px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	*top: -80px;
	left: -1px;
	z-index:-10;
}

#footer {
	color: #7A7A7A;
	font-size: 11px;
	margin-top: -80px;
	*margin-top: -150px;
	padding-bottom: 50px;
	line-height: 23px;
	_margin-left: 65px;
}

#copyright {
	background: url('images/paste-footer-logo.png') 0 0 no-repeat;
	padding-left: 17px;
	margin-left: 20px;
	width: 200px;
	float: left;
}

#footer a { color: #7a7a7a; }
#footer a:hover { color: #666; }

#footerNav {
	float: right;
	width: 300px;
	margin-right: 290px;
	*margin-right: 300px;
	_margin-right: 135px;
}

#footerNav ul, #footerNav ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footerNav ul li {
	float: left;
	margin-left: 5px;
}

#footerNav ul li a { margin-right: 5px; }

/*
 * Privacy Policy
*/

body#privacy .spacer {
	padding: 0 40px;
}

body#privacy .spacer h1 {
	margin-top: 20px;
}
body#privacy .spacer p {
}