/*
-----------------------------------------------------------------------------
Theme Name:		CareGiver360 Custom Theme
Description:	CareGiver360.com Custom Theme
Version:		1.0
Author:			Farr Media Group
Author URI:		http://www.farrmediagroup.com/
Updated:		17 March 2009
-----------------------------------------------------------------------------*/


/*	=Color Glossary
-----------------------------------------------------------------------------

white			-	#FFFFFF
black			-	#000000
gray (1)		-	#CCCCCC
gray (2)		-	#999999
gray (3)		-	#333333
yellow			-	#DBC639
yellow (light)	-	#F2EFD1
yellow (dark)	-	#B2A12E
blue			-	#98A4B9
blue (light)	-	#EBECF0
blue (dark)		-	#344C63
blue - alt		-	#507599		links
red				-	#CC0000		validation errors

-----------------------------------------------------------------------------*/

/*	Imported Styles
-----------------------------------------------------------------------------*/
@import url('css/reset.css');
@import url("css/lightbox.css");

/*	=Hidden Objects
-----------------------------------------------------------------------------*/
.hide, #accessibility, #logo-for-print, #tagline, h2, #contact, 
.blog .sticky h3, .blog .sticky .meta
/* swap for '#contact' to display formatted address within footer
#contact h3, #contact dt, #country, #contact #phone .type, 
#contact #phone .connector, #contact .email, #web-site */
{
	position:absolute;
	left:0;
	top:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.common-questions #content-primary h2, .terms-of-use #content-primary h2, 
.privacy-policy #content-primary h2, .contact-us #content-primary h2, .error #content-primary h2,
.user-stories #content-primary h2, .user-guide #content-primary h2 {
	/* show specific instances of hidden objects above */
	position:static;
	left:0;
	top:0;
	width:auto;
	height:auto;
	overflow:auto;
	}

/*	=Base Elements
-----------------------------------------------------------------------------*/
html {
	background:#344C63 url(img/design/html.jpg) repeat 0 0;
	}
body {
	font-family:Helvetica, Arial, sans-serif;
	color:#333333;
	}
#page-container {
	position:relative;
	width:850px;
	padding-bottom:40px;
	margin:0 auto; /* if page centering turned off, update IE6 script accordingly */
	}
p, ul, ol, dl, pre, blockquote, form, table {
	font-size:100%; /* = 12px text */
	line-height:1.5em; /* 18px */
	}
	ul p, ol p, dl p, ul ul, ol ul, ol ol, form ul, form ol {
		font-size:100%;
		}
em	{
	font-style:italic;
	}
strong, dt {
	font-weight:bold;
	}
ul {
	list-style-type:disc;
	margin-left:15px;
	}
	ol {
		list-style-type:decimal;
		margin-left:20px;
		}
		ol ol {
			list-style-type:lower-alpha;
			}
	li {
		padding-left:5px;
		}
	dt {
		margin:14px 0 7px;
		}
	dd {
		padding-left:20px;
		}
abbr, acronym {
	border-bottom-width:1px;
	border-bottom-style:dotted;
	cursor:help;
	}
hr {
	width:90%;
	border:none;
	border-bottom:1px solid #999999;
	margin:21px auto;
	}

/* =Links
-----------------------------------------------------------------------------*/
a {
	text-decoration:none;
	padding:1px 2px;
	border-bottom:1px solid #507599;
	color:#507599;
	}
	a:hover {
		border:none;
		color:#FFFFFF;
		background-color:#507599;
		}
a.video-link {
	padding:0;
	border:none;
	}
	a.video-link:hover {
		background:none;
		}
	a.video-link img {
		border:4px solid #F2EFD1;
		}
	a.video-link img:hover {
		border-color:#507599;
		}
#chgfontsizeoptions a {
	display:inline-block;
	width:17px;
	height:18px;
	padding:0;
	border:none;
	color:#FFFFFF;
	}


/* =Headings
  (headings within CMS content begin with h3)
-----------------------------------------------------------------------------*/
h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:normal;
	color:#344C63;
	}
