/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ BLOG ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
		Prefix with Continer ID to apply style to individual containers.
*/

/* === [ Discussion List ] === */

.BlogDiscussion {/* Outer DIV */
	position: relative;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
	.BlogDiscussion h1 {/* Custom Title */
		padding: 0;
		margin: 0;
	}
	.BlogDiscussion p {/* Custom Summary */
		padding: 0;
		margin: 0;
		
	}

	/* === [ Discussion List Table ] === */

			.DiscussionList { /* Table */
				margin: 10px 0px;
				width: 100%;
				border: 1px solid #FFFFFF;
				background-color: #baca23;
			}
				.DiscussionList td {
					padding: 0px 2px;
					border: #b83f08 1px solid;
					background-color: #FFFFFF;
					vertical-align: top;
				}
				.DiscussionList .FirstColumn {/* First column */
					width: 70%;
					font-weight: bold;
					color: #333333;
					font-size: 100%;
				}
				.DiscussionList .SecondColumn, /* Second column */
				.DiscussionList .ThirdColumn {/* Third column */
					width: 15%;
					text-align: right;
					font-weight: bold;
					color: #333333;
				}
					.DiscussionList .SecondColumn span, /* Second column */
					.DiscussionList .ThirdColumn span, /* Third column */
					.DiscussionList .ForthColumn span {/* Third column */
						font-size: 80%;
						color: #b83f08;
					}
			.DiscussionList .Heading {/* Table Headings */
				text-transform: uppercase;
				font-size: 80%;
			}
			.DiscussionList .ListTitle {/* List Title Link */
				
			}
				.DiscussionList .ListTitle a:visited, 
				.DiscussionList .ListTitle a:link, 
				.DiscussionList .ListTitle a:hover {
					background: #FFFFFF url(/Templates/EconoCampers/_images/icon_tick.gif) no-repeat 0 1px;
					padding: 2px 0 0 24px;
					display: block;
					color: #b83f08;
					text-decoration: underline;
				}
			.DiscussionList .ListSummary {/* Summary Link */
				font-weight: normal;
				color: #666666;
			}
				.DiscussionList .ListSummary a:visited, 
				.DiscussionList .ListSummary a:link, 
				.DiscussionList .ListSummary a:hover {
					color: #919e1b;
				}
		
/* === [ Blog Topic ] === */

.BlogTopic {/* Outer DIV */
	position: relative;
	clear: both;
	margin: 10px 0px;
	padding: 0px;
}
	.BlogTopic h1 {/* Custom Title */
		padding: 0 8px;
		margin: 0;
	}
	.BlogTopic p {/* Custom Summary */
		padding: 0;
		margin: 0;
	}

		.BlogTopicThread {/* Outer DIV */
			position: relative;
			clear: both;
			margin: 10px 0px;
			padding: 0px;
		}
			.BlogTopicThread h2 {/* Custom Title */
				padding: 0;
				margin: 0;
				color: #b83f08;
				font-size: 180%;
			}
			.BlogTopicThread p {/* Custom Summary */
				padding: 0;
				margin: 0;
			}
		
	/* === [ Topic List Table ] === */

			.TopicList { /* Table */
				margin: 10px 0px;
				width: 100%;
				border: 1px solid #b83f08;
				background-color: #baca23;
			}
				.TopicList td {
					padding: 0px 2px;
					border: #b83f08 1px solid;
					background-color: #FFFFFF;
					vertical-align: top;
				}
				.TopicList .FirstColumn {/* First column */
					width: 50%;
					font-weight: bold;
					color: #333333;
					padding: 4px;
				}
				.TopicList .SecondColumn, /* Second column */
				.TopicList .ThirdColumn {/* Third column */
					width: 8%;
					text-align: center;
					font-weight: bold;
					color: #333333;
					padding: 4px;
				}
				
				.TopicList .ForthColumn {/* Third column */
					width: 30%;
					text-align: right;
					font-weight: bold;
					color: #333333;
					padding: 4px;
				}
					.TopicList .SecondColumn span, /* Second column */
					.TopicList .ThirdColumn span, /* Third column */
					.TopicList .ForthColumn span {/* Third column */
						font-size: 85%;
						font-weight: normal;
						color: #b83f08;
					}
			.TopicList .Heading {/* Table Headings */
				text-transform: uppercase;
				font-size: 75%;
			}
			.TopicList .ListTitle {/* List Title Link */
			}
				.TopicList .ListTitle a:visited, 
				.TopicList .ListTitle a:link, 
				.TopicList .ListTitle a:hover {
					background: #FFFFFF url(/Templates/EconoCampers/_images/icon_tick.gif) no-repeat 0 1px;
					padding: 2px 0 0 24px;
					display: block;
					color: #b83f08;
					text-decoration: underline;
				}
			.TopicList .ListSummary {/* Summary Link */
				font-weight: normal;
				color: #666666;
			}
				.TopicList .ListSummary a:visited, 
				.TopicList .ListSummary a:link, 
				.TopicList .ListSummary a:hover {
					color: #919e1b;
				}

/* === [ Blog Comments ] === */

.BlogComment {/* Outer DIV */
	position: relative;
	clear: both;
	margin: 10px 0px;
	padding: 0px;
	display: block;
	height: 100%;
}
	.BlogComment h1 {/* Custom Title */
		padding: 0;
		margin: 0;
	}
	.BlogComment p {/* Custom Summary */
		padding: 0;
		margin: 0;
		background-color: #FFFFFF;
	}

/* === [ Comment Thread ] === */

	.BlogCommentThread {
		position: relative;
		clear: none;
		margin: 10px 0px;
		padding: 10px;
		border: 1px solid #b83f08;
		background-color: #ffffff;
		display: inline-block;
		height: 100%;
	}
		/* Custom Title */
		.BlogCommentThread .ListCustomTitle {
			padding: 0 0 8px 0px;
			width: 100%;
		}
	
		/* Title */
			.BlogCommentThread .ListTitle {
				
			}
			.BlogCommentThread .ListTitle a:visited, 
			.BlogCommentThread .ListTitle a:link, 
			.BlogCommentThread .ListTitle a:hover {
				
			}
	
		/* Date, Keywords */
			.BlogCommentThread .ListItemDate{
				color: #b83f08;
			}
	
	.BlogCommentThread .ListAuthor {
				color: #b83f08;
				font-size: 110%;
			}
		/* Summary */
			.BlogCommentThread .ListSummary {
				color: #666666;
			}
			.BlogCommentThread .ListSummary a {
			}
	
/* === [ Comment List ] === */
	
			.BlogComment .ListHolder {
			width: auto;
			height: 100%;
			display:inline-block;
			}
			.BlogComment .ListItem {
				width: 94%;
				border: #b83f08 2px solid;
				padding: 8px;
				display: inline-block;
				margin: 4px 8px;
			}
				/* Title */
					.BlogComment .ListTitle {
						
					}
					.BlogComment .ListTitle a:visited, 
					.BlogComment .ListTitle a:link, 
					.BlogComment .ListTitle a:hover {
						color: #b83f08;
					}
				/* Authro */
					.BlogComment .ListAuthor {
						font-weight: bold;
					}
					/* Email [Span] */
						.BlogComment .ListEmail {
							font-weight: normal;
						}
				/* Date */
					.BlogComment .ListItemDate {
					}
				/* Summary */
					.BlogComment .ListSummary {
					}
					.BlogComment .ListSummary a {
					}
				/* EndItem (Visual break between each list item) */
					.BlogComment .ListEndItem {
					}
	
/* === [ Topic and Comment Forms ] === */

.TopicForm,
.CommentForm {/* Outer DIV */
	position: relative;
	clear: both;
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #b83f08;
	background-color: #FFFFFF;
	display: block;
	height: 100%;
}
	.TopicForm h1,
	.CommentForm h1{/* Custom Title */
		padding: 0 0 8px 24px;
		background: url(/Templates/EconoCampers/_images/bullet.gif) no-repeat 0 5px;
		margin: 0;
		font-size: 110%;
		font-weight: bold;
		color: #b83f08;
	}
	
		.FormItem {/* Layout */
			border: #b83f08 1px solid;
			background-color: #baca23;
			font-size: 90%;
			margin: 1px;
			padding: 6px;
		}
		.FormTitle {/* form item title */
			color: #333333;
		}
		.FormField {/* form item textbox */
		}
			.FormField textarea {/* form item textbox */
				font-family: sans-serif;
			}
		.FormButton {/* form submit button */
			padding: 10px 0px;
		}