/* 
STYLE.CSS
AUTHOR	- metal@flat.com
DATE	- January 2010
LAYOUT	- 
FONTS	- 
*/
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES - this will zero things out and prep the font size for 'em' based relations */
/* ------------------------------------------------------------------------------------------------------- */
*::-moz-selection {
	background-color: #cccccc;
	color: #333333;
}

*::selection {
	background-color: #cccccc;
	color: #333333;
}

* {
	outline: none;
}

html {
	font-size: 100%; /* failsafe for IE6 */
	overflow-y: scroll;
}

body {
	font-family: Arial, Verdana, Helvetica, san-serif;
	margin: 0;
	padding: 0;
}

html>body {
	font-size: 10px; /* ignored by IE6, recognized by Firefox, Safari, IE7, Opera */
}

/* this will zero out unwanted or expected borders and margins....unless specified later */
body,img,div,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	line-height: none;
}

html, body {
	height: 100%;
	color: #8c8e86;
	background: #ffffff;
}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* COMMON LAYOUT ELEMENTS */
/* ------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited {
	color: #ec6611;
	text-decoration: none;
}

a:hover, a:active, a.on {	
	color: #ec6611;
	text-decoration: underline;
}

a.nohover, a.nohover:link, a.nohover:hover, a.nohover:visited, a img, a:hover img {
	background: transparent !important;
	text-decoration: none;
}

p {
	font-size: 11px;
	line-height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: inherit;
}

small {
	font-size: 10px;
	text-transform: uppercase;
	color: inherit;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	font-family: inherit;
	color: inherit;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 10px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: inherit;
	color: #5c5e56;  /* UPDATED - Jan, 28 */
	margin: 0 !important;
	padding: 0 !important;
	line-height: 21px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: inherit;
	color: #5c5e56;
	margin: 0 !important;
	line-height: 13px;
}

/* ADDED - Jan 28 */
h3.feed {
	font-size: 13px;
	font-weight: normal;
	font-family: inherit;
	color: #8c8e86;
	margin: 0 !important;
	line-height: 13px;
}

img { /* this is to correct scaling issues on PC */
	-ms-interpolation-mode: bicubic;
}

ul, ol, li {
	list-style: none;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

label {
	font-size: 12px;
	color: #5c5e50;
}

span {
	font-size: 11px;
}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT AND LAYOUTS */
/* ------------------------------------------------------------------------------------------------------- */
.horizontal_rule {
	clear: both;
	height: 1px;
	margin: 0px 0px;
	background: #dcded6;
	overflow: hidden;
}
.horizontal_rule img {
	height: 1px;
	position: relative;
	top: -1px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* BODY CONTAIER - main wrapper
/* ------------------------------------------------------------------------------------------------------- */
#body_container {
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	height: 100%;
	min-height: 100%;
	width: 975px;
	border-right: 1px solid #eceee6;
}
html>body #body_container {
	height: auto;
}

.content_wrapper { /* total width = 975px */
	width: 954px;
	padding: 0px 11px 0px 10px;
}

.column_wrapper { /* these are used to achieve equal column heights, when 2 or more divs float next to one another but don't have matching content height... */
	height: 100%;
	float: left;
}
.column_wrapper_inner {
	height: 100%;
	overflow: hidden;
	float: left;
}
.column_wrapper_inner div.column {
	margin-bottom: -3000px;
	padding-bottom: 3000px;
	float: left;
}

/* BODY ELEMENTS */
#body_header {
	position: relative;
}
#body_content {
	position: relative;
	margin-bottom: 70px; /* match the height (assumed) of the footer + a margin area to prevent an overlap on small windows */
}
#body_footer { /* IE hack might be needed */
	position: absolute;
	z-index: 1;
	bottom: 0;
	min-height: 42px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* BODY HEADER - logo and navigation