.common-questions #content-primary h2, .terms-of-use #content-primary h2, 
.privacy-policy #content-primary h2, .contact-us #content-primary h2,
.user-stories #content-primary h2, .user-guide #content-primary h2 {
	/* create faux secondary navigation page title */
	position:absolute;
	left:10px;
	top:323px;
	width:190px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:116.67%; /* 14px */
	line-height:35px;
	padding:0 0 0 30px;
	border:1px dashed #FFFFFF;
	border-right:none;
	border-left:none;
	color:#000000;
	background:url(img/design/nav-primary-li-li.gif) no-repeat 0 0;
	}
	.user-stories #content-primary h2 a {
		border:none;
		color:#000000;
		background:none;
		cursor:default;
		}
	.user-stories #content-primary h2 a:hover {
		color:#FFFFFF;
		cursor:pointer;
		}
h3, .error h2 {
	font-size:150%; /* 18px */
	line-height:1.333em; /* 24px */
	margin-bottom:0.667em; /* x.5 */
	}
	li h3 {
		margin-top:1.333em; /* x1 */
		}
	.contact-us h3 {
		font-family:Helvetica, Arial, sans-serif;
		font-size:100%; /* 12px */
		line-height:1.5em; /* 18px */
		font-weight:bold;
		line-height:1.5em;
		margin:21px 0 14px;
		color:#333333;
		}
h4 {
	font-size:133.33%; /* 16px */
	line-height:1.3125em; /* 21px */
	margin-bottom:0.656em; /* x.5 */
	}
	li h4 {
		margin-top:.984em; /* x.75 */
		}
h5 {
	font-size:116.67%; /* 14px */
	line-height:1.5em; /* 21px */
	margin-bottom:0.656em; /* x.5 */
	}


/*	=Forms
-----------------------------------------------------------------------------*/
form p {
	margin-bottom:7px;
	}
label {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	}	
	label .required {
		font-weight:normal;
		font-style:italic;
		color:#999999;
		}
input[type="text"], textarea {
	width:470px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%; /* 12px */
	line-height:1.5em; /* 18px */
	padding:5px;
	border:1px solid #999999;
	color:#666;
	}
	input[type="text"]:focus, textarea:focus {
		color:#000;
		background-color:#FFFECB;
		}
form .submit-button {
	display:inline-block;
	border:1px solid #507599;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top:7px;
	}
	form .submit-button:hover {
		border-color:#344C63;
		}
	form input.submit, #searchsubmit {
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-size:116.67%; /* 14px */
		line-height:1em;
		padding:2px 5px;
		border:1px solid #FFFFFF;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#507599;
		background:#A1B7CC url(img/design/button.gif) repeat-x 0 0;
		}
	form input.submit:hover, #searchsubmit:hover {
		color:#FFFFFF;
		background-color:#507599;
		background-image:url(img/design/button-hover.gif);
		cursor:pointer;
		}
.wpcf7 div.wpcf7-response-output {
	width:460px;
	padding:10px;
	border-width:3px;
	margin:20px 0;
	}
	.share-with-a-friend .wpcf7 div.wpcf7-response-output {
		margin:0;
		}
	.wpcf7-form .wpcf7-not-valid-tip-no-ajax {
		font-size:100%; /* 12px */
		line-height:1.5em; /* 18px */
		font-style:italic;
		padding-top:5px;
		color:#CC0000;
		}
	.wpcf7 .ajax-loader {
		display:none !important;
		}
#searchform label {
	display:none;
	}


/* =Navigation
-----------------------------------------------------------------------------*/
#nav a {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:133.33%; /* 16px */
	color:#FFFFFF;
	border:none;
	white-space:nowrap;
	}
	#nav .secondary a {
		font-size:116.67%; /* 14px */
		}
	#nav a:hover {
		color:#000000;
		background:transparent;
		}
	#nav .current_page_item a, #nav .current_page_parent a {
		color:#000000;
		}
		.user-stories #nav .current_page_parent a { /* override 'blog' main nav highlight when within 'user stories' section */
			color:#FFFFFF;
			}
#nav ul {
	margin:0;
	}
	#nav li {
		display:inline;
		padding:0;
		list-style-type:none;
		}
#nav .primary {
	position:absolute;
	left:0;
	top:248px;
	width:790px;
	height:35px;
	padding:0 30px;
	background:url(img/design/nav-primary.jpg) no-repeat 0 100%;
	}
	.home #nav .primary {
		top:314px;
		}
