/*

	blog styles

*/

/*
 *	.blogbox encompasses each blog and all its replies
 */
.blogbox {
	padding-top: 10px;
	padding-bottom: 20px;
	}

/*
 *	default styles for all structure elements
 */
.blogtitle, .blogentry, .blogfoot,
.replytitle, .replyentry, .replyfoot {
	background-repeat: no-repeat;
	background-color: transparent;
	width: 568px;
	padding: 0 16px;
	color: #000;
	margin: 0 auto;
	}
.blogentry, .blogentry p, .replyentry, .replyentry p {
	font-family: "lucida grande",arial,helvetica,sans-serif;
	font-size: 11px;
	text-align: left;
	}
.blogentry p, .replyentry p {
	margin: 1em;
	clear: both;
	line-height: 150%;
	}
.blogentry img, .replyentry img {
	max-width: 540px;
	}

/*
 *	.replybox encompasses each reply
 */
.replybox {
	margin-top: 15px;
	}

/*
 *	.blogtitle specific overrides
 *	all widths add up to 600px
 */
.blogtitle {
	background-image: url(/Images/BG/entry-header.png);
	font-weight: bold;
	color: #FFF;
	height: 20px;
	padding: 4px 16px 0;
	}
.blogentry {
	background-image: url(/Images/BG/entry-body.png);
	background-repeat: repeat-y;
	background-color: transparent;
	color: #000;
	width: 584px;
	padding: 1px 8px;
	margin: 0 auto;
	}

.blogfoot, .replyfoot {
	font-size: 10px;
	margin-bottom: 5px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 18px;
	padding: 13px 16px 4px;
	}
.blogfoot {
	background-image: url(/Images/BG/entry-footer.png);
	}
.blogfoot a {
	color: #FF0;
	}
/*
 *	style for the link back to "top"
 */
.blogtitle a:link, .blogtitle a:visited {
	color: #FF0;
	text-decoration: none;
	}
.blogtitle a:hover, .blogtitle a:active {
	color: #CCF;
	}

.replytitle {
	color: #FFF;
	background-image: url(/Images/BG/reply-header.png);
	font-weight: bold;
	height: 20px;
	padding: 4px 16px 0;
	margin-top: 5px;
	}
.replyentry {
	background-image: url(/Images/BG/reply-body.png);
	background-repeat: repeat-y;
	width: 584px;
	padding: 1px 8px;
	margin: 0 auto;
	}
.replyfoot {
	background-image: url(/Images/BG/reply-footer.png);
	color: #000;
	}
/*
 *	this table splits the title from the date
 */
.blogtitle table, .blogfoot table, .replyfoot table {
	width: 100%;
	}
.blogtitle tr, .blogfoot tr, .replyfoot tr {
	vertical-align: middle;
	text-align: left;
	}
.blogtitle td, .blogfoot td, .replyfoot td {
	text-align: right;
	}
.blogtitle th {
	color: #FF0;
	font-size: 110%;
	}

.blogentry a img, .replyentry a img {
	border: 2px solid #999;
	padding: 1px;
	margin: 0 10px 10px 10px;
	}
.blogentry a img:hover, .replyentry a img:hover {
	border: 2px solid #00D;
	}

/*
 *
 * Blog inner-elements
 *
 */
.quote, .quote p { font-size: 11px; }
.quote {
	clear: both;
	margin: 0 20px 10px 20px;
	padding: 4px;
	border: 1px solid #666;
	background: #EEF 50%;
	}
.quote .quote, .quote .quote .quote .quote {
	background: #DDF;
	}
.quote .quote .quote, .quote .quote .quote .quote .quote {
	background: #EEF;
	}

.code pre {
	margin: 10px 20px;
	padding: 4px;
	background: #FFF;
	border: 1px dotted black;
	white-space: normal;
	}

.blogentry .ctr, .blogentry .ctr p { margin: 0; line-height: 1.5 }
.blogentry .ctr .br, .blogentry .ctr .br { display: block; height: 10px 0; }

.poem {
	margin: 1pc 10% 0.25pc 10%;
	border: 2px solid #000;
	padding: 1pc 2em;
	background: url(../Images/BG/paper1.jpg);
	}
.poem p {
	text-indent: -1em;
	margin: 0 0 0 1em !important;
	}
.poem, .poem p {
	font-family: georgia,"times new roman",times,serif;
	font-size: 11px;
	line-height: 1.5;
	}
.poem div.br {
	display: block;
	height: 12px;
	}

/*

	front-end blog styles

*/

div#reply {
	margin: 30px 25px;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	border-bottom: 2px solid black;
	background: #CDC;
	}
#reply textarea {
	height: 10em;
	}

/*

	blog edit tables

*/

table.edittop, table.editside {
	border: 2px solid #000;
	width: 90%;
	margin: 10px auto;
	background: #FFE;
	}
.edittop th, .edittop td, .editside th, .editside td {
	text-align: left;
	padding: 4px;
	vertical-align: top;
	border-right: 1px solid #666;
	}
table.editside { border: 2px solid #000; clear: both; }
.edittop td, .editside td { border-bottom: 1px solid #000; }
.edittop th, .editside th { background: #9C6; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.editside th { text-align: right; }
.editside em { font-size: x-small; }
table.editside caption, table.edittop caption {
	caption-side: bottom;
	padding: 8px 0 0 0;
	text-align: center;
	}

div.ubb {
	font: 11px arial,verdana,sans-serif;
	background: #CCF;
	padding: 3px;
	text-align: center;
	border: 1px solid #669;
	}
.ubb div {
	display: block;
	margin-top: 4px;
	}
.ubb div a:link, .ubb div a:visited {
	padding: 1px 2px;
	border: 1px solid red;
	text-decoration: none;
	background: #FF0;
	color: #000;
	}
.ubb div a:hover, .ubb div a:active {
	text-decoration: none;
	background: #FFF;
	color: #F00;
	border: 1px solid red;
	}

.img_s, .img_sm, .img_m, .img_l, .img_xl, .img_xxl {
	margin: 0 auto;
	display: block;
	display: inline;
	clear: both;
	padding: 4px;
	height: auto;
	}
.img_sm, .img_s	{ width: 75px }
.img_m	{ width: 125px }
.img_l	{ width: 250px }
.img_xl	{ width: 400px }
.img_xxl { width: 540px }

.lt { margin-right: 10px }
.rt { margin-left: 10px }