/* ------------------------------------------------------------------------------------------------------- */
#header_logo_area {
	height: 90px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcded6;
}
	#logo_wrapper {
		width: 190px;
		padding-right: 1px;
		padding-top: 17px;
		float: left;
	}
	#sponsor_banner {
		width: 728px;
		padding-right: 10px;
		float: left;
	}
	#sponsor_tab {
		width: 25px;
	/*	background-color: #eceee6; */
		float: left;
	}
	
	
#header_navigation_login {  /* UPDATED - Jan, 28 */
	height: 85px;
	background: #ffffff url('../img/header-navigation_bkgd.gif') repeat-x;
	border-top: 1px solid #ffffff;
}
	
	#header_navigation_wrapper {
		width: 667px;
		border-right: 1px solid #ffffff;
	}
	#header_navigation_list {
	
	}
	#header_navigation_list li {
		float: left;
	}
	#header_navigation_list li a {
		float: left;
		font-size: 12px;
		padding: 10px 10px;
		background: #a6aea0;
		font-weight: bold;
		color: #ffffff !important;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		cursor: pointer;
		text-decoration: none;
	}
	#header_navigation_list li a:hover, #header_navigation_list li a:active, #header_navigation_list li a.on {
		background: #ffaa11;
		text-decoration: none;
	}
	
	
	#header_navigation_search {
		border-top: 1px solid #ffffff;
	}
	.search_cell {
		padding: 10px 10px;
		float: left;
	}
	.live_search {
		width: 274px;
		font-size: 13px;
		color: inherit;
		margin: 0;
		padding: 2px;
		height: 23px;
	}
	#header_login_wrapper {
		width: 266px;
		padding: 10px 10px;
	}
	#login_label {
		width: 241px;
		margin-bottom: 7px;
	}
	#login_label label {
		font-size: 12px;
		color: #5c5e50;
	}
	.input_wrapper {
		background: #ffffff;
		width: 160px;
		margin-bottom: 5px;
	}
	.login_submit_wrapper {
		margin-left: 5px;
		margin-bottom: 5px; 
	}
	

/* ------------------------------------------------------------------------------------------------------- */
/* BODY CONTENT - section breadcrumb nav, section nav on the left, and content container on the right
/* ------------------------------------------------------------------------------------------------------- */
#body_content_area {
	
}
.body_content_clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
.body_content_clear img {
	height: 1px;
}
.header_div {
	padding: 10px 10px 8px 10px;
	background: #dcded6;
	border-bottom: 1px solid #ffffff;
}
.header_div_feed {
	padding: 9px 10px 7px 10px; /* top and bottom padding is 1px smaller, due to the added border */
	background: #ffffff;
	border: 1px solid #dcded6;
	margin-bottom: 1px;
}
.column_feed {
	width: 190px; 
	border-right: 1px solid #ffffff;
	float: left;
}

/* ADDED - Jan 28 */
.content_left {
	width: 190px; 
	border-right: 1px solid #ffffff;
	float: left;
}
.content_left .listing {
	margin-bottom: 10px;
}
.content_right {
	width: 763px; 
	float: left;
}


/* ------------------------------------------------------------------------------------------------------- */
/* BODY FOOTER - body footer, always floats to the bottom, never overlaps the content
/* ------------------------------------------------------------------------------------------------------- */
#body_footer_navigation {
	border-top: 5px solid #eceee6;
	padding: 10px 10px;
	color: #a6aea0;
}
#body_footer_navigation * p {
	
}
#body_footer_navigation * a, #body_footer_navigation * a:link, #body_footer_navigation * a:visited {
	color: #a6aea0;
}
#body_footer_navigation * a:hover, #body_footer_navigation * a:active {
	color: #a6aea0;
	text-decoration: underline;
	background-color: transparent;
}