#nav .primary li {
	display:block;
	float:left;
	width:auto;
	height:35px;
	}
	#nav .primary li.first {
		margin-left:-5px;
		}
		#nav .primary li li.first {
			margin-left:0;
			}
	#nav .primary a {
		display:block;
		height:32px;
		line-height:35px;
		padding:0 15px;
		border-bottom:3px solid transparent;
		}
		#nav .primary a:hover {
			color:#FFFFFF;
			border-bottom-color:#98A4B9;
			}
	#nav .primary li.current_page_item a, #nav .primary li.current_page_parent a {
		border-bottom-color:#B2A12E;
		background:#F2EFD1 url(img/design/nav-primary-current-item-a.gif) repeat-x 0 0;
		}
		#nav .primary li.current_page_item a:hover, #nav .primary li.current_page_parent a:hover {
			color:#000000;
			cursor:default;
			}
		#nav .primary li.current_page_parent li a:hover {
			cursor:pointer;
			}
	.user-stories #nav .primary li.current_page_parent a {
		border-bottom-color:transparent;
		background:none;
		}
		.user-stories #nav .primary li.current_page_parent a:hover {
			color:#FFFFFF;
			border-bottom-color:#98A4B9;
			cursor:pointer;
			}
#nav .primary li ul, .user-stories #nav .primary li.current_page_parent ul { 
	/* section navigation; also hide current_page_parent (blog section) for user stories section */
	display:none;
	}
	#nav .primary li.current_page_parent ul, .blog #nav .primary li.current_page_item ul {
		display:block;
		position:absolute;
		top:75px; /* #nav .primary height (35px) + #content-primary top padding (40px) */
		left:10px;
		width:220px;
		}
	#nav .primary li li {
		float:none;
		padding-left:30px;
		border-bottom:1px dashed #FFFFFF;
		}
		#nav .primary li li.first {
			border-top:1px dashed #FFFFFF;
			}
	#nav .primary li li a {
		font-size:116.67%; /* 14px */
		height:35px;
		padding:0;
		border:none;
		color:#507599;
		background:transparent !important;
		cursor:pointer;
		}
		#nav .primary li li.current_page_item, .blog #nav .current_page_item .first,
		.blog #nav .current_page_parent .first {
			background:url(img/design/nav-primary-li-li.gif) no-repeat 0 0;
			}
			.recommended-links #nav .current_page_parent .first {
				background:none;
				}
		#nav .primary li li.current_page_item a, .blog #nav .current_page_item .first a,
		.blog #nav .current_page_parent .first a {
			color:#000000;
			}
			.recommended-links #nav .current_page_parent .first a {
				color:#507599;
				}
		#nav .primary li li.current_page_item a:hover {
			cursor:default;
			}
#nav .secondary {
	text-align:center;
	}
	#nav .secondary li {
		padding-right:15px;
		margin-right:7px;
		background:url(img/design/nav-secondary-li.gif) no-repeat 100% .3em;
		}
	#nav .secondary li.last {
		padding-right:0;
		margin-right:0;
		background:none;
		}
#nav li#service-login {
	text-indent:-10000px;
	z-index:1000;
	position:absolute;
	top:0;
	right:0;
	width:265px;
	height:58px;
	padding:0;
	margin:0;
	background:none;
	}
	#nav li#service-login a {
		display:block;
		height:58px;
		padding:0;
		background:url(img/design/service-login-a.png) no-repeat 0 0;
		}
	#nav li#service-login a:hover {
		background-position:0 100%;
		cursor:pointer;
		}


/*	=Branding Content
-----------------------------------------------------------------------------*/
#branding {
	height:248px;
	text-indent:-10000px;
	margin-bottom:35px;
	background:url(img/design/branding-blank.jpg) no-repeat 0 0;
	}
	.about-caregiver360 #branding { background-image:url(img/design/branding-about.jpg) }
	.get-started-now #branding { background-image:url(img/design/branding-getstarted.jpg) }
	.who-we-are #branding { background-image:url(img/design/branding-whoweare.jpg) }
	.share-with-a-friend #branding { background-image:url(img/design/branding-share.jpg) }
	.user-stories #branding { background-image:url(img/design/branding-userstories.jpg) }
	.blog #branding { background-image:url(img/design/branding-blog.jpg) }
	.common-questions #branding, .terms-of-use #branding, 
	.privacy-policy #branding, .contact-us #branding, .error #branding,
	.user-guide #branding {
		background-image:url(img/design/branding-general.jpg)
		}
	#branding a {
		display:block;
		width:445px;
		height:165px;
		margin-left:10px;
		border:none;
		}
	#branding a:hover {
		background:transparent;
		}
