/*
%%%%%%%%%%
Online Community Styles
%%%%%%%%%%
created by kaiser shahid [2007-10-26]
*/

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	color: #0570AD;
}

a { text-decoration: none !important; }
a:hover { text-decoration: underline !important; }

/*
these three things deal with the header with the gradient bg,
and also how the boxes below 'attach' to it.
*/
.shadedHeader {
	background: url( 'http://assets.aarp.org/aarp.org_/images/global/shaded-header-bg.gif' ) repeat-x;
	height: 18px !important;
	border: 1px solid #e7e6e4;
	border-bottom: 0px;
	padding: 4px 6px 0px 6px !important;
}

div.box.bottomRounded {
	background: #e7e6e4 url( 'http://assets.aarp.org/aarp.org_/images/global/rounded-bottom-e7e6e4-3.gif' ) bottom center no-repeat;
	padding: 6px;
	margin-top: 1px;
	margin-bottom: 18px;
}

div.box.square {
	background: #fbfbfb;
	border: 1px solid #e7e6e4 !important;
	border-top: 0px;
	padding: 6px;
	margin-bottom: 9px;
}

div.featured { font-size: 9pt; }
div.featured p strong { font-weight: bold; color: #333; }
div.featured p + p { margin-top: 9px; }
div.featured p.right { text-align: right; }

div.featured div.profile {
	border: 1px solid #dfdedb;
	background: #fff;
	padding: 3px;
	margin-bottom: 6px;
}

/* when border is dropped, the padding needs to increase to keep the same inner alignment as the above profile box */
div.featured div.profile.grey {
	background: #e7e6e4;
	border: 0px;
	padding: 4px;
}

div.featured div.profile h3 {
	margin-top: 3px;
	font-size: 10pt !important;
}

div.featured.center {
	margin-top: 12px;
}

div.featured.center h2 {
	font-size: 11pt;
	padding-bottom: 3px;
	border-bottom: 1px solid #e7e6e4 !important;
}

/*
since the featuredentity component isn't structured in a way that i can easily pull up
the h3 tag to sit across the image and text, i'm just hiding it within the component
and extracting it on the outer component.
*/

div.featured.center div.bg-wrapper {
	background: url( http://assets.aarp.org/aarp.org_/images/global/quote_end.gif ) top right no-repeat;
}

div.featured.center div.fromTheCommunityFeature { width: auto !important; padding: 0px !important; margin: 0px !important; }
div.featured.center div.fromTheCommunityFeature p { width: auto !important; }
div.featured.center div.fromTheCommunityFeature h3 { display: none !important; }

div.featured.center h3.featureTitle {
	font-size: 20pt;
	line-height: 20pt;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block !important;
}

div.tags {
	line-height: 20px;
	margin-bottom: 10px;
}

#tagSize1 {
	font-size: 10px;
	margin-right: 5px;
}

#tagSize2 {
	font-size: 12px;
	margin-right: 5px;
}

#tagSize3 {
	font-size: 18px;
	margin-right: 10px;
}

#tagSize4 {
	font-size: 24px;
	margin-right: 5px;
}

a#tagSize1, a#tagSize2, a#tagSize3, a#tagSize4 {
	text-decoration:none;
}

a#tagSize1:hover, a#tagSize2:hover, a#tagSize3:hover, a#tagSize4:hover {
	background-color:#0570AD;
	color:#FFFFFF;
	text-decoration:none;
}