/* ------------------------------------------------------------------------------------------------------- */
/* NAVIGATIONAL LISTS */
/* ------------------------------------------------------------------------------------------------------- */
/* ul.listing - for listings of articles, etc. */
div.listing {
	
}
ul.listing {
	
}
ul.listing li {
	width: 100%;
}
ul.listing li:hover {
	color: #ffffff;
	background: #c6cec0;
	cursor: pointer;
}
ul.listing li span {
	margin: 0px !important;
	padding: 10px 10px;
	display: block;
}
ul.listing li span a, ul.listing li span a:link, ul.listing li span a:visited {
	color: inherit;
	text-decoration: none;
}
ul.listing li span a:hover, ul.listing li span a:active {
	color: inherit;
	text-decoration: none;
	background: none;
}


/* MODIFIED CLASSES */
/* upcoming & news columns - these 2 stay on the left hand side... */
div.upcoming, div.news {
	background: #dcded6;
	color: #5c5e56; /* UPDATED - Jan, 28 */
}
ul.upcoming li, ul.news li {
	border-top: 1px solid #eceee6;
	border-bottom: 1px solid #cccec6;
}
ul.upcoming li:hover, ul.news li:hover {
	color: inherit;
	background: #ffffff;
}


/* feed - blogs, forums, events, classifieds... */
div.feed {
	border: 1px solid #eceee6;
	border-top: none;
}
ul.feed {
	
}
ul.feed li {
	border-top: none;
}
ul.feed li:hover {
	color: inherit !important;
	background: #eceee6;
}
ul.feed li span a:hover, ul.feed li span a:active {
	text-decoration: none;
	background: none;
}
ul.feed li span a.list_author {
	text-decoration: underline;
}
div.feed_break {
	height: 1px;
	width: 170px;
	margin: 0px 10px;
	background: #eceee6;
	overflow: hidden;
}
div.feed_break img {
	height: 1px;
	position: relative;
	top: -1px;
}
div.feed_section_link {
	padding: 9px 10px 7px 10px;
	text-align: right;
}

/* ADDED - Jan, 28 */
div.feed_section_link p {
	font-size: 12px;
}

/* features - on the homepage, in the News & Features box */
ul.features {
	border-bottom: 1px solid #eceee6;
}
ul.features li {
	border-top: 1px solid #eceee6;
}
ul.features li:hover {
	color: inherit !important;
	background: #eceee6;
}
ul.features li span {
	padding: 10px 0px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* HOME PAGE STYLES */
/* ------------------------------------------------------------------------------------------------------- */
#home_welcome {
	width: 381px;
	background: #eceee6;
	border-right: 1px solid #ffffff;
	float: left;
}
#home_pictures {
	width: 572px;
	float: left;
}
#home_welcome_text {
	padding: 20px 10px 18px 10px;
}
	.home_picture_wrapper {
		position: relative;
		width: 190px;
		height: 251px;
		border-right: 1px solid #ffffff;
		float: left;
	}
	.home_picture_image {
		position: absolute;
		top: 0;
		z-index: 2;
	}
	.home_picture_text {
		position: absolute;
		z-index: 5;
		bottom: 0;
		width: 190px;
		background: transparent url('../img/trans-80.png') repeat;
	}
	.home_picture_text p {
		font-size: 12px; /* UPDATED - Jan, 28 */
		padding: 10px 10px;
	}
	
/* ADDED - Jan 28 */
/* ------------------------------------------------------------------------------------------------------- */
/* SECTION STYLES */
/* ------------------------------------------------------------------------------------------------------- */
.section_left {
	width: 476px;
	background: #eceee6;
	border-right: 1px solid #ffffff;
	float: left;
}
.section_right {
	width: 286px;
	background: #eceee6;
	float: left;
}
.section_text {
	padding: 20px 10px 18px 10px;	
}
.section_text_meta {
	padding: 10px 10px 12px 10px;	
}
.section_text p {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #8c8e86;
	display: block;
}