.home #branding {
	height:314px;
	/* preload backgroung images for rotation via Javascript */
	background-image:url(img/design/branding-home-04.jpg);
	background-image:url(img/design/branding-home-03.jpg);
	background-image:url(img/design/branding-home-02.jpg);
	background-image:url(img/design/branding-home-01.jpg);
	}


/*	=Primary Content
-----------------------------------------------------------------------------*/
#content-primary {
	padding:40px 50px 40px 270px;
	background:#FFFFFF url(img/design/content-primary.jpg) repeat-y 0 0;
	}
	.home #content-primary { 
		padding:35px 387px 20px 40px; /* right padding creates 40px gutter with sidebar content */
		background-image:url(img/design/home-content-primary.jpg);
		}
#content-primary p, #content-primary ul, #content-primary ol, 
#content-primary blockquote, #content-primary form {
	margin-bottom:14px;
	}
	#content-primary li ul, #content-primary li ol {
		margin-top:7px;
		margin-bottom:14px !important;
		}
	#content-primary ul p, #content-primary ol p, #content-primary ul ul,
	#content-primary ul ol, #content-primary ol ul, #content-primary ol ol {
		margin-bottom:0;
		}
#content-primary p:first-child {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:133.33%; /* 16px */
	line-height:1.375em; /* 22px */
	letter-spacing:-.3px;
	margin-bottom:14px;
	color:#000000;
	}
	#content-primary .entry div p:first-child, .user-stories #content-primary p:first-child,
	.blog #content-primary p:first-child {
		font-size:100%; /* 14px */
		line-height:1.5em; /* 21px */
		letter-spacing:0px;
		margin-bottom:14px;
		}
#content-primary p.address	{
	margin-left:30px;
	}
.home #content-primary p, .home #content-primary p:first-child {
	font-family:Arial, Helvetica, sans-serif;
	font-size:116.67%; /* 14px */
	line-height:1.5em; /* 21px */
	color:#333333;
	letter-spacing:0;
	}
	.home #content-primary h3 {
		font-size:250%; /* 30px */
		line-height:1.2em; /* 36px */
		margin-bottom:21px;
		}
	.home #content-primary .entry p em {
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-weight:bold;
		font-style:normal;
		color:#B2A12E;
		}
.home #content-primary .sidebar-content {
	position:absolute;
	top:369px; /* .home #branding height (314px) + #nav .primary height (35px) + offset (20px) */
	right:35px;
	width:312px;
	background:#F2EFD1 url(img/design/sidebar-content.gif) repeat-y 0 0;
	}
	.home #content-primary .sidebar-content p:first-child {
		font-size:100%;
		}
	.home #content-primary #sidebar-demovideo-link {
		display:block;
		padding:0 25px 0;
		background:url(img/design/sidebar-demovideo-link.gif) no-repeat 0 0;
		}
		.home #content-primary #sidebar-demovideo-link a.pop-up-link {
			display:block;
			height:210px;
			}
	.home #content-primary .sidebar-content p {
		font-size:100%; /* 12px */
		line-height:1.5em; /* 21px */
		padding:0 25px 14px;
		margin-bottom:0 !important;
		}
	.home #content-primary .sidebar-content p.last {
		text-align:center;
		padding:7px 25px 24px;
		background:url(img/design/sidebar-content-p-last.gif) no-repeat 0 100%;
		}
		.home #content-primary .sidebar-content p.last .button {
			margin:0;
			}
	.home #content-primary .sidebar-content ul, .home #content-primary .sidebar-content ol {
		margin:0 20px 7px 45px;
		}
		.home #content-primary .sidebar-content li {
			margin-bottom:5px;
			}
		.home #content-primary .sidebar-content ol {
			padding-left:10px;
			}
		.home #content-primary .sidebar-content ol li { /* targeting li numerals */
			position:relative;
			font-size:200%;
			line-height:.5;
			font-weight:bold;
			color:#344C63;
			}
		.home #content-primary .sidebar-content ol li span { /* markup added dynamically by JS to reset li content font size */
			position:relative;
			top:-.7em;
			font-size:50%;
			line-height:1.5;
			font-weight:normal;
			color:#333333;
			}
		.home #content-primary .sidebar-content ol li span em {
			font-family:"Trebuchet MS", Helvetica, sans-serif;
			font-weight:bold;
			font-style:normal;
			color:#9B8926;
			}
.home #content-primary .user-stories-link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:128.57%; /* 18px */
	line-height:1.333em; /* 24px */
	margin:21px -2px;
	}
.home .subscriber-link {
	margin-top:28px;
	color:#999999;
	}
	.home .pretext {
		display:block;
		}
	.home .subscriber-link a {
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-size:128.57%; /* 18px */
		line-height:1.333em; /* 24px */
		}
p.video-link, span.flashvideo {
	display:inline-block;
	border:4px solid #F2EFD1;
	}	
	p.video-link a {
		padding:0;
		border:none;
		}	
	p.video-link a:hover {
		background-color:transparent;
		}	
#content-primary a.button {
	display:inline-block;
	clear:left;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:116.67%; /* 14px */
	line-height:1em;
	border:1px solid #507599;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top:14px;
	color:#507599;
	background:#A1B7CC url(img/design/button.gif) repeat-x 0 0;
	}
	.home #content-primary a.button {
		font-size:150%; /* 18px */
		}
	.share-with-a-friend #content-primary a.button {
		margin-top:0;
		}
	#content-primary a.button span {
		display:block;
		padding:4px 7px;
		border:1px solid #FFFFFF;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		}
		.home #content-primary a.button span {
			padding:4px 9px 6px;
			}
	#content-primary a.button:hover {
		color:#FFFFFF;
		background-color:#507599;
		background-image:url(img/design/button-hover.gif);
		}
.subscription-agreement #agreement-terms {
	position:relative;
	height:400px;
	padding:10px 20px 10px 10px;
	border:1px solid #CCCCCC;
	margin-bottom:21px;
	overflow:auto;
	}
#content-primary .callout {
	position:relative;
	width:532px;
	padding:0;
	margin:30px 0;
	background:url(img/design/spotlight-rules.gif) repeat-y 0 0;
	}
	.about-caregiver360.features #content-primary ol.features {
		list-style-type:none;
		margin-left:0;
		}
	.about-caregiver360.features #content-primary ol.features li {
		width:300px;
		padding-right:232px;
		}
		.about-caregiver360.features #content-primary ol.features li li {
			position:static;
			width:auto;
			height:auto;
			font-size:100%;
			font-weight:normal;
			padding-left:5px;
			margin:0;
			background:none;
			color:#333333;
			}
		.about-caregiver360.features #content-primary ol.features h3 {
			width:255px;
			padding-right:277px;
			font-size:133.33%;
			line-height:1.5em;
			margin:0 0 10px;
			}
			.about-caregiver360.features #content-primary ol.features h3 span {
				font-weight:bold;
				padding-right:5px;
				color:#9B8926;
				}
	#content-primary .callout-inner {
		width:488px;
		padding:10px 20px 15px;
		margin:0 2px;
		background:url(img/design/spotlight-bg.gif) repeat-x 0 0;
		}
		.about-caregiver360.features #content-primary .callout-inner {
			min-height:220px; /* same as .about-caregiver360.features .design-element.n03 height */
			}
	#content-primary .callout .design-element {
		display:block;
		width:532px;
		height:4px;
		position:absolute;
		left:0;
		overflow:hidden;
		text-indent:-10000px;
		}
		.about-caregiver360.features #content-primary .callout .design-element.n03 {
			top:9px;
			left:auto;
			right:12px;
			width:220px;
			height:220px;
			border:2px solid #FFFFFF;
			background:url(img/feature-screenshot-01.jpg) no-repeat 0 0;
			}
			.about-caregiver360.features #content-primary .callout.n02 .design-element.n03 { background-image:url(img/feature-screenshot-02.jpg); }
			.about-caregiver360.features #content-primary .callout.n03 .design-element.n03 { background-image:url(img/feature-screenshot-03.jpg); }
			.about-caregiver360.features #content-primary .callout .design-element.n03:hover {
				cursor:pointer;
				}
				.about-caregiver360.features #content-primary .callout.n03 .design-element.n03:hover {
					cursor:default; /* this one does not have a video pop-up yet */
					}
	#content-primary .callout .design-element.n01 {
		top:-4px;
		background:url(img/design/spotlight-top.gif) repeat-x 0 0;
		}
	#content-primary .callout .design-element.n02 {
		bottom:0;
		background:url(img/design/spotlight-btm.gif) repeat-x 0 0;
		}
	#content-primary .callout ul, #content-primary .callout ol {
		margin-top:14px;
		margin-bottom:7px;
		}
		#content-primary .callout li {
			margin-bottom:5px;
			}
