/*
Theme Name: Learning@Lightspeed
Theme URI: http://www.lightspeedsystems.com/blog
Description: Simple, helvetica-based theme with starburst graphic and blue tone.
Version: 1.0
Author: Aaron Benson
Author URI: http://www.lightspeedsystems.com/
Tags: education, simple, helvetica
*/

/* TEST EDIT :: jake carvey */

html{
	
}

body 
{
	background:url(images/body_bg.png) top left repeat-x;
	font-family:Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
}

a
{
	color:#336699;	
}

a.pdf
{
	padding:0 16px 0 0;
	margin:0px;
	background:url(http://www.lightspeedsystems.com/images/pdf_icon.png) top right no-repeat;
}

img
{
	border:0px;	
}

h2.productName
{
	font-family:'Trebuchet MS', Sans-Serif;
	font-size:23px;	
	color:#366a86;
	margin:0px;
	padding:8px 0 0 0;
	background:url(http://www.lightspeedsystems.com/images/productNameSupText_Lightspeed.png) no-repeat;
}

p.productTagline
{
	font-family:'Trebuchet MS', Sans Serif;
	font-size:16px;
	font-style:italic;
	color:#232323;
	line-height:18px;
	margin:0px;
	padding:0px;
}

div#mainContainer
{
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	width:940px;
}

:focus
{
	-moz-outline:0;
}


/*--------------------------------------------------------------
## SEARCH
--------------------------------------------------------------*/
div#searchContainer
{
	height:40px;
	overflow:hidden;
	text-align:right;
	width:940px;
}

div#searchContainer div#pnlSiteSearch
{
	float:right;
}

div#searchContainer *
{
	float:left;
	margin:0 0 0 4px;
	padding:0px;
}

div#searchContainer select
{
	margin-top:10px;
}

div#searchContainer input.textbox
{
	margin-top:10px;
}

div#searchContainer input.button
{
	margin-top:9px;
}

/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
div#headerContainer
{
	height:100px;
	width:940px;
}

div#headerContainer:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#headerContainer h1
{
	background:url(images/lightspeed_logo.png) top left no-repeat;
	float:left;
	height:108px;
	margin:0px 0 0 0;
	padding:0px;
	width:276px;
	position: absolute;
	margin-top: -12px;
}

div#headerContainer h1 a
{
	display:block;
	height:108px;
	text-indent:-9999px;
	width:276px;

}

/*--------------------------------------------------------------
## TOP NAV
--------------------------------------------------------------*/
div#headerContainer ul
{
	float:right;
	list-style:none;
	margin:0px;
	padding:41px 0 0 0;
}

div#headerContainer ul li
{
	float:left;
	margin:5px 0 0 5px;
	padding:0px;
	position:relative;
}

div#headerContainer ul li:hover, div#headerContainer ul#topNavigation li.over,
body.products div#headerContainer ul li.products:hover, body.products div#headerContainer ul#topNavigation li.products.over,
body.training div#headerContainer ul li.training:hover, body.training div#headerContainer ul#topNavigation li.training.over,
body.support div#headerContainer ul li.support:hover, body.support div#headerContainer ul#topNavigation li.support.over,
body.partners div#headerContainer ul li.partners:hover, body.partners div#headerContainer ul#topNavigation li.partners.over,
body.about div#headerContainer ul li.about:hover, body.about div#headerContainer ul#topNavigation li.about.over
{
	z-index:999;
	background:url(images/top_nav_over_bg_left.png) top left no-repeat;
	margin-top:0px;
}

div#headerContainer ul li.resources:hover, div#headerContainer ul li.resources.over
{
	background:url(images/top_nav_bg_left_wide.png) top left no-repeat;
	margin-top:5px;	
}

div#headerContainer ul li.blog:hover, div#headerContainer ul li.blog.over
{
	background:url(images/top_nav_bg_left.png) top left no-repeat;
	margin-top:5px;	
}

div#headerContainer ul li.home:hover, div#headerContainer ul li.home.over
{
	background:url(images/top_nav_bg_left.png) top left no-repeat;
	margin-top:5px;
}

div#headerContainer ul li a
{
	display:block;
	font-size:0.75em;
	font-weight:bold;
	margin:0px;
	padding:3px 12px 5px 12px;
	text-decoration:none;
}

div#headerContainer ul li a:hover
{
	background:url(images/top_nav_over_bg_right.png) top right no-repeat;
}

div#headerContainer ul li.home a:hover
{
	background:url(images/top_nav_bg_right.png) top right no-repeat;
}

div#headerContainer ul li:hover a, div#headerContainer ul#topNavigation li.over a,
body.products div#headerContainer ul li.products:hover a, body.products div#headerContainer ul#topNavigation li.products.over a,
body.training div#headerContainer ul li.training:hover a, body.training div#headerContainer ul#topNavigation li.training.over a,
body.support div#headerContainer ul li.support:hover a, body.support div#headerContainer ul#topNavigation li.support.over a,
body.partners div#headerContainer ul li.partners:hover a, body.partners div#headerContainer ul#topNavigation li.partners.over a,
body.about div#headerContainer ul li.about:hover a, body.about div#headerContainer ul#topNavigation li.about.over a
{
	background:url(images/top_nav_over_bg_right.png) top right no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	color:#fff;
}

div#headerContainer ul li.home:hover a, div#headerContainer ul li.home.over a
{
	padding-top:3px;
	padding-bottom:5px;
	color:#fff;

}

div#headerContainer ul li.resources:hover a, div#headerContainer ul li.resources.over a
{
	padding-top:3px;
	padding-bottom:5px;
}

div#headerContainer ul li.blog:hover a, div#headerContainer ul li.blog.over a
{
	padding-top:3px;
	padding-bottom:5px;
	color:#fff;
}

/* begin home for ie */
li#homeTab.over
{
	background:url(images/top_nav_bg_left.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#homeTab.over a
{
	background:url(images/top_nav_bg_right.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#homeTab a:hover
{
	background:url(images/top_nav_bg_right.png) top right no-repeat !important;
}
/* end home for ie */

/* begin resources for ie */
li#resourcesTab.over
{
	background:url(images/top_nav_bg_left_wide.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#resourcesTab.over a
{
	background:url(images/top_nav_bg_right_wide.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#resourcesTab a:hover
{
	background:url(images/top_nav_bg_right_wide.png) top right no-repeat !important;
}
/* end resources for ie */

/* begin blog for ie */
li#blogTab.over
{
	background:url(images/top_nav_bg_left.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#blogTab.over a
{
	background:url(images/top_nav_bg_right.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#blogTab a:hover
{
	background:url(images/top_nav_bg_right.png) top right no-repeat !important;
}
/* end blog for ie */

/* begin widths for safari */
li.partners a
{
	/*padding-left:0px !important;
	padding-right:0px !important;*/
	width:58px;
}
li.about a
{
	/*padding-left:0px !important;
	padding-right:0px !important;*/
	width:60px;
}
/* end widths for safari */

/* hide demo button within *new* resource center */
body.resources div#pnlSubTitleBar p#startDemoLink
{
	display:none;	
}

/* selected tabs */
body.home div#headerContainer ul li.home,
body.products div#headerContainer ul li.products,
body.training div#headerContainer ul li.training,
body.support div#headerContainer ul li.support,
body.partners div#headerContainer ul li.partners,
body.about div#headerContainer ul li.about
body.blog div#headerContainer ul li.blog
{
	background:url(images/top_nav_bg_left.png) top left no-repeat;
}
body.resources div#headerContainer ul li.resources
{
	background:url(images/top_nav_bg_left_wide.png) top left no-repeat;
}

body.home div#headerContainer ul li.home a,
body.products div#headerContainer ul li.products a,
body.training div#headerContainer ul li.training a,
body.support div#headerContainer ul li.support a,
body.partners div#headerContainer ul li.partners a,
body.about div#headerContainer ul li.about a
body.blog div#headerContainer ul li.blog a
{
	background:url(images/top_nav_bg_right.png) top right no-repeat;
		color:white;
}
body.resources div#headerContainer ul li.resources a
{
	background:url(images/top_nav_bg_right_wide.png) top right no-repeat;
}

/* TOP NAVIGATION -- SUBLINKS */
div#headerContainer ul li:hover ul, div#headerContainer ul li.over ul
{
	display:block;
}

div#headerContainer ul ul {
	background:#1a1a1a;
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:32px;
	left:0px;
	width:230px;
}

div#headerContainer ul li.about ul
{
	left:-146px;
}

div#headerContainer ul li.partners ul
{
	left:-148px;
}

div#headerContainer ul ul li {
	border-top:1px solid #313131;
	float:left; /* left fixes margin problem in IE */
	margin:0px;
	padding:0px;
	width:230px;
}

div#headerContainer ul ul li.first {
	border-top:0px;
}

div#headerContainer ul ul li:hover, div#headerContainer ul ul li.over {
	background:none;
	margin:0px;
	padding:0px;
}

div#headerContainer ul ul li a {
	background:none !important;
	color:#fff;
	display:block;
	float:none;
	font-weight:normal;
	height:auto;
	margin:0px !important;
	padding:6px 0 6px 10px !important;
	width:220px !important;
	text-decoration:none;
}

div#headerContainer ul ul li a:hover {
	background-color:#262626 !important;
	background-image:none;
}


/*--------------------------------------------------------------
## BLOG
--------------------------------------------------------------*/
div#blogHeader
{
	background:url(images/blog_header_withTitle.png) no-repeat; 
	min-height:160px;
}

div#blogHeader img.spacer
{
	margin-top:40px; 
	height:70px; 
	width:400px;
}

div#blogBody
{
	background:url(images/content_bg_withSidebar.png) top no-repeat; 
	padding:1px 15px 0 15px;
	overflow:hidden;
	font-size:.875em;
	line-height:1em;
}

div#blogBody div#leftCol
{
	float:left;
	width:685px;
	
}

div#blogBody div#leftCol div#content
{
	color:#626262;
}

div#blogBody div#leftCol p.about
{
	line-height:1.35em;
	padding:0 10px 30px 12px;
	color:#626262;
}

div#blogBody div#leftCol div.postsCap
{
	background:url(images/posts_cap.png) top left no-repeat;
	text-transform: uppercase;
	color:#929292;
	padding:19px 11px 9px 11px;
	min-height:15px;
}

div#blogBody div#leftCol div.full
{
	text-transform: none;
	background:url(images/posts_cap_full.png) top left no-repeat;
}

div#blogBody div#leftCol div.hello
{
	font-size:1.25em;
	font-weight:bold;
	color:#568ecb;
}

div#blogBody div#leftCol div.post
{
	border-bottom:1px solid #e3e3e3;
	overflow:auto;
}

div#blogBody div#leftCol div.single
{
	padding:0 10px 0 10px;
}

div#blogBody div#leftCol div.home
{
	background:url(images/post_bg_leftShade.png) top left repeat-y;
}

div#blogBody div#leftCol div.post div.info
{
	float:left;
	width:205px;
}

div#blogBody div#leftCol div.post div.info p
{
	padding:20px 0 10px 10px;
	margin:0px;
	color:#878787;
	font-size:.95em;
}

div#blogBody div#leftCol div.post div.info p a
{
	color:#878787;
}

div#blogBody div#leftCol div.post div.info p span.post_date
{
	font-size:1.1em;
	color:#608bb8;
}

div#blogBody div#leftCol div.post div.content
{
	float:right;
	width:460px;
}

div#blogBody div#leftCol div.post div.content h4, div#blogBody div#leftCol div.post div.content h4 a,
div#blogBody div#leftCol div.post h4, div#blogBody div#leftCol h4
{
	font-size:1.125em;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	color:#4f4f4f;
	font-weight:bold;
	text-decoration:none;
}

div#blogBody div#leftCol div.post div.content h4 a:hover
{
	text-decoration:underline;
}

div#blogBody div#leftCol div.post div.content h4 { line-height: 1.5em;}

div#blogBody div#leftCol div.post div.content p, div#blogBody div#leftCol div.single p
{
	padding:0px;
	margin-top:0px;
	color:#626262;
	line-height:1.35em;
}

div#blogBody div#leftCol div.post div.content p.joels_cue_that_blogpost_comments_belong_on_post_pages
{
	border-top:1px solid #dbdbdb;
	text-align:right;
	padding:5px 0 0 0;
}

div#blogBody div#leftCol div.post div.content p.joels_cue_that_blogpost_comments_belong_on_post_pages a
{
	color:#666666;
}

div#blogBody div#leftCol div.post div.content blockquote
{
	padding:0 0 0 10px;
	margin:0px;
}

div#blogBody div#leftCol div.commentBlock li.comment
{
	padding:10px;
	margin:10px 0 10px 0;
}

div#blogBody div#leftCol div.commentBlock li.comment-author-admin
{
	background:#f3f3f3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div#blogBody div#leftCol div.commentBlock ol.commentlist li
{
	border-bottom:1px solid #ccc;
}

div#blogBody div#leftCol div.commentBlock div.comment-body em
{
	display:block;
	text-align:center;
	color:#c16419;
	margin:10px 0 0 0;
	padding:8px 0 20px 0;
	background:url(images/post_moderation_tail.png) bottom left no-repeat #fffeab;
	
	border-top:1px solid #f6d6bb;
}

div#blogBody div#leftCol div.post div.content p a
{
	color:#1f1f1f;
	font-size:.95em;
	font-weight:normal;
}

div#blogBody div#leftCol div#content
{
	padding:0 0 0 13px;
}

div#blogBody div#rightCol
{
	float:right;
	width:193px;
	line-height:1.35em;
	color:#494949;
}

div#blogBody div#rightCol div.sidebarItem
{
	margin:0px;
	padding:20px 0 20px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #c7c7c7;
}

div#blogBody div#rightCol div.sidebarItem label.screen-reader-text
{
	font-weight:bold;
}

div#blogBody div#rightCol div.first
{
	padding-top:0px;
	border-top:none;
}

div#blogBody div#rightCol div.last
{
	border-bottom:none;
}

div#blogBody div#rightCol div.center
{
	text-align:center;
}

div#blogBody div#rightCol div.search
{
	font-size:1.25em;
}

div#blogBody div#rightCol ul, div#blogBody div#rightCol li
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#blogBody div#rightCol li
{
	margin:0px;
	list-style:none;
	padding:5px 0 5px 0;
}

div#blogBody div#rightCol li h2
{
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:1.25em;
}

div#blogBody div#rightCol form input#s
{
	margin-top:5px;
	padding:5px 0 0 0;
	width:115px;
}





/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/
div#footer
{
	border-top:1px dotted #999;
	color:#afafaf;
	font-size:0.75em;
	margin-top:30px;
	padding:12px 0 10px 0;
	overflow:hidden;
	width:940px;
	
	/*background:#ccc;
	color:#fff;
	margin-bottom:10px;
	padding:10px;
	width:914px;*/
}

div#footer a
{
	color:#afafaf;
	/*color:#fff;*/
}

div#footer ul
{
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

div#footer ul li
{
	float:left;
	margin:0 15px 0 0;
	padding:0px;
}

div#footer p
{
	float:right;
	margin:0px;
	padding:0px;
}