/* GROUPS */
.groups_content_left {
	width: 190px;
	border-right: 1px solid #eceee6;
	float: left;
}
.groups_content_right {
	width: 572px;
	float: left;
}
.groups_list_container {
	width: 562px;
	padding: 20px 0px 0px 10px;	
}
.groups_list_container:hover {
	color: inherit !important;
	background: #eceee6;
	cursor: pointer;
}
.groups_list_header {
	margin-bottom: 10px;
	float: left;
}
.groups_list_members {
	text-align: right;
	float: right;
}
.groups_list_text {
	clear: both;
	margin-bottom: 20px;
}
.groups_list_text p {
	font-size: 12px;
	line-height: 15px;
	color: #5c5e56;
}
.groups_list_break {
	height: 1px;
	width: 562px;
	background: #eceee6;
	overflow: hidden;
}
.groups_list_break img {
	height: 1px;
	position: relative;
	top: -1px;
}


/* FEATURES */
.features_content_left {
	width: 457px;
	margin: 20px 95px 10px 20px;
	float: left;
}
.features_content_right {
	width: 180px;
	min-height: 170px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #d6ded0;
	float: left;
}
.features_content_footer {
	border-top: 5px solid #d6ded0;
	padding: 10px 0px;
}
.features_content_footer p {
	font-size: 12px;
}
.features_header {
	margin-bottom: 10px;
}
.features_header h2 {
	color: #8c8e86;
}
.features_summary {
	font-size: 14px;
	line-height: 16px;
	color: #8c8e86;
	margin-bottom: 10px;
}
.features_slideshow {
	border-bottom: 1px solid #d6ded0;
	margin: 10px 0px;
}
.features_article {
	margin-bottom: 20px;
}
.features_article p {
	font-size: 12px;
	line-height: 15px;
	color: #5c5e56;
}

/* EVENTS */
.events_list_header {
	width: 743px;
	margin: 10px 10px 0px 10px;	
	padding-bottom: 8px;
	border-bottom: 1px solid #d6ded0;
	float: left;
}
b.events_header {
 font-size: 12px;
 color: #5c5e56;
}
.events_list_container {
	width: 743px;
	margin: 0px 10px 0px 10px;	
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #eceee6;
	float: left;
}
.events_list_container:hover {
	color: inherit !important;
	background: #eceee6;
	cursor: pointer;
}
.events_list_container * p {
	color: #5c5e56;
}
.column_180 {
	width: 180px;
}