#content-primary img {
	border:4px solid #F2EFD1;
	}
.user-stories #content-primary h3, .blog #content-primary h3 {
	font-size:200%; /* 24px */
	line-height:1.25em; /* 30px */
	margin-bottom:1em;
	}	
	.user-stories #content-primary h4, .blog #content-primary h4 {
		font-size:150%; /* 18px */
		line-height:1.333em; /* 24px */
		}	
	.user-stories #content-primary p.floated-image, .blog #content-primary p.floated-image {
		float:right;
		margin-left:20px;
		background-color:#FFFFFF;
		}	
		.user-stories #content-primary p.floated-image.alignleft, .blog #content-primary p.floated-image.alignleft {
			float:left;
			margin-right:20px;
			margin-left:0;
			}	
	.user-stories #content-primary blockquote, .blog #content-primary blockquote {
		padding:15px 20px 15px 15px;
		border:3px solid #B2A12E;
		border-right:none;
		border-left:none;
		margin-bottom:21px;
		color:#507599;
		background:#F2EFD1 url(img/design/user-story-excerpt.gif) repeat-x 0 0;
		}	
	.user-stories #content-primary blockquote p, .blog #content-primary blockquote p {
		font-size:116.667% !important; /* 14px */
		line-height:1.5em !important; /* 21px */
		margin:0 !important;
		color:#507599;
		}
	.user-stories .navigation, .blog .navigation {
		font-size:116.667%; /* 14px */
		line-height:1.5em; /* 21px */
		margin-top:14px;
		}
.category.user-stories #content-primary .post { /* User Stories index page */
	margin-bottom:14px;
	}
	.blog #content-primary .post {
		margin-bottom:21px;
		}
	.category.user-stories #content-primary h3, .blog #content-primary h3 {
		margin:0 -2px .5em;
		}
		.category.user-stories #content-primary h3 a, .blog #content-primary h3 a {
			border:none;
			}
	.category.user-stories #content-primary p.read-link, .blog #content-primary p.read-link {
		margin:-7px -2px 14px;
		}
	.category.user-stories #content-primary .user-story-thumbnail {
		float:right;
		width:150px;
		height:150px;
		padding:4px;
		border:none;
		margin-left:20px;
		background-color:#F2EFD1;
		}
		.category.user-stories #content-primary .user-story-thumbnail:hover {
			background-color:#507599;
			}
	.category.user-stories #content-primary .user-story-thumbnail img {
		width:150px;
		height:150px;
		border:none;
		}
.blog .sticky {
	padding:10px;
	border:3px solid #B2A12E;
	border-right:none;
	border-left:none;
	margin-bottom:21px;
	background-color:#F7F3F3;
	}
	.blog .sticky p {
		display:inline;
		padding-right:.5em;
		}
	.blog .sticky p {
		display:inline;
		padding-right:.5em;
		}
.meta {
	font-style:italic;
	}
#author-bio {
	color:#666;
	padding:1em 0;
	border:1px solid #CCC;
	border-right:none;
	border-left:none;
	margin:1em 0;
	}
.share-with-a-friend div.column {
	float:left;
	width:45%;
	margin-right:5%;
	}
	.share-with-a-friend div.column.n02 {
		margin-right:0;
		}
	.share-with-a-friend form input[type="text"] {
		width:95%;
		}
