html, body {
	margin: 0;
	padding: 0;
	background-image: url(/blog/bg.gif); 
/*	background-image: url(/blog/bg2.jpg); */
/*	background-image: url(/blog/bg3.jpg); */
}

a {
	color: #498fbd;
	text-decoration: none;
}
a:hover, a:active { color: #db8969; }
pre { display: inline; }
img { border: none; }

#container {
    position: relative;
    min-height: 100%;
    border-left: 140px solid #8abadf;
    }
#left {
	width: 140px;
	float: left;
    margin-left: -140px;
	z-index: 10;
	position: relative;
}

#body {
	z-index: 11;
	float: left;
	position: relative;
	padding-left: 20px;
}

.links_list {
	list-style-type: none;
	margin-left: 15px;
	padding:0;
}
.links_list a {
	color: #163763;
}
.links_list a:hover {
	color: #db8969;
	background-color: #e9e1cf;
}
.links_list li {
	padding: 10px 0;
}

.calendar_table {
	width:135px;
	border: 2px solid #7583bc;
	margin: 0 auto 5px auto;
}
.calendar_table td {
	background-color: #DDDDDD;
	text-align: center;
	font-size: 10px;
}
.calendar_table .month {
	font-size: 14px;
	font-weight: bold;
	color: #e08989;
	background-color: #e1e4ef;
}
.calendar_table .day_empty {
	background-color: #8ca9de;
}
.calendar_table .not_empty {
	background-color: #70c16c;
}
.calendar_table .not_empty a {
	color: #f8edeb;
}
.calendar_table .day_future {
	color: #808080;
}

.blog_header {
    padding: 0 15px; 
    margin: 0;
}
.blog_header h3 {
    margin:0; 
    padding:0; 
    text-align:center;
}
.feed_div, .blog_header form * {
    font-size: 10px;
}
.blog_header br {
	clear: both;
}
.blog_header input {
	width: 70px;
}
* html .feed_div img {
    margin-bottom: 3px;     
}
.blog_header form {
    margin: 0;
    padding: 0;
}
label, .stat {
	display: block;
	float: left;
	margin: 6px 0;
}
label {
	text-align: right;
	width: 32px;
	padding: 0 2px;
}
.stat {
	width: 70px;
	overflow: hidden;
}



.archive_list {
	margin: 0;
	padding: 0 5px 30px 5px;
	list-style-type: none;
}
.archive_list li {
	margin: 0 auto 0 5px;
	padding: 2px;
	font-size: 12px;
}
.archive_list a {
	color: #163763;
}
.archive_list a:hover {
	color: #db8969;
	background-color: #e9e1cf;
}





/* ########################################## */
/* ########################################## */
/* ########################################## */
/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0.5em 0;
}
/* Rules for the top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(box.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* ########################################## */
/* ########################################## */
/* ########################################## */

.error {
	color: red;
}

.title {
	text-align: center;
	background-color: #cfdae9;
	color: #b89661;
}
.paragraph {
	margin: 10px 0 10px 30px;
	
}
.question {
	margin: 25px 0 10px 10px;
	background-color: #fff7ea;
	font-weight: bold;
	color: #3f5a8f;
}

.blog_title {
	color: #951a1a;
	font-size: 22px;
	margin-bottom: 0;
	margin-top: 0px;
	padding: 2px 10px;
	background-color: #d2d2d2;
	background-image: url(gradient1.gif);

}

.blog_date {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #989898;
	margin-top: 10px;
	margin-bottom: 0px;
}

.blog_text {
	margin-top: 5px;
	margin-left: 15px;
}
.comments {
	margin-top: 10px;
	background-color: #f7f7f7;
	color: #9a9a9a;
	font-style: italic;
	padding: 4px 0 4px 15px;
	background-image: url(gradient3.gif);
	border: 1px solid #b4d2e7;
}
.comments span:hover {
	cursor: pointer;
}
.comments_show {
	max-height: 400px;
	overflow: auto;
	background-color: #f7f7f7;
	padding-left: 60px;
}
.minus {
	font-size: 12px;
	color: #d2d2d2;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 12px;
	padding: 0 3px;
	margin-left: -40px;
	cursor: pointer;
}
.comment_name {
	font-size: 85%;
	color: #5d707c;
	font-style: italic;
	margin-bottom: 0;
	background-color: #f0f9ff;
	width: 70%;
	padding-right: 10px;
	padding-left: 10px
}
.comment_name b {
	color: #5793ba;
}
.comment_text {
	margin-top: 3px;
	background-color: #ddf1fd;
	width: 70%;
	color: #27516c;
	padding: 2px 0 2px 20px;
}

#copyright {
	margin-top: 30px;
	margin-bottom: 12px;
	padding: 5px;
	background-color: #ececec;
	color: #8d8d8d;
	text-align: center;
	font-style: italic;
	font-size: 11px;
}



.success {
	color: #58e04a;
	font-style: italic;
	font-weight: bold;
}


.bible {
	background-color: #e6edf9;
	border: 1px solid #20427b;
	color: #20427b;
	position: relative;
	left: 5%;
	width: 80%;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 13px;
}

.bible_ref {
	background-color: #f8f4eb;
	border: 1px dotted #20427b;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #20427b;
	position: relative;
	margin-left: 10%;
	margin-top: -20px;
	float:left;
	padding: 0 10px 0 10px;
}
.quote {
	margin: 10px 30px;
	border-left: 1px dotted;
	padding-left: 7px;
}

.big {
	font-size: 200%;	
}
.huge {
	font-size: 300%;	
}

.hiddenform, .hiddenform * {
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	font-size: 0;
}

.right_menu {
	position: absolute;
	right: 20px;
	top: 20px;
	height: 27px;
	overflow: hidden;
	border: 1px dotted #20427b;
	color: #20427b;
	background-color: #f0f0f0;
}
.right_menu img {
	padding: 2px;
}
.right_menu img.button:hover {
	background-color: #80a3c1;
	border: 1px solid #214868;
	cursor: pointer;
	margin: -1px;
}
.colordiv {
	position: absolute;
	right: 20px;
	top: 60px;
	text-align: right;
}
.colorpicker {
	position: absolute;
	right: 0;
	margin-top: 10px;
}

.colorpicker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 190px;
}
.coloritem {
	float: left;
	height: 10px;
	width: 10px;
	overflow: hidden;
	font-size: 2px;
	margin: 0;
	padding: 0;
}
.coloritem:hover {
	cursor: pointer;
}




#desc {
	font-size: 12px;
}
#currentcolor {
	position: absolute;
	right: 0;
	top: 130px;
	margin-top: 10px;
	height: 40px;
	width: 60px;
	border: 1px solid black;
}


.line1 {
	background-color: #b6d0e0;
	width: 50%;
	color: #19445f;
}
.line2 {
	background-color: #e4e8eb;
	margin-bottom: 15px;
	width: 50%;
	color: #5d707c;
}

.error, .error li, .error b {
	color: red;
}
.left_error li, .left_error ul {
	margin-left: 0;
	padding-left: 0;
	font-size: 11px;
	color: #b74c26;
}