/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* PROFILE *//* ADDED - Feb 11 */
.section_text_profile {
	padding: 10px 10px 8px 10px;	
}
.section_text_profile p {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #8c8e86;
	display: block;
}
.section_text_profile p span {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #5c5e56;
	display: inline;
}
div.following {
	border: 1px solid #eceee6;
	border-top: none;
}
ul.following {
	
}
ul.following li {
	border-top: none;
	border: 1px solid #dcded6;
	margin: 0px 1px 1px 1px !important;
	width: 184px !important;
	background-image: url("../img/profile-following_bkgd.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
ul.following li:hover {
	color: inherit !important;
	background-color: #eceee6;
	background-image: url("../img/profile-following_bkgd.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
ul.following li span a:hover, ul.following li span a:active {
	text-decoration: none;
	background: none;
}
ul.following li span a.list_author {
	text-decoration: underline;
}
.darker, a.darker {
	color: #5c5e56;
	font-size: inherit;
	font-weight: inherit;
}


/* FORUM *//* ADDED - Feb 11 */
div.forum_column {
	border-right: 1px solid #eceee6;
}
div.forum_column_header {
	padding: 10px 0px;
	margin: 0px 10px;
	border-bottom: 1px solid #d6ded0;
}
div.forum_column_content {
	padding: 10px 0px;
	margin: 0px 10px;
	border-bottom: 1px solid #eceee6;
}
div.forum_column_content * a.author_link {
	color: #8c8e86;
	text-decoration: underline;
}


/* FORUM POST *//* ADDED - Feb 11 */
div.forum_post_wrapper {
	padding-top: 10px;
}
div.forum_post_wrapper:hover {
	background-color: #eceee6;
	cursor: pointer;
}
div.forum_post {
	margin-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6ded0;
}
div.forum_post_image {
	width: 170px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #eceee6;
}
div.forum_post_content {
	width: 552px;
}
div.forum_post_content div.post_timestamp {
	margin-bottom: 10px;
}
p.forum_post_username, div.forum_post_content div.post_text p {
	margin-top: 7px;
	font-size: 12px;
	line-height: 16px;
}


/* NEWS *//* ADDED - Feb 11 */
div.news_image {
	width: 170px;
	padding: 10px 10px 0px 10px;
}
span.news_headline {
	font-size: 14px;
	line-height: 18px;
	color: #5c5e56;
	padding: 6px 10px 0px 10px !important;
	margin: 0;
	display: block;
}
span.news_headline_date {
	padding: 0px 10px 0px 10px !important;
	margin: 0;
	display: block;
	color: #5c5e56;
}


/* NEWS SECTION *//* ADDED - Feb 25 */
.news_section_content_left {	/* SIMILAR to .features_content_left */
	width: 572px;
	margin: 10px 0px 10px 0px;
	float: left;
}
.news_section_content_right {	/* SIMILAR to .features_content_right */
	width: 180px;
	min-height: 170px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #d6ded0;
	float: left;
}

div.news_section_post_wrapper {

}
div.news_section_post {
	width: 520px;
	padding: 10px 10px 20px 0px;
	margin-left: 20px;
	margin-right: 10px;
	border-bottom: 5px solid #eceee6;
}
div.news_section_post:hover {
	background-color: #eceee6;
	cursor: pointer;
}
div.news_section_post_image {
	width: 170px;
	margin-right: 10px;
	float: left;
}
div.news_section_post_content {
	width: 340px;
	float: left;
}
h2.news_post_title {
	font-size: 18px;
	color: #8c8e86;
}
p.post_timestamp {
	margin-bottom: 10px;
}
p.news_section_post_username, div.news_section_post_content div.post_text p {
	margin-top: 7px;
	font-size: 12px;
	line-height: 16px;
}
.news_section_header {		/* same as .features_header */
	margin-bottom: 10px;
}

/* listing */
div.news_section {
	border: none;
}
ul.news_section {
	
}
ul.news_section li {
	border-top: none;
}
ul.news_section li:hover {
	color: inherit !important;
	background: #eceee6;
}
ul.news_section li span a:hover, ul.news_section li span a:active {
	text-decoration: none;
	background: none;
}
ul.news_section li span a.list_author {
	text-decoration: underline;
}
ul.news_section * h3.darker {
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 8px;
	color: #5c5e56 !important;	
}



/* ADDED - Feb 11 */
a.more, a.more:link, a.more:visited,
a.edit, a.edit:link, a.edit:visited { /* UPDATED - Feb 11 */
	color: #ec6611 !important;
	text-decoration: none;
}

a.more:hover, a.more:active, 
a.edit:hover, a.edit:active {	
	color: #ec6611 !important;
	text-decoration: underline !important;
}
/* ------------------------------------------------------------------------------------------------------- */
/***********************************************************************************************************/


/* ------------------------------------------------------------------------------------------------------- */
/* FORMS */
/* ------------------------------------------------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], .input_text, .input_submit, .input_button {
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 11px;
	color: inherit;
	margin: 0;
	padding: 2px;
	border: none;
	outline: none;
}
input[type="text"], input[type="password"], .input_text {
	background: #ffffff;
}
input[type="submit"], input[type="button"], .input_submit, .input_button {
	text-align: left;
	color: #ffffff;
	background: #a6aea0;
	cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover, .input_submit:hover, .input_button:hover {
	background: #ffaa11;
}

/* ADDED - Jan, 28 */
.input_select {
	border: none;
	outline: none;
	width: 160px;
	color: inherit;
}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* OVERRIDES */
/* ------------------------------------------------------------------------------------------------------- */
.nopadding { 
	padding: none !important;
}
.nomargin { 
	margin: none !important;
}
.nospacing {
	padding: none !important;
	margin: none !important;
}
.nohover {
	background: none !important;
}
.noborders {
	border: none !important;
}
.nowrap {
	white-space: nowrap;
}