.thumbnails a {
	float:left;
	font-style:italic;
	text-align:center;
	width:150px;
	border:none;
	padding:0;
	margin:0 15px 0 0;
	color:#000000;
	}
	.thumbnails a:hover {
		color:#507599;
		background-color:transparent;
		}
	.thumbnails a img {
		display:block;
		width:150px;
		margin-bottom:7px;
		}
	.thumbnails a img:hover {
		border-color:#507599 !important;
		}
ul.thumbnails {
	float:left;
	width:100%;
	margin:0 0 35px;
	}	
	ul.thumbnails li {
		list-style-type:none;
		float:left;
		width:150px;
		margin:0 15px 21px 0;
		}	
.pop-up-link {
	text-indent:-10000px;
	}	
	a.pop-up-link {
		border:none;
		padding:0;
		}	
	a.pop-up-link:hover {
		background:transparent;
		}	
	
	
/*	=Secondary Content
-----------------------------------------------------------------------------*/
#content-secondary {
	padding-top:28px;
	margin-bottom:7px;
	background:url(img/design/content-secondary.jpg) no-repeat 0 0;
	}
	.home #content-secondary {
		padding-top:28px;
		background-image:url(img/design/home-content-secondary.jpg);
		}
#user-story-excerpt, #blog-description {
	position:absolute;
	left:10px;
	top:600px; /* reset dynamically as needed by Javascript */
	width:220px;
	padding:15px 0 10px;
	border:3px solid #B2A12E;
	border-right:none;
	border-left:none;
	color:#507599;
	background:#F2EFD1 url(img/design/user-story-excerpt.gif) repeat-x 0 0;
	}
	#blog-description {
		top:420px;
		color:#000;
		}
		#blog-description p, #blog-description ul {
			margin-bottom:.5em;
			}
	#user-story-excerpt .wrapper, #blog-description .wrapper {
		margin:0 15px 10px 20px;
		}
	#user-story-excerpt h3 {
		font-size:133.33%; /* 16px */
		line-height:1.3125em; /* 21px */
		margin-bottom:7px;
		color:#B2A12E;
		}
	#user-story-excerpt p {
		display:inline;
		}
	#user-story-excerpt a.user-story-thumbnail {
		float:left;
		width:80px;
		height:80px;
		padding:4px;
		border:none;
		margin-right:10px;
		background-color:#FFFFFF;
		}
		#user-story-excerpt a.user-story-thumbnail:hover {
			background-color:#507599;
			}
	#user-story-excerpt img {
		width:80px;
		height:80px;
		}
.user-stories #nav .secondary .user-stories a, .user-stories #nav .secondary .user-stories a {
	color:#000000;
	cursor:default;
	}


/*	=Ancillary Content
-----------------------------------------------------------------------------*/
#ancillary {
	color:#FFFFFF;
	}
#contact, #site-notes {
	text-align:center;
	}
	#contact {
		margin-bottom:3px;
		}
#contact .vcard dl, #contact .vcard dd, #site-notes ul, #site-notes li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	#contact .vcard .street-address, #contact .vcard .postal-code {
		padding-right:10px;
		margin-right:3px;
		background:url(img/design/nav-secondary-li.gif) no-repeat 100% .4em;
		}
#chgfontsizeoptions {
	position:absolute;
	z-index:1000;
	right:240px;
	top:33px;
	}
	#chgfontsizeoptions p {
		position:relative;
		}
	#chgfontsizeoptions a {
		position:relative;
		top:3px;
		}

/* =Misc
-----------------------------------------------------------------------------*/
.admin {
	z-index:1000;
	position:absolute;
	top:30px;
	left:20px;
	}
	.home #content-primary .admin {
		font-size:100%; /* 12px */
		line-height:1em; /* 12px */
		}
	a.post-edit-link, a.post-edit-link:visited {
		font-family:Arial, Helvetica, sans-serif;
		padding:4px 5px;
		color:#FFF;
		background-color:#000;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		}
		a.post-edit-link:hover {
			background-color:#C00;
			}
.alignright, .alignleft {
	float:right;
	margin:0 0 10px 30px;
	}
	.alignleft {
		float:left;
		margin:0 30px 10px 0;
		}
.no-border {
	border:none !important;
	}
ul.columns {
	float:left;
	margin-right:5%;
	}
	ul.columns.n03 {
		width:25%;
		}
	ul.columns.n02 {
		width:35%;
		}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	/* .clearfix rules for IE separated out to 'css/ie